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

Sunday 17.06.2007, ¶ Web design, 3 Σχόλια

Σχεδιάζεις σε Photoshop ή σε Illustrator;

Ό,τι ακολουθεί έχει να κάνει με το σχεδιασμό ενός website σε ένα από τα δύο προγράμματα. Όχι ποιο πρόγραμμα είναι καλύτερο. Αυτό εξάλλου είναι σχεδόν αδύνατο να το κρίνει κάποιος από τη στιγμή που είναι κατασκευασμένα για διαφορετικούς λόγους.

Κάθε τόπος πριν φτάσει στο σημείο να διαβάζεται από έναν browser απαιτεί αρκετή δουλειά όπως π.χ. τη συλλογή του περιεχόμενου, το σχεδιασμό της πληροφορίας (information design), κάποια mockups στο χαρτί κλπ. Η μεταφορά ενός design από το χαρτί στον υπολογιστή είναι το θέμα μας.

Ομολογώ ότι το Illustrator ήταν μια άγνωστη χώρα για μένα μέχρι πριν από λίγο καιρό. Βέβαια, όταν γνωρίζεις κάπως καλά ένα πρόγραμμα της οικογένειας της Adobe είναι εύκολο να πας και στα αδερφάκια του. Μετά από κάποιες λυσσασμένες προσπάθειες μπόρεσα και το έφερα στα μέτρα μου (ή ήρθα στα δικά του - εξαρτάται την οπτική γωνία).

Αυτό που κατάλαβα γνωρίζοντας κάποιους designers είναι ότι οι περισσότεροι σχεδιάζουν σε Photoshop για δύο λόγους:

  • Για να κάνουν κοπτοραπτική με εικόνες κι
  • Επειδή δε γνωρίζουν το Illustrator

Θεωρώ το να κάνεις slicing σε εικόνες και μετά να τις μεταφέρεις στο .html αρχείο μια τακτική του προηγούμενου αιώνα. Σαν να σχεδιάζεις με tables ή μάλλον για να σχεδιάσεις με tables. Έτσι δε με αφορά.

Ο δεύτερος λόγος είναι σημάδι μετριότητας κι όσο περισσότερο ίσχυε τόσο με ενοχλούσε.

Μερικές σκέψεις στη διαδικασία του design

PhotoshopΤο Photoshop είναι ένα εκπληκτικό εργαλείο και στο πόσα πράγματα μπορεί να κάνει και στη λεπτομέρεια που τα κάνει. Για παράδειγμα όσες φορές και να παίξω με το Bevel And Emboss σε κείμενο δεν το χορταίνω και κάθε φορά μαθαίνω καινούρια πράγματα. Η δυνατότητα διαχείρισης των layers είναι σπουδαία γιατί μπορείς να δεις την ίδια έκδοση σε μικρές παραλλαγές π.χ. ενός λογότυπου την ίδια στιγμή.

Όλα αυτά όμως έχουν να κάνουν με λεπτομέρεια. Ο σχεδιασμός ένος ολόκληρου site στο Photoshop είναι δύσκολη υπόθεση γιατί δεν έχεις την ανάγκη να πας σε τόσο βάθος. Εκεί το Illustrator είναι ασύγκριτα καλύτερο. Ο vector σχεδιασμός δίνει μεγάλη ευελιξία ώστε να γίνουν πολλά πράγματα με λίγες σχετικά κινήσεις. Στην πραγματικότητα μπορεί κάποιος να σχεδιάσει πολλές παραλλαγές ενός ολόκληρου τόπου και να τις συγκρίνει, να τις αλλάξει ή να τις βελτιώσει εύκολα και γρήγορα.

IllustratorΑκόμα περισσότερο το Illustrator μου αρέσει γιατί δεν ακολουθεί συμβάσεις. Ξεκινώντας το σχεδιασμό εκεί, παρότι ξέρεις ότι πολλά δε θα μπορέσεις να τα εφαρμόσεις λόγω των περιορισμών π.χ. των browsers, έχεις πλήρη ελευθερία να κάνεις αντισυμβατικά πράγματα. Ένα από αυτά να σου βγαίνει κάθε φορά αρκεί για να απογειώσει ένα design.

Όλα αυτά είναι δύσκολο να τα περιγράψεις με λέξεις. Στην πράξη αποδεικνύονται. Το συμπέρασμα είναι ότι το Illustrator είναι καλύτερο για μένα για τη συγκεκριμένη χρήση.

Προφανώς όσο καλύτερα χειρίζεται ένας Web designer και τα δύο προγράμματα τόσο το καλύτερο για τον ίδιο. Στα μάτια μου πρόκειται για δύο ασύλληπτα όπλα και είναι στο χέρι μας να πάρουμε το καλύτερο από αυτά.

3 Σχόλια

Picture of Tsevdos John

Πάντως εγώ φίλε περιμένω να υποστηρίξουν το SVG περισσότεροι browser (οι βασικοί έστω)!!! Όχι ότι δεν θα σχεδιάζουμε πάλι με τέτοια εργαλεία τα SVG αρχεία, απλά πιστεύω πως θα είμαστε πραγματικά ελεύθεροι να κάνουμε ότι θέλουμε σε design επίπεδο στα site (σε συνδυασμό με την CSS3)!!!
——-

Tsevdos John
18 June 2007

Picture of Ilias

Και τα 2 εργαλεία μπορούν να κάνουν περίπου τα πράγματα που περιγράφεις. Αυτό που θέλω να πώ είναι οτι στο photoshop μπορείς να κάνεις πιο εύκολα + γρήγορα συνθέσεις (έστω για ένα web site).

Αυτό δεν σημαίνει οτι θα χρησιμοποιήσεις το slice για να το κόψεις και να φτιάξεις πίνακες. Μπορείς να το κάνεις και με το χέρι και να παίξεις με CSS. Από σένα εξαρτάται πώς θα κάνεις τί και όχι με το εργαλείο που τυχόν να χρησιμοποιήσεις ή να είσαι familiar μαζί του.

Τώρα όσον αφορά τον Illustrator κυρίως βοηθάει για vectors και πράγματα (γραφικά) from stratch. Αν εσύ όμως θέλεις να το χρησιμοποιήσεις για την σχεδίαση ενός web site template και σε βολεύει, I rest my case.

Ilias
2 July 2007

Picture of george23

Τώρα τελευταία έχω αρχίσει να ασχολούμαι και να μαθαίνω το Corel Paint Shop Pro.Δεν ξέρω πόσοι ασχολούνται με το συγκεκριμένο πρόγραμμα πάντως  έχει ενδιαφέρον.Αν κάποιος ασχολείται καιρό και το ξέρει θα ήθελα την άποψή του.

george23
23 July 2007

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