Βρίσκεστε στα παλιότερα κείμενα του blog. Αφού διαβάσετε αυτό που σας ενδιαφέρει, μπορείτε να επιστρέψετε στα καινούρια.

Thursday 05.07.2007, ¶ Web design, 3 Σχόλια

Επιλέγοντας χρώματα για ένα website

Είναι ένα θέμα που πάντα με δυσκόλευε. Η επιλογή χρωμάτων έχει να κάνει με αρκετούς παράγοντες όπως π.χ. το περιεχόμενο του τόπου (βλ. σε ποιον απευθύνεται), η γεωγραφική περιοχή των επισκεπτών (το λευκό για παράδειγμα που σημαίνει αγνότητα για εμάς για τους λαούς της ανατολής σημαίνει πένθος), το ύφος που θέλει να περάσει ο designer κ.α.

Τελευταία έχω καταλήξει σε δύο τεχνικές που μου λύνουν τα περισσότερα προβλήματα σε κάθε περίπτωση. Ας τις πάρουμε με τη σειρά.

Φωτογραφίες και Photoshop

Roxanne(Για την  τεχνική αυτή πρωτοδιάβασα στο site του Andy Clarke. Από τότε εμφανίστηκαν πολλές παραλλαγές της.)

Roxanne filtered in PhotoshopΤις καλύτερες ιδέες τις δίνει η ζωή πολλές φορές. Μια φωτογραφία (καλή ή κακή - δεν έχει σημασία) με αρμονία στα χρώματα μπορεί να είναι η τέλεια λύση. Φωτογραφίες υπάρχουν άπειρες για να διαλέξει κάποιος, πού αλλού, στο Flickr. Ακόμα πιο καλά είναι να έχει τις δικές του. Μια παραλλαγή είναι οι πίνακες ζωγραφικής π.χ. ο Van Gogh είναι μια αστείρευτη πηγή.

Από εκεί και πέρα τη σκυτάλη παίρνει το Photoshop. Με το φίλτρο Pixallate > Mosaic η φωτογραφία χωρίζεται σε μεγάλα pixels. Το πόσο μεγάλα θα είναι το αποφασίζει κάποιος στο ίδιο το φίλτρο. Με τη χρήση του Eyedropper Tool επιλέγει κάποιος ακριβώς το χρώμα που θέλει και το κρατάει. Στο τέλος έχει μια παλέττα έτοιμη προς χρήση.

Και πότε μια φωτογραφία είναι αρκετά καλή; Αυτό είναι κάτι που θέλει αρκετή εμπειρία. Η αρμονία και η ισορροπία των χρωμάτων είναι κάτι που αρχικά το διαισθάνεται κάποιος και το αποδυκνείει στον εαυτό του στο τέλος. Σίγουρα δεν έχει να κάνει με την ευκρίνεια της φωτογραφίας ούτε με το αν αυτή θυμίζει καλές στιγμές. Συνήθως πρέπει να κυριαρχεί ένας αποδεκτός συνδυασμός από βασικά χρώματα, ο οποίος θα σπάει από ένα άλλο χρώμα που παρεμβάλλεται, άσχετο με τα υπόλοιπα.

Color Paletter CreatorΠαίζοντας με τη μονοχρωμία

Το The Color Palette Creator είναι ένα μικρό αλλά καταπληκτικό εργαλείο. Αυτό που κάνει με δυο λόγια είναι να παίρνει ένα χρώμα και να βρίσκει 10 ενδιάμεσα χρώματα σε σχέση με το λευκό και το μαύρο.

Το Color Palette Creator το χρησιμοποιώ όταν χρειάζομαι λιγότερα κι όχι περισσότερα χρώματα. Ξεκινώντας κάποιος από το βασικό του χρώμα που θα κυριαρχεί στον τόπο μπορεί εύκολα να βρει τις αποχρώσεις του σε δευτερεύοντα μενού, σκιές ή όρια περιοχών.

Η ιδέα πίσω από το εργαλείο είναι να μη χρησιμοποιούνται παραπάνω χρώματα χωρίς λόγο. Όχι να περιορίσει κάποιος τις επιλογές του.

Αρκούν αυτά;

Εκεί έξω υπάρχουν καταπληκτικά εργαλεία όπως π.χ. το Kuler. Αποφάσισα να γράψω μόνο για τις συγκεκριμένες τεχνικές για δύο λόγους:

  • Γιατί ξεκινώντας από τις φωτογραφίες προκύπτουν πρωτότυπα ή εντελώς αναπάντεχα αποτελέσματα που μπορεί με τη σειρά τους να ανοίξουν τους ορίζοντες του designer.
  • Γιατί το χρώμα είναι μεγάλη ιστορία. Ο designer μπορεί να ξεκινήσει από κάπου και να χαθεί στην πληροφορία και να μην καταλήξει πουθενά. Οι φωτογραφίες πολλές φορές απαντούν μόνες τους σε θέματα όπως το φως, η σκιά, οι αποχρώσεις και άλλα σχετικά.

Περισσότερα σχετικά με το χρώμα κρατάω στα bookmarks μου στο Magnolia με το συγκεκριμένο tag. Το αναφέρω γιατί για μένα είναι πολύτιμα αυτά τα links, άρα πιθανόν να είναι και για κάποιον άλλο.

3 Σχόλια

Picture of bezalel

Σωστή η τεχνική, την εφαρμόζουν πολλοί - εγώ προτιμώ το Kuler, καθότι τελευταία βαίνω προς την αχρωματοψία. Είναι άλλωστε legendary το περίφημο debait σε τραπέζι ταβέρνας πάνω από πιάτο με λεμονόκουπα:

- Πράσινη είναι.
- Κίτρινη είναι, δε τη βλέπεις;
- Ναι αλλά πάει προς το πράσινο. Κι αφού πάει προς το πράσινο είναι πράσινη. Έτσι λέει ο Θοδωρής!

“Κι επειδή ο Θοδωρής είναι ο μάγος στο χρώμα (εικονογράφος στο επάγγελμα), δε θα πάω εγώ κόντρα στον εικονογράφο. Η λεμονόκουπα είναι πράσινη”, να φωνάζω. smile

Άντε, ευθυμίσαμε και σήμερα. smile Τεσπά, το άρθρο σου μου θύμισε κάτι που είχα διαβάσει για τη συσχέτιση της βιολογίας με το design: Πώς το σχεδιασμένο περιβάλλον ανοίγει νέους ορίζοντες στην έννοια του design. Ακολουθώντας τη φύση οδηγείται κανείς αναμφισβήτητα σε ένα επιτυχημένο αποτέλεσμα.
——-

bezalel
6 July 2007

Picture of diVa

Με κάνεις να χαίρομαι όλο και πιο πολύ που μπορώ να..μαθαίνω.
Καλημέρα

diVa
8 July 2007

Picture of porcupine

@bezalel: Αυτό με το άνοιγμα των οριζόντων είναι μαγικό. Πρέπει να το κάνουμε να συμβαίνει πιο συχνά...

@diVa: με γεια το νέο σου nick wink

porcupine
8 July 2007

-- Τα σχόλια για το post αυτό είναι κλειστά.