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

    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.

    Εδώ είναι ένα άλλο για την παλαιότερη έκδοση του iPhone.

    iPhone PSD

    Διασύνδεση iPhone υψηλής ανάλυσης.

    Εδώ είναι για εκείνους που ψάχνουν για το πρώτο interface gen iPhone.

    Περιοδικό PSD

    Εάν παρουσιάζετε κάτι στο στυλ του περιοδικού, θα θελήσετε να ξεκινήσετε με αυτό το PSD.

    Χαρτοσακούλα

    DVD Πλαστική θήκη

    Η συλλογή μας από όμορφα πρότυπα PSD για CD και DVD.

    Έγγραφα και επιστολές

    Περισσότερα για τους σχεδιαστές

    Ψάχνετε για περισσότερες λήψεις σχετικές με το σχεδιασμό; Δείτε μερικές από τις προηγούμενες αναρτήσεις μας:

    • 60 Εξαιρετικές ιστοσελίδες δωρεάν μοντέλου 3D
    • 100 Μεγαλύτερες Αφηρημένες Γραμματοσειρές και Γραμματοσειρές
    • 50 ιστοσελίδες για δωρεάν download Vector Εικόνες