27 πρέπει να έχουν κιτ εκκίνησης για τους σχεδιαστές ιστοσελίδων

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

Τι είναι λοιπόν σε ένα κιτ εκκίνησης; Νομίζουμε ότι ποικίλλει - ανάλογα με το τι εργάστηκε καθημερινά με κάθε σχεδιαστή. Για Σχεδιαστές GUI, η διατήρηση ενός αντιγράφου των στοιχείων φόρμας (κουμπιά, πλαίσια ελέγχου, καρτέλα, αναπτυσσόμενα μενού κ.λπ.) συμβάλλει στην επιτάχυνση της διαδικασίας δημιουργίας οθονών και διατάξεων. από την άλλη πλευρά, τα πρότυπα του προγράμματος περιήγησης (IE, Firefox Safari) με web safe area διατηρούνται σχεδιαστές ιστοσελίδων υπενθύμισε πως / πού πρέπει να δώσουν προτεραιότητα στο περιεχόμενό τους. Οι έμπειροι σχεδιαστές συνήθως προσαρμόζουν και διατηρούν μια προσωπική εκδοχή του κιτ εκκίνησης, μερικοί μπορεί να έχουν και λίγους!

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

GUI, Στοιχεία φόρμας και στοιχεία Web

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

Το σετ σχεδιαγράμματος μεμβρανών της Yahoo

Πιθανώς ένα από τα πιο πλήρες σετ για τους σχεδιαστές. Τα στοιχεία GUI περιλαμβάνουν ημερολόγια, πλέγματα, μενού, κινητά (γενικά και iphone), πλοήγηση και σελίδωση, καρτέλες, στοιχεία ελέγχου UI και πολλά άλλα! Έρχεται σε διάφορες μορφές: OmniGraffle, Visio (XML), PDF, PNG και SVG.

Στοιχεία φόρμας ιστού

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

Στοιχεία φόρμας περιήγησης PSD

Στοιχεία φόρμας περιήγησης PSD για Mac Firefox 3 και άλλο για Vista IE7.

Flex Dark Skin

Κομψά στοιχεία διασύνδεσης σκούρου δέρματος.

Εικόνες Famfamfam

Είτε σχεδιάζετε για web είτε για εφαρμογές, δεν πρέπει να χάσετε αυτά τα φοβερά κουμπιά από το Famfamfam.

Συντόμευση σε: Συλλογές Μεταξιού, Μίνι και Σημαία.

Το ID του DeivantART του Peter

Σχεδιάστε τις κάρτες ταυτότητας με αυτό το πρότυπο PSD.

Deluxive Creative Pack

Διανεμημένο δωρεάν από το Deluxive, αυτό το PSD δημιουργικό πακέτο περιλαμβάνει αποκλειστικά διακριτικά, πλαίσια πλέγματος, κουμπιά, αυτοκόλλητα και πολλά άλλα.

Aero Avatar και SIG

Vista avatar και πρότυπο υπογραφής στο PSD.

Τυρκουάζ PSD

Vista στοιχεία.

Πρότυπα οθόνης περιηγητή

Αν σχεδιάζετε έναν ιστότοπο σε ένα αρχείο Photoshop PSD, είναι σημαντικό να έχετε υπόψη σας κάθε πρόγραμμα περιήγησης και ορατή οθόνη. Αυτά τα ακόλουθα PSD με διαφορετική έκδοση του Firefox, IE και Safari web safe περιοχή θα έρθουν σε πρακτικό.

Διαδικτυακή ασφαλής περιοχή του προγράμματος περιήγησης

Web ασφαλής περιοχή για Safari, IE και Firefox σε διαφορετικά λειτουργικά συστήματα, όλα σε PSD αρχείο με δυνατότητα λήψης.

Συντόμευση προς: Mac OS X - Safari, Firefox. Windows Vista - IE, Firefox, Windows XP - IE, Firefox

960px Πρότυπο πλέγματος του Photoshop

PSD πρότυπο πλέγματος σε πλάτος 960px για να αποτρέψετε τον εαυτό σας από το να συνθέτει με άκρες της οθόνης που μπορεί / δεν μπορεί πραγματικά να είναι εκεί όπου σχεδιάζετε να είναι.

(Περισσότερα) Πρότυπα περιήγησης

Αν ψάχνετε για ακόμη περισσότερα πρότυπα προγράμματος περιήγησης (PSD), η συλλογή του webdesignerstoolkit πρέπει να είναι αυτό που ψάχνετε. Αυτοί οι άνθρωποι έχουν πρότυπα για Opera, Camino και κλασικά προγράμματα περιήγησης όπως το iCan, το Netscape και το Mozilla.

Στοιχεία του προγράμματος περιήγησης στο Web

Ελεύθερα τυποποιημένα στοιχεία φόρμας HTML ή παράθυρα προγράμματος περιήγησης για Windows και Mac OSX.

Συντόμευση προς: Mac OS X - Safari, Firefox. Windows Vista - IE, Firefox, Windows XP - IE, Firefox

Οθόνες περιηγητή και στοιχεία ιστότοπου

Αποκλειστικό διάνυσμα πακέτου freebie από VectorTuts. Είναι ένα χρήσιμο σύνολο στοιχείων διαδικτυακού ιστότοπου που μπορείτε να χρησιμοποιήσετε για να παραπλανήσετε τα έργα πελατών σας, να παρουσιάσετε την εργασία σας ή να πάρετε μια γρήγορη οπτική,.

Κιτ εκκίνησης Quommunication

Αν ψάχνετε για να κλωτσήσετε το σχεδιασμό στο PSD με ένα minial και βασικό PSD ως καθοδήγηση, το κιτ εκκίνησης της Quommunication είναι πιθανώς αυτό που ψάχνετε. Έρχεται με πρότυπα χρώματος, περιοχή ασφαλούς ιστού του προγράμματος περιήγησης και βασικά συστατικά στοιχεία σε όλα τα PSD.

Δρομείς

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

Γυαλισμένο γραφίτη

2 σύνολα διαφορετικών δρομέων ποντικιών από usedHONDA.

Πακέτο δρομέα του Photoshop

Χρήσιμο για όσους δημιουργούν τα Tutorials του Photoshop.

Σχεδιασμός προϊόντος

iPhone GUI PSD 3.0

Η παρακάτω εικόνα σας δίνει μια σαφή ιδέα για το περιεχόμενο αυτού του αρχείου PSD. Εξαιρετικά χρήσιμο για να ματαιώσει οποιαδήποτε διεπαφή ανάπτυξης του iPhone. Δημιουργήθηκε από teehanlax.