Όχι μόνο οι άνθρωποι πληρούνται από τα ρούχα τους, αλλά και από ιστότοπους. Το φόρεμα της ιστοσελίδας είναι το σχέδιό του. Ένας υψηλής ποιότητας και ελκυστικός σχεδιασμός του πόρου δημιουργεί ευνοϊκή εντύπωση στους χρήστες, διασφαλίζοντας έτσι την πίστη και την προθυμία τους να αφιερώσουν το χρόνο τους για περαιτέρω προβολή. Εκτός από την ποιότητα, η πρωτοτυπία και η μοναδικότητα του σχεδιασμού είναι σημαντικές. Καλά φθαρμένα θέματα απωθούν τους επισκέπτες. Αλλά η ανάπτυξη ενός μοναδικού σχεδιασμού είναι ακριβή. Αυτός είναι ο λόγος που πολλοί αρχάριοι webmaster αναρωτιούνται πώς να σχεδιάσουν έναν ιστότοπο με τα χέρια τους.
Είναι απαραίτητο
- - μολύβι;
- - χαρτί ·
- - Raster πρόγραμμα επεξεργασίας γραφικών GIMP ή Photoshop.
- - προαιρετικό: πρόγραμμα επεξεργασίας διανυσματικών γραφικών (για παράδειγμα, CorelDraw).
- - προαιρετικό: περιβάλλον 3D μοντελοποίησης (3DStudio, Blender).
- - σύγχρονο πρόγραμμα περιήγησης
- - πρόσβαση στο Διαδίκτυο.
Οδηγίες
Βήμα 1
Αναπτύξτε μια ιδέα σχεδιασμού ιστοσελίδας. Αποφασίστε για το στυλ, το συνδυασμό χρωμάτων, τη διάταξη της σελίδας (μέγεθος κεφαλίδας ιστότοπου, θέση μενού, μπλοκ κειμένου, εικόνες). Είναι καλό εάν η σχεδιαστική ιδέα βασίζεται σε πρωτότυπες ιδέες. Εάν όμως λείπουν, μπορείτε να αντλήσετε έμπνευση από την ανάλυση των υπαρχουσών λύσεων. Για παράδειγμα, περιήγηση σε καταλόγους δημοφιλών θεμάτων CMS. Το αποτέλεσμα της εργασίας μπορεί να είναι ένα σκίτσο της σελίδας του ιστότοπου, με μολύβι σε ένα φύλλο χαρτιού, που δείχνει τις ζώνες σταθερών και ποικίλων μεγεθών.
Βήμα 2
Δημιουργήστε ένα κενό πρότυπο σελίδας ιστότοπου σε ένα πρόγραμμα επεξεργασίας γραφικών raster. Ανοίξτε ένα νέο έγγραφο σε έναν επεξεργαστή γραφικών. Τα μεγέθη εγγράφων θα πρέπει να είναι πολύ μεγαλύτερα από το ελάχιστο μέγεθος σελίδας και οριζόντια (ακόμα κι αν δεν σκοπεύετε να δημιουργήσετε ένα "ρευστό" σχέδιο) και κάθετα. Προσθέστε ένα νέο διαφανές στρώμα. Στο προστιθέμενο επίπεδο, σχεδιάστε την εικόνα του προτύπου σελίδας με γραμμές πάχους 1 pixel, σεβόμενοι τις πραγματικές διαστάσεις των στοιχείων. Για σχέδια σελίδων σταθερού πλάτους, ορίστε περιθώρια που θα γεμίσουν με το χρώμα του φόντου.
Βήμα 3
Κατεβάστε από το Διαδίκτυο ή σχεδιάστε τα δικά σας στοιχεία σχεδίασης σελίδας. Το λογότυπο και τα μοναδικά στοιχεία σχεδίασης μπορούν να δημιουργηθούν στο περιβάλλον μοντελοποίησης 3D, του φορέα ή του προγράμματος επεξεργασίας ράστερ. Ένας μεγάλος αριθμός θεματικών εικόνων υψηλής ανάλυσης περιέχονται σε δωρεάν φωτο τράπεζες Διαδικτύου. Υπάρχουν επίσης δωρεάν συλλογές εικονιδίων στο Διαδίκτυο που μπορείτε να χρησιμοποιήσετε ελεύθερα στα έργα σας.
Βήμα 4
Σχεδιάστε ένα σχέδιο ιστότοπου. Προσθέστε διαφανή επίπεδα σε ένα έγγραφο που περιέχει ένα πρότυπο για μια σελίδα ιστότοπου σε έναν επεξεργαστή γραφικών. Επιλέξτε και συμπληρώστε τις περιοχές που ταιριάζουν με το φόντο της σελίδας. Γεμίστε περιοχές με ντεγκραντέ γεμίσματος και περιοδικές υφές. Εισαγωγή λογότυπου, στατικών εικόνων, εικονιδίων. Σχεδιάστε όρια μπλοκ. Προσθέστε λίγο κείμενο. Τοποθετήστε κάθε τελικό στοιχείο σχεδίασης, στατική εικόνα και λογότυπο σε ξεχωριστό επίπεδο. Μετακινήστε εικόνες σε επίπεδα για να επιτύχετε την απαιτούμενη διάταξη.
Βήμα 5
Αποθηκεύστε την "πηγή" του σχεδιασμού του ιστότοπου σε "εγγενή" μορφή του επεξεργαστή γραφικών. Αυτό θα σας επιτρέψει να επιστρέψετε αργότερα για να το επεξεργαστείτε.
