Πώς να δημιουργήσετε κουμπιά Ιστού με Illustrator

Adobe Illustrator είναι η γραφική βιομηχανία σχεδιασμού πρότυπο για φορέα με βάση το παράδειγμα . Illustrator είναι ένα αποτελεσματικό πρόγραμμα για τη δημιουργία γραφικών για το Web . Illustrator μπορεί να καταστήσει για όλες τις κοινές μορφές εικόνας , επιτρέποντας την εύκολη ενσωμάτωση των διανυσματικά γραφικά στο Web design . Χρησιμοποιήστε άλλα προϊόντα της Adobe , όπως Image Ready , για τη βελτιστοποίηση Illustrator σωστά τα αρχεία για Web -ready γραφικά . Τα πράγματα που θα χρειαστείτε
ένα compiler κώδικα ή πρόγραμμα σχεδιασμού ιστοσελίδων

Παρουσίαση Περισσότερες οδηγίες
Η 1

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

Άνοιγμα του Adobe Illustrator και να δημιουργήσετε ένα νέο έγγραφο . Ρυθμίστε τη μονάδα μέτρησης σε pixels . Το μέγεθος θα εξαρτηθεί από τις ανάγκες και τους περιορισμούς της ιστοσελίδας του σχεδιασμού . Ρυθμίστε τη λειτουργία χρώμα στο RGB να εγγυηθεί την ακρίβεια των χρωμάτων .
Εικόνων 3

Δημιουργήστε το κείμενο για τα κουμπιά με μαύρο γράμματα και ένα λευκό φόντο . Ρυθμίστε τη γραμματοσειρά , το ύψος , το βάρος και την απόσταση μέχρι το κείμενο είναι αισθητικά ευχάριστο και σαφής για να διαβάσετε . Σχεδιάζοντας το κείμενο σε μαύρο και άσπρο επιτρέπει για τυπογραφικά σαφήνεια .
Η 4

Προσθέστε χρώμα στο σχεδιασμό Web κουμπί . Για μια υπάρχουσα τοποθεσία , επιλέξτε την κατάλληλη έντονο και εντυπωσιακό χρώματα από το υφιστάμενο καθεστώς χρώμα του site . Αν τα πλήκτρα δεν είναι για μια υπάρχουσα τοποθεσία , επιλέξτε ένα δημοφιλές χρώμα σχεδίου ή να δημιουργήσετε ένα νέο . Λεπτές παραλλαγές του χρώματος θα δημιουργήσει οπτικό ενδιαφέρον .
5

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

Δημιουργία αναπληρωματικών χρώματα και τα σχεδιαστικά στοιχεία για τα κουμπιά ανατροπής . Ένα κουμπί ανατροπής είναι δύο εικόνες που εναλλάσσονται όταν ο χρήστης τοποθετεί τον κέρσορα πάνω στο κουμπί . Οι ανατροπές που χρησιμοποιούνται συχνά στην ένδειξη ένας ενεργός σελίδα ή μια σύνδεση σε μια τοποθεσία Web design . Απλή ανατροπές , όπως η αλλαγή χρώματος του κειμένου , είναι αποτελεσματικά .
Η 7

Προσθήκη υφή στα κουμπιά . Υφή είναι μια δημοφιλής μέθοδος για την προσθήκη οπτικό ενδιαφέρον σε μια ιστοσελίδα . Κάντε μια προσαρμοσμένη υφή χρησιμοποιώντας ένα σαρωτή ή ψηφιακή φωτογραφική μηχανή .
8

Προσθήκη σκιές , διαγράμμιση , κλίσεις και άλλες πινελιές στα κουμπιά Web .
Η 9

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

κιβωτίου τα κουμπιά κάνοντας κλικ στο " Αρχείο ", " Εξαγωγή" και αποθήκευση στο φάκελο Εικόνες της ιστοσελίδας . Αποθηκεύστε τα κουμπιά που χρησιμοποιούν τη διαφάνεια ως φορητές γραφικών δικτύου , ή . Png . Αποθήκευση κουμπιά με υψηλές ποσότητες λεπτομέρειας . Jpeg και όλους τους άλλους ως . Gif .
Η 11

Προσθέστε τα κουμπιά στην ιστοσελίδα σας μέσω φόρτωμα και κωδικοποίησης . Δοκιμών για να εξασφαλιστεί ότι οι συνδέσεις λειτουργούν πριν από την έναρξη του site δημοσίως .
Η
εικόνων