Πώς να δημιουργήσετε μια ιστοσελίδα Mockup Με το Photoshop

Κατά τη δημιουργία ενός δικτυακού τόπου , μερικές φορές το πιο δύσκολο μέρος είναι ο προσδιορισμός της διάταξης . Adobe Photoshop παρέχει ένα γρήγορο και εύκολο τρόπο για να δημιουργήσει μια ιστοσελίδα κοροϊδεύω . Με τη χρήση των επιπέδων και ένα συνδυασμό των εργαλείων σχεδιασμού του Photoshop , η διαδικασία της εκ νέου την εμφάνιση και την αισθητική της ιστοσελίδας σας μπορεί να σας εξοικονομήσει ώρες . Οδηγίες
Η 1

Καθορίστε το μέγεθος του mock ιστοσελίδα καμβά σας με βάση το κοινό σας . Για παράδειγμα , για ένα κοινό που εξακολουθεί να χρησιμοποιεί ένα χαμηλής ανάλυσης οθόνη καθοδικός σωλήνας , θα θελήσετε να χρησιμοποιήσετε ένα μέγεθος καμβά που είναι 760 pixels πλάτος . Ωστόσο , για μια οθόνη με επίπεδη οθόνη με το ψήφισμα ορίζεται σε 1.024 με 768 , θα θελήσετε να χρησιμοποιήσετε ένα καμβά που είναι 975 pixels πλάτος . Δημιουργήστε ένα νέο έγγραφο και να ρυθμίσετε το μέγεθος του καμβά . 2

Καθορίστε τη διάταξη της ιστοσελίδας . Χρησιμοποιήστε απλά τετράγωνα ή ελλείψεις στο σημάδι από τα διάφορα τμήματα για τις οθόνες σας . Για παράδειγμα , το σήμα από ένα χώρο για την κορυφή banner , από την πλευρά πανό , το περιεχόμενο και το υποσέλιδο . Δημιουργία κάθε χαρακτηριστικό σε ένα νέο επίπεδο , έτσι ώστε να μπορείτε εύκολα να αναδιατάξετε την ιστοσελίδα .
Εικόνων 3

Καθορίστε το μέγεθος της γραμματοσειράς και να συμπληρώσετε τα τμήματα που περιέχουν κείμενο με το κείμενο κράτησης θέσης . Κάνοντας μια γρήγορη αναζήτηση στο Web για Lorem Ipsum , μια λατινική ομιλίας που χρησιμοποιείται από τους σχεδιαστές για να δείτε πώς το κείμενο θα εξετάσουμε σε μια σελίδα , θα δημιουργήσει αυτό το κείμενο για σας . Αν το φόντο ή οποιαδήποτε άλλα τμήματα θα αποτελείται από ένα χρώμα , την κάλυψή τους με το σωστό χρώμα .
Η 4

Δημιουργήστε τα γραφικά . Μπορείτε να χρησιμοποιήσετε το Photoshop για να δημιουργηθούν αυτά τα γραφικά , όπως το λάβαρο ή λογότυπα , ή να τραβήξει τους από άλλη θέση . Τοποθετήστε και τοποθετήστε τα γραφικά στην πλαστή ιστοσελίδα . Επιλέξτε " Αρχείο" και στη συνέχεια " Place" και να περιηγηθείτε στην εικόνα . Σημείωση : Κρατήστε μια έκδοση Photoshop των γραφικών, ώστε να μπορείτε να τις επεξεργαστείτε αργότερα
5

Πρόστιμο - συντονιστείτε και να επεξεργαστείτε το mock ιστοσελίδα έως ότου η ιστοσελίδα φαίνεται με τον τρόπο που θέλετε να δείτε . . Επειδή κάθε νέο χαρακτηριστικό είναι σε ένα διαφορετικό επίπεδο , μπορείτε να μετακινηθείτε γρήγορα γύρω από τα τμήματα , να αποκρύψετε τμήματα ( κάντε κλικ στο μάτι στην παλέτα στρώματος ) ή να αντικαταστήσετε τις εικόνες και τα χρώματα .
Η
εικόνων