Το όνομά μου είναι Russell McGovern και χρησιμοποιώ τα Fireworks για να σχεδιάσω ιστοσελίδες. Εκεί, το είπα. Θα μπορούσα να κάνω λάθος, αλλά αισθάνεται σαν να είμαι σε μικρή μειονότητα. μεταξύ των σχεδιαστών ιστοσελίδων, η εφαρμογή της επιλογής φαίνεται να είναι το Photoshop.

Οι οργανισμοί μου στέλνουν αρχεία PSD στην εργασία τους και τους ζητούν σε αντάλλαγμα. τα blogs σχεδίασης είναι γεμάτα από συμβουλές, tutorials και πρότυπα του Photoshop. άλλοι σχεδιαστές ζητούν τα αρχεία του Photoshop που υποθέτουν ότι πρέπει να τα χρησιμοποιήσω για την κατασκευή στοιχείων.

Είναι σχεδόν σαν να είσαι πολίτης δεύτερης κατηγορίας. Είναι σαν το μοναδικό εργαλείο που ένας πραγματικός επαγγελματίας σχεδιαστής θα ονειρευόταν να χρησιμοποιήσει είναι το Photoshop - το λογισμικό που ισοδυναμεί με την επιλογή ενός Mac μέσω ενός υπολογιστή.

Ωστόσο, το Photoshop δεν είναι η μόνη επιλογή. Έχω χρησιμοποιήσει τα πυροτεχνήματα εδώ και πολλά χρόνια και βρίσκω ότι είναι μακράν ο ευκολότερος και ταχύτερος τρόπος για να βγάζω ιδέες από το κεφάλι μου και σε pixels στην οθόνη.

Επιτρέψτε μου να είμαι ξεκάθαρος: δεν απορρίπτω με κανέναν τρόπο το Photoshop ή εκείνους που επιλέγουν να το χρησιμοποιήσουν. Το χρησιμοποιώ για πολλές εργασίες. Η προσωπική προτίμηση είναι ο πιο σημαντικός παράγοντας κατά την επιλογή των εργαλείων σας και εάν προτιμάτε το Photoshop, τότε πρέπει να το χρησιμοποιήσετε.

Το Photoshop είναι ένα θαυμάσιο πρόγραμμα, αλλά το σετ εργαλείων του είναι απέραντο - χρησιμοποιείται για μια τεράστια γκάμα εφαρμογών, από τη χειραγώγηση φωτογραφιών και την απεικόνιση έως την 3-D μοντελοποίηση.

Για τις περισσότερες εργασίες σχεδιασμού ιστοσελίδων, δεν θα χρειαστείτε την πλειοψηφία των χαρακτηριστικών του Photoshop-μάλιστα ίσως να μην γνωρίζετε ότι υπάρχουν. Πυροτεχνήματα, από την άλλη πλευρά, σχεδιάστηκε από το έδαφος για να ασχοληθεί με την οπτική πλευρά του web design, και όλα τα εργαλεία και οι ροές εργασίας της χτίστηκαν με αυτό το πνεύμα.

Τα παρακάτω είναι μερικά από τα αγαπημένα μου πράγματα και οι λόγοι για τους οποίους το Fireworks είναι το κύριο εργαλείο σχεδιασμού μου:

1. Έλεγχος Pixel-Perfect

Έλεγχος Pixel τέλεια

Όσο για μένα, αυτό είναι το χαρακτηριστικό του δολοφόνου του Fireworks. Θέλετε ένα ορθογώνιο 300 x 100 pixel; Απλώς πληκτρολογήστε τις τιμές και εκεί είναι - δεν υπάρχει πρόβλημα με χάρακες, οδηγούς ή εργαλεία μέτρησης. Θέλετε να το μετακινήσετε; Απλά κάντε κλικ και σύρετε, ανεξάρτητα από τη στρώση που έχετε επιλέξει - όχι κυνηγώντας μέσα από ένθετα επίπεδα και ομάδες για να βρείτε το σωστό.

Καλύτερο όμως, για να δώσετε ένα ορθογώνιο στρογγυλεμένες γωνίες, απλά κολλήστε μια άλλη τιμή σε ένα κουτί, και έκρηξη: ταξινομημένο! Αυτό μπορεί να ακούγεται σαν ένα ασήμαντο χαρακτηριστικό και γνωρίζω ότι το Photoshop έχει και στρογγυλεμένα ορθογώνια, αλλά στα Fireworks μπορείτε να καθορίσετε την ακριβή ακτίνα των γωνιών σε εικονοστοιχεία ή ένα ποσοστό και να αλλάξετε αυτές τις τιμές όποτε θέλετε. Εάν αλλάξετε το μέγεθος του ορθογωνίου, τότε οι γωνίες διατηρούν τις αναλογίες τους αντί να τεντώνουν ή να συμπιέζουν.

