Κατά τη δημιουργία ενός ιστότοπου, το στάδιο της απόδοσης του σχεδιασμού της σελίδας είναι πολύ σημαντικό, το οποίο στη συνέχεια θα είναι στοιχειοθετημένο και θα δημοσιευτεί στο δίκτυο. Σε αυτό το άρθρο, θα μάθετε πώς να χρησιμοποιείτε το Adobe Photoshop για να σχεδιάσετε μια κατάλληλη διάταξη για έναν ιστότοπο, βάσει του οποίου μπορείτε αργότερα να σχηματίσετε πιο περίπλοκες διατάξεις.
Είναι απαραίτητο
Πρόγραμμα Adobe Photoshop
Οδηγίες
Βήμα 1
Δημιουργήστε ένα νέο αρχείο στο Photoshop (Ctrl + N) με διαστάσεις 1040x1400, όπου το ύψος 1400 είναι. Ενεργοποιήστε την οθόνη των χάρακα (Ctrl + R) και ορίστε τα pixel ως μονάδες μέτρησης στις ρυθμίσεις χάρακα.
Βήμα 2
Ξεκινήστε να τεντώνετε τους οδηγούς έτσι ώστε να ταιριάζουν στα όρια των πλαισίων διάταξης. Τεντώστε τα πλαϊνά περιθώρια έτσι ώστε να απομένουν 40 pixel στις άκρες. Τα άνω και κάτω όρια πρέπει επίσης να αφήνουν 40 εικονοστοιχεία σε κάθε πλευρά στα όρια του φόντου.
Βήμα 3
Στη συνέχεια, επιλέξτε έναν οδηγό που είναι 200px κάτω από την κορυφή του φόντου για την επάνω κεφαλίδα.
Βήμα 4
Για να σχηματίσετε τις πλευρικές γραμμές στα αριστερά και τα δεξιά της διάταξης, ορίστε τους οδηγούς 240 pixel από το περίγραμμα φόντου προς τα αριστερά και 800 προς τα δεξιά.
Βήμα 5
5px προς τα μέσα από την αριστερή και τη δεξιά πλευρική γραμμή και σχεδιάστε δύο ακόμη κάθετους οδηγούς. Στη συνέχεια, σύρετε δύο ακόμη οδηγούς 245 px προς τα αριστερά και 795 px προς τα δεξιά.
Βήμα 6
Τώρα μετρήστε από το περίγραμμα της κεφαλίδας 30px και σχεδιάστε έναν οριζόντιο οδηγό για το οριζόντιο μενού.
Βήμα 7
Επιλέξτε τη στενή περιοχή του οριζόντιου μενού που μόλις επισημάνετε με μια ορθογώνια επιλογή χρησιμοποιώντας το πλήκτρο M. Επιλέξτε το εργαλείο πλήρωσης και γεμίστε την περιοχή με ουδέτερο ανοιχτό γκρι χρώμα.
Βήμα 8
Επιλέξτε το εργαλείο πλήρωσης και γεμίστε την περιοχή με ουδέτερο ανοιχτό γκρι χρώμα. Κάντε κλικ στο μενού "Select-Modify-Compress", καθορίστε μια επιλογή 1 pixel και κάντε κλικ στο "OK". Γεμίστε την περιοχή με μια πιο ανοιχτή απόχρωση του γκρι - θα έχετε ένα πλαίσιο μενού.
Βήμα 9
Δημιουργήστε ένα νέο επίπεδο και επιλέξτε μια κατάλληλη εικόνα για το εικονίδιο ή το λογότυπο της τοποθεσίας και, στη συνέχεια, ανοίξτε το.
Βήμα 10
Εισαγάγετε μια εικόνα σε ένα νέο επίπεδο στην κεφαλίδα, τοποθετώντας την στην αριστερή άκρη. Στα δεξιά της εικόνας, γράψτε τον τίτλο κειμένου του ιστότοπου χρησιμοποιώντας οποιαδήποτε γραμματοσειρά.
Βήμα 11
Σχεδιάστε τα μπλοκ της ιστοσελίδας σας με το ίδιο συνδυασμό χρωμάτων με τη νέα κεφαλίδα. Επιλέξτε την περιοχή της αριστερής πλευρικής γραμμής και εκτελέστε τις ίδιες λειτουργίες πλήρωσης δύο χρωμάτων σε αυτήν όπως και με το μπλοκ μενού.
Βήμα 12
Κάντε το ίδιο με το κεντρικό τμήμα περιεχομένου. Αντιγράψτε το αριστερό στρώμα πλευρικής γραμμής και τοποθετήστε το ως δεξιά πλευρική γραμμή.
Βήμα 13
Προσθέστε κείμενο στη διάταξή σας - επιλέξτε μια ουδέτερη γραμματοσειρά και συμπληρώστε τους τίτλους μενού, παραδείγματα ειδήσεων, φωτογραφίες, ετικέτες και συνδέσμους.
Βήμα 14
Ολοκληρώστε τη διάταξη δημιουργώντας ένα "υποσέλιδο" ή υποσέλιδο - σημειώστε τα πνευματικά σας δικαιώματα και τις επαφές σας εκεί.