Τα πυροτεχνήματα βασίζονται κυρίως σε αντικείμενα, γεγονός που καθιστά εύκολο τον χειρισμό των στοιχείων σε ένα σχέδιο. Μπορείτε να δείτε τις διαστάσεις pixel ενός αντικειμένου ή μιας ομάδας αντικειμένων απλά επιλέγοντάς τα. Τα πάντα μπορούν να αλλάξουν με την πτήση με απόλυτη ακρίβεια, οπότε αν κάτι δεν είναι σωστό, μπορείτε να το τσιμπήσετε μέχρι να είναι. Αυτό είναι τόσο διαφορετικό από την εικασία που δεν έχει υποσχεθεί το Photoshop ("Ας δοκιμάσουμε αυτό ... Όχι, αυτό δεν είναι σωστό ... Αναίρεση και δοκιμάστε ξανά.").

Στο σχεδιασμό ιστοσελίδων, όπου ένα σφάλμα ενός εικονοστοιχείου μπορεί να καταστρέψει μια διάταξη, το Fireworks παρέχει ένα επίπεδο ακρίβειας που καθιστά το σχεδιασμό σε ορισμένες διαστάσεις και τα κινούμενα στοιχεία μέσα σε αυτό όσο το δυνατόν πιο εύκολο.

2. Το Layer Web

Το στρώμα ιστού

Το στρώμα ιστού συνδυάζει τον τεμαχισμό εικόνας, την επιλογή τύπου αρχείου εξόδου και τη βελτιστοποίηση με συνεκτικό και διαισθητικό τρόπο. Στην πραγματικότητα, μπορεί να είναι η μόνη επαφή που έχουν πολλοί σχεδιαστές με τα Fireworks. είναι μια εναλλακτική λύση στις επιλογές τεμαχισμού και εξαγωγής του Photoshop ή-από τις ημέρες προ-CS3-ImageReady.

Υπάρχει κάτι παραπάνω από το τεμαχισμό. Μπορείτε επίσης να ορίσετε συνδέσμους και ανατροπές και στη συνέχεια να εξάγετε λειτουργική HTML απευθείας από τα Fireworks. δεν είναι ο καθαρότερος κώδικας στον κόσμο και πιθανότατα δεν θα το χρησιμοποιούσατε σε ένα ολοκληρωμένο έργο, αλλά για γρήγορο σχηματισμό πρωτοτύπων ή για να δημιουργήσετε μια μακέτα εργασίας, είναι ένα όνειρο. Χρησιμοποιώντας το στρώμα ιστού σε συνδυασμό με τον πίνακα Σελίδες, μπορείτε να δημιουργήσετε μια μακέτα εργασίας ολόκληρου του ιστότοπου χωρίς να χρησιμοποιήσετε άλλες εφαρμογές.

3. Κλίσεις

Διαβαθμίσεις

Όλοι αγαπούν μια ωραία κλίση. Ακόμα και για τους δυνατούς, αυτές είναι κάτι σαν ένα βιολί στο Photoshop - αλλά είναι απίστευτα απλό να εφαρμοστούν και να επεξεργαστούν σε Fireworks.

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

4. Η καμπύλη εκμάθησης

Η καμπύλη μάθησης

Για έναν πρωτοπόρο στον online σχεδιασμό, το Photoshop πρέπει να είναι ένα από τα πιο αποθαρρυντικά προγράμματα που θα συναντήσουν.

Βρίσκοντας το δρόμο σας γύρω και να επεξεργαστείτε πώς να κάνετε κάτι σχετικά απλό μπορεί να είναι δύσκολη. Παρόλο που το Fireworks δεν είναι καθόλου αστείο, είναι πολύ πιο εύκολο να το καταλάβεις.

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

5. Εργαλεία διάνυσμα

Εργαλεία διάνυσμα

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

Το Fireworks προσφέρει επίσης μια σειρά από έξυπνα αντικείμενα που βασίζονται σε διανύσματα για συνηθισμένα σχήματα, πολύγωνα και αστέρια, καθώς και αντικείμενα όπως κύβοι, γρανάζια, διαγράμματα ροής και φυσαλίδες ομιλίας - το καθένα με διάφορες λαβές ελέγχου που σας αφήνουν να διασκεδάσετε στο περιεχόμενο της καρδιάς σας.

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

6. Σελίδες, σύμβολα και στυλ

Σελίδες, σύμβολα και στυλ

Οι σελίδες των πυροτεχνημάτων σας επιτρέπουν να ορίσετε πολλαπλές διατάξεις στο ίδιο έγγραφο με πολύ πιο αποτελεσματικό τρόπο από τα επίπεδα του Photoshop. Ένα έγγραφο Fireworks μπορεί να περιέχει πολλές σελίδες, κάθε μία από τις οποίες περιέχει το δικό του σετ στρώσεων. Αυτό σας επιτρέπει να μοιράζεστε διάφορες διατάξεις σελίδας σε ένα μόνο έγγραφο και να διατηρείτε μαζί όλα τα συναφή περιουσιακά στοιχεία (αντί να τα διανέμετε σε μια δέσμη PSD).

Τα σύμβολα σάς επιτρέπουν να δημιουργήσετε μια βιβλιοθήκη κοινά χρησιμοποιούμενων στοιχείων που μπορούν να βρεθούν σε ένα έγγραφο όταν χρειάζεται: εταιρικά λογότυπα, κουμπιά - οποιοδήποτε στοιχείο σχεδίασης που χρησιμοποιείτε επανειλημμένα και χρειάζεστε εύκολη πρόσβαση. Επεξεργαστείτε ένα σύμβολο και οι αλλαγές αντικατοπτρίζονται οπουδήποτε εμφανίζεται το σύμβολο στο σχεδιασμό σας - όπως τα σύμβολα στο Flash.

Τα Στυλ σάς επιτρέπουν να κάνετε γενικές αλλαγές στις σελίδες ενός εγγράφου. Είναι βασικά το CSS για Fireworks: κάντε μια αλλαγή σε ένα στυλ και όλα τα στοιχεία με αυτό το στυλ θα ενημερώνονται αναλόγως (χρώματα κτυπήματος και πλήρωσης, γραμματοσειρές, εφέ, ό, τιδήποτε). Είναι ωραίο να δοκιμάζετε διαφορετικές παλέτες χρωμάτων ή να εφαρμόζετε εκείνες τις αναπόφευκτες αλλαγές της τελευταίας στιγμής σε ένα σχέδιο.

Όταν συνδυάζονται, αυτά τα τρία χαρακτηριστικά βελτιώνουν μαζικά και απλοποιούν τη διαδικασία σχεδιασμού.

7. Τιμή

Τιμή

Είναι φθηνότερο από το Photoshop!

συμπέρασμα

Δεν λέω ότι τα Fireworks το κάνουν όλα. υπάρχουν πολλές εργασίες για τις οποίες είστε καλύτερα χρησιμοποιώντας το Photoshop ή έναν ειδικό επεξεργαστή φορέων. Ομοίως, είμαι βέβαιος ότι θα μπορούσα να βελτιώσω τη χρήση του Photoshop ως εργαλείου σχεδιασμού ιστοσελίδων. τότε ίσως να μην το βρίσκω αρκετά ενοχλητικό.

Δεν χρησιμοποιώ αποκλειστικά τα πυροτεχνήματα-αλλάζω εμπρός και πίσω όπως χρειάζεται- αλλά σίγουρα είναι το κύριο εργαλείο μου.

Τελικά, δεν υπάρχει τίποτα που να κάνει το Fireworks ότι το Photoshop δεν μπορεί, αλλά μπορεί να κάνει πολλά πράγματα πιο αποτελεσματικά και μου επιτρέπει να σχεδιάζω ιστοσελίδες γρηγορότερα και πιο εύκολα.

Όπως είπα, όλα βράζουν σε προσωπική προτίμηση, αλλά αν αυτό το μικρό κίτρινο εικονίδιο "Fw" κάθεται στο μενού "Έναρξ" ή στην αποβάθρα, αποκαλυμμένο και απασχολημένο, σας ενθαρρύνω να δοκιμάσετε και να πειραματιστείτε λίγο. Μπορεί να διαπιστώσετε ότι σας αρέσει.


Συντάχθηκε από τον Russell McGovern, σχεδιαστή ιστοσελίδων από το Λονδίνο. Μπορείς τον ακολουθήστε στο Twitter .

Υπάρχει κάποιος άλλος εκεί έξω ένας πιστός πυροτεχνημάτων; Υπάρχουν χρήστες του Photoshop που μπορεί να θέλουν να δώσουν στο μικρότερο αδερφό τους ένα βήμα; Ή θα έπρεπε να το συσκευάσω και να βάλω περισσότερο χρόνο στο Photoshop;