Σχεδιάστε μια καθαρή και κομψή διάταξη ιστολογίων στο Photoshop CS6

Σε αυτό το σεμινάριο θα σας δείξω τη διαδικασία κάνοντας ένα απλό και καθαρό blog σχεδίασης χρησιμοποιώντας το τελευταίο Photoshop. Θα χρησιμοποιήσουμε το νέο Στυλ χαρακτήρων και Στυλ παραγράφου για να μας βοηθήσουν να βελτιστοποιήσουμε τη διαδικασία.

Για να ακολουθήσετε αυτό το σεμινάριο, θα χρειαστείτε τους ακόλουθους πόρους:

• Δωρεάν αναδρομική γραμματοσειρά από τον Bernd Montag.
• 26 Επαναληπτικό μοτίβο εικονοστοιχείων από το PSDfreemium.
• Δωρεάν εικονίδια κοινωνικών μέσων από τον Daniele Selvitella.

• Διαδήλωση

Προετοιμασία του καμβά

Βήμα 1

Σε αυτό το σχέδιο, θα χρησιμοποιήσουμε 960 gs ως πλαίσιο. Κάντε λήψη του προτύπου από την κύρια σελίδα του και μέσα στο αρχείο zip, αναζητήστε το αρχείο photoshop. Ανοίξτε το αρχείο '12 Column Grid 'στο Photoshop.

Κάντε κλικ στο εικονίδιο ματιού για το στρώμα 12 Col Grid για να το αποκρύψετε. δεν θα το χρειαστείτε για τώρα.

Βήμα 2

Το τρέχον μέγεθος του καμβά είναι πολύ μικρό. Κάντε κλικ Εικόνα> Μέγεθος καμβά (ή Ctrl + Alt + C). Προσθέστε μεγαλύτερο μέγεθος και φροντίστε να τοποθετήσετε το σημείο αγκύρωσης στο κέντρο.

Βήμα 3

Πατήστε Ctrl + R για να αποκαλύψετε τον χάρακα. Κάντε κλικ Προβολή> Νέα Οδηγός για τη δημιουργία νέου οδηγού που θα μας βοηθήσει να σχεδιάσουμε με ακρίβεια. Επιλέγω Κατακόρυφος και στη Θέση: 185 px για να δημιουργήσετε έναν κατακόρυφο οδηγό 185 px από την πάνω αριστερή γωνία του καμβά.

Βήμα 4

Σχεδιάστε έναν άλλο κατακόρυφο οδηγό στη θέση του 150 px, 1095 px και 1130 px.

Παρακάτω είναι ο τελικός μας οδηγός μέσα στον καμβά.

Προετοιμασία του χρώματος

Βήμα 5

Για αυτό το σχέδιο, πρόκειται να χρησιμοποιήσουμε ένα ωραίο συνδυασμό χρωμάτων από την Colorlouver. Κάντε κλικ στο σύνδεσμο Προεπισκόπηση για να ανοίξετε τον συνδυασμό χρωμάτων ως αρχείο jpeg.

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

Προετοιμασία του φόντου

Βήμα 6

Επιλέγω Ιστορικό στρώμα και κάντε κλικ στο εικονίδιο κλειδώματος στην κορυφή του πίνακα "Επίπεδα" για να το ξεκλειδώσετε. Κάντε διπλό κλικ στη μικρογραφία για να αλλάξετε το χρώμα της.

Κάντε κλικ στο δεύτερο χρώμα, # 948371, για να την επιλέξετε.

Βήμα 7

Σχεδιάστε ένα ορθογώνιο σχήμα πάνω από τον καμβά. Αυτό θα είναι το δεύτερο υπόβαθρο.

Βήμα 8

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

Βήμα 9

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

Αλλάξτε το Μείγμα τρόπος προς το Οθόνη και να μειώσει την Αδιαφάνεια προς το 37%.

Βήμα 10

Δημιουργήστε ένα νέο στρώμα και ονομάστε το 'σκιά'.

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

Βήμα 11

Μαλακώνετε το χρησιμοποιώντας Gaussian Blur. Κάντε κλικ Φίλτρο> Blur> Gaussian Blur.

Βήμα 12

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

Βήμα 13

Φέρτε σκιά Αδιαφάνεια προς το 50% για να είναι λεπτή. Παρακάτω, μπορείτε να δείτε το αποτέλεσμα σε μεγέθυνση 100%.

Βήμα 14

Είναι πάντα μια καλή ιδέα να τοποθετήσετε αυτά τα επίπεδα σε μια ομάδα. Για να γινει αυτο, επιλέξτε όλα τα επίπεδα και στη συνέχεια κάντε κλικ στο κουμπί Ctrl + G.

Επί κεφαλής

Βήμα 15

Σχεδιάστε ένα ορθογώνιο στον επάνω καμβά όπως φαίνεται.

Βήμα 16

Στο Γραμμή επιλογών, σειρά Κτύπημα χρώμα στο # af9f8e.

Βήμα 17

Για την Γέμισμα χρώμα, επιλέξτε γραμμική κλίση από # d0c4b9 στο # a89c91.

Παρακάτω προκύπτει το αποτέλεσμα της προβολής κατά 100%.

Όνομα του ιστότοπου

Βήμα 18

Προσθέστε το όνομα του ιστότοπου στην αριστερή πλευρά του σχεδίου. Παρατηρήστε την τοποθέτηση όπως φαίνεται παρακάτω. Κάντε διπλό κλικ στο κείμενο και προσθέστε Σκίαση. Για τη γραμματοσειρά του, χρησιμοποιήστε το Sansation.

Μενού

Βήμα 19

Σχεδιάστε μενού από την άλλη πλευρά της γραμμής μενού. Χρησιμοποιήστε γραμματοσειρά Sansation 14 pt. Και πάλι, παρατηρήστε τις τοποθετήσεις.

Βήμα 20

Για το ενεργό μενού, ορίστε τον τύπο γραμματοσειράς του με έντονους χαρακτήρες.

Βήμα 21

Θέτω εις ενέργειαν Πολύγωνο εργαλείο και να θέσει Πλευρές προς το 3. Σχεδιάστε ένα σχήμα τριγώνου με Συμπληρώστε: # 3d3123 και Εγκεφαλικό: Δεν υπάρχει. Προσθέτω Στυλ στρώματος > Απόθεση σκιάς.

Βήμα 22

Ας δούμε το ενεργό μενού προσθέτοντας μια γραμμή κάτω από αυτό. Ενεργοποιήστε το Γραμμικό εργαλείο και ορίστε το βάρος του 5 px. Επιλέγω # f76b6a για τη συμπλήρωσή του, χωρίς χτύπημα.

Τοποθετήστε τη γραμμή δεξιά κάτω από το ενεργό μενού και προσθέστε 1 px χώρο στο κάτω μέρος της γραμμής μενού.

Χρήση Στυλ Χαρακτήρων

Βήμα 23

Ας αποθηκεύσουμε τη ρύθμιση χαρακτήρων ως Στυλ χαρακτήρων. Αυτή η λειτουργία είναι μια απλοποιημένη έκδοση των Στυλ χαρακτήρων στο InDesign. Για να το αποθηκεύσετε, ενεργοποιήστε το κείμενο και κάντε κλικ στο εικονίδιο "Νέο στυλ χαρακτήρων".

Κάντε διπλό κλικ στο νέο στυλ χαρακτήρων και χρησιμοποιήστε την ακόλουθη ρύθμιση.

Βήμα 24

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

Βήμα 25

Επαναλάβετε το προηγούμενο βήμα για να δημιουργήσετε ένα νέο στυλ χαρακτήρων για το ενεργό μενού.

Βήμα 26

Λοιπόν, ποιο είναι το σημείο χρήσης των Στυλ χαρακτήρων; Οι Στυλ χαρακτήρων μας βοηθούν να συγκεντρώσουμε τη ρύθμιση χαρακτήρων. Μπορούμε απλώς να επεξεργαστούμε το Στυλ χαρακτήρων για να επεξεργαστούμε κάθε κείμενο χρησιμοποιώντας αυτό το στυλ. Δείτε ένα παράδειγμα παρακάτω. Αν επεξεργαστούμε τον τύπο γραμματοσειράς μέσα στο Στυλ χαρακτήρων Κορυφαίο μενού - Κανονικό στο Corbel, όλα τα κανονικά μενού αλλάζουν αυτόματα στο Corbel.

Βήμα 27

Κάντε ένα νέο στρώμα και τοποθετήστε το κάτω από τη γραμμή μενού. Ctrl-κλικ στη γραμμή μενού για να κάνετε νέα επιλογή με βάση το σχήμα της. Συμπληρώστε το μαύρος.

Βήμα 28

Καταργήστε την επιλογή χρησιμοποιώντας το συνδυασμό πλήκτρων Ctrl + D. Μαλακώνετε το με προσθήκη Gaussian Blur, Φίλτρο> Blur> Gaussian Blur.

Ολισθητής

Βήμα 29

Σχεδιάστε ένα ορθογώνιο σχήμα με το πλάτος των 10 στηλών (βλ. Παρακάτω).

Για την Χρώμα γεμίσματος επιλέγω # dfd1c2. Για την Κτύπημα επιλέγω # c8baac με μέγεθος 10 pt. Κάντε κλικ στο μικρό αναπτυσσόμενο βέλος δίπλα στην προεπισκόπηση γραμμής και σιγουρευτείτε Ευθυγραμμίστε το εσωτερικό έχει επιλεγεί.

Βήμα 30

Επικόλληση μιας εικόνας στο πάνω μέρος του πλαισίου. Μετατρέψτε το σε Μάσκα κλιπ πατώντας Ctrl + Alt + G. Η εικόνα θα μεταφερθεί αυτόματα στο πλαίσιο του ρυθμιστικού. Αν χρειαστεί, μπορείτε να μετακινήσετε και να αλλάξετε το μέγεθος της εικόνας χωρίς να επηρεάσετε το πλαίσιο της.

Βήμα 31

Σχεδιάστε ένα άλλο ορθογώνιο σχήμα πίσω από το ρυθμιστικό με το ίδιο χρώμα. Σιγουρευτείτε ότι το κουμπώστε στο εξωτερικό οδηγό. Προσθέτω Στυλ επιπέδου> Επικάλυψη μοτίβου χρησιμοποιώντας πρότυπο pixel από PSDfreemium. Τονίστε τον Αδιαφάνεια να κάνει το λεπτό του.

Βήμα 32

Σχεδιάστε ένα ορθογώνιο σχήμα πάνω από το σχήμα με Συμπληρώστε: # b3aca5 και δεν υπάρχει εγκεφαλικό. Πατήστε Ctrl + T και στη συνέχεια περιστρέψτε το 45 °. Μετατροπή σχήματος στρώματος σε Μάσκα κλιπ.

Βήμα 33

Διπλασιάστε το σχήμα και αλλάξτε το μέγεθος. Αλλάξτε το Γέμισμα σε πιο σκούρο χρώμα. Μετατροπή σχήματος στρώματος σε Μάσκα κλιπ.

Βήμα 34

Επαναλάβετε το ίδιο βήμα για να σχεδιάσετε ένα άλλο βέλος στην άλλη πλευρά.

Βήμα 35

Πιέστε Ctrl για να κάνετε νέα επιλογή. Κάντε ένα νέο στρώμα και μετατρέψτε το σε a Μάσκα κλιπ. Συμπληρώστε την επιλογή με μαύρος.

Βήμα 36

Αποεπιλέξτε (Ctrl + D) στη συνέχεια μαλακώνω χρησιμοποιώντας Gaussian Blur.

Μπορείτε να μειώσετε την αδιαφάνεια της σκιάς αν χρειαστεί.

Βήμα 37

Σχεδιάστε ένα στρογγυλεμένο ορθογώνιο στην γωνία του ολισθητήρα με Συμπληρώστε # c8baac.

Βήμα 38

Σχεδιάστε έναν κύκλο μέσα στο σχήμα. Ρυθμίστε το Κτύπημα προς το μαύρος με μέγεθος 1 pt και καταργήστε τη συμπλήρωση.

Βήμα 39

Επίλεξε το κύκλος χρησιμοποιώντας τη διαδρομή Επιλογή διαδρομής εργαλείο. Shift + Alt-σύρετε τη διαδρομή για να την αντιγράψετε.

Επαναλάβετε αυτό για να σχεδιάσετε περισσότερους κύκλους.

Βήμα 40

Επιλέξτε μία από τις διαδρομές κύκλων. Πατήστε Ctrl + Shift + J για να το κόψετε σε ένα νέο στρώμα.

Βήμα 41

Στο Γραμμή επιλογών, αφαιρέστε το Κτύπημα και να αλλάξει Γέμισμα σε α ακτινικός κλίση από # e38989 στο # bb5c5c. Προσθέτω Στυλ επιπέδου> Εξωτερική λάμψη και Σκίαση.

Βήμα 42

Σχεδιάστε μια ελλειπτική επιλογή κάτω από το ρυθμιστικό. Δημιουργήστε ένα νέο στρώμα και συμπληρώστε το μαύρος.

Βήμα 43

Αποεπιλέξτε (Ctrl + D). Μαλακώνετε τη χρήση Gaussian Blur.

Κάτω φόντο

Βήμα 44

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

Όπως πάντα, να είστε πολύ προσεκτικοί με την τοποθέτησή του. Θέλουμε να καλύπτει κάθε οδηγό στον καμβά.

Προσθέτω Στυλ επιπέδου> Επικάλυψη μοτίβου.

Παρακάτω προκύπτει το αποτέλεσμα της μεγέθυνσης κατά 100%.

Βήμα 45

Επιλέξτε την περιοχή του ωμού χρησιμοποιώντας το εργαλείο ορθογώνιου περιθωρίου.

Βήμα 46

Κάντε ένα νέο στρώμα, τοποθετήστε το πίσω από το σχήμα. Συμπληρώστε την επιλογή με μαύρος. Πατήστε Ctrl + T, κάντε δεξί κλικ και επιλέξτε Προοπτική.

Σύρετε τις άνω γωνίες προς τα έξω.

Κάντε δεξί κλικ ξανά και επιλέξτε Κλίμακα. Σύρετε την πάνω λαβή προς τα κάτω.

Κάντε δεξί κλικ και επιλέξτε Στημόνι. Σύρετε το αριστερό και το δεξί τμήμα προς τα μέσα.

Μαλακώνετε τη χρήση Gaussian Blur.

Τονίστε το Αδιαφάνεια προς το 20%.

Βήμα 47

Σχεδιάστε ένα λευκό ορθογώνιο στο φόντο. Αυτό θα αποτελέσει υπόβαθρο για το κύριο περιεχόμενο του ιστότοπου.

Προσθέστε ένα διάστημα 10 px στην αριστερή, δεξιά και πάνω πλευρά του φόντου. Η απόσταση πρέπει να είναι εύκολη επειδή έχουμε κάνει τον οδηγό σε πρώιμα βήματα. Προσθέτω Στυλ επιπέδου> Εξωτερική λάμψη.

Βήμα 48

Προσθέστε έναν νέο οδηγό, 25 px από την πάνω πλευρά του σχήματος.

Τίτλος τμήματος

Βήμα 49

Προσθέστε ένα νέο στυλ χαρακτήρων για τον τίτλο της ενότητας σελίδας και την περιγραφή του.

Προσθέστε τον τίτλο του τμήματος και την περιγραφή του χρησιμοποιώντας το εργαλείο τύπου. Εφαρμόστε στυλ που έχουμε κάνει νωρίτερα. Βεβαιωθείτε ότι έχετε προσθέσει 25 px χώρο από την πάνω πλευρά του φόντου με τη βοήθεια του οδηγού που έγινε νωρίτερα.

Βήμα 50

Σχεδιάστε μια γραμμή 5 px με την περιγραφή του ιστότοπου με Συμπληρώστε: # 938270 και Εγκεφαλικό: Δεν υπάρχει.

Ανάρτηση

Βήμα 51

Κάντε ένα άλλο στυλ χαρακτήρων για τον τίτλο της δημοσίευσης.

Βήμα 52

Προσθέστε έναν τίτλο ανάρτησης και εφαρμόστε το προηγούμενο στυλ χαρακτήρων.

Βήμα 53

Σχεδιάστε ένα σχήμα ορθογωνίου κάτω από τον τίτλο με πλάτος 4 στηλών. Σειρά λευκό για την Γέμισμα και #bebebe για την Κτύπημα. Προσθέτω Στυλ επιπέδου> Εγκεφαλικό.

Βήμα 54

Επικόλληση μιας εικόνας πάνω από το σχήμα. Μετατροπή στη μάσκα περικοπής (Ctrl + Alt + G).

Βήμα 55

Σχεδιάστε ένα στρογγυλεμένο ορθογώνιο με Συμπληρώστε: # 8e8380 και Εγκεφαλικό: Δεν υπάρχει. Μετατρέψτε το σε Μάσκα κλιπ.

Βήμα 56

Δημιουργία νέων Στυλ χαρακτήρων για τα μεταδεδομένα του ιστολογίου.

Βήμα 57

Προσθέστε κείμενο μεταδεδομένων στην κορυφή του σχήματος και εφαρμόστε το στυλ χαρακτήρων που έχουμε κάνει νωρίτερα.

Βήμα 58

Θέτω εις ενέργειαν Τύπος εργαλείο και drag-drag για να δημιουργήσετε ένα πλαίσιο κειμένου. Ορίστε το πλάτος του σε 4 στήλες. Κάντε κλικ Πληκτρολογήστε> Επικόλληση με Lorem Ipsum για να το γεμίσετε με αυτόματα δημιουργημένο Lorem Ipsum από το Photoshop.

Βήμα 59

Δημιουργήστε ένα νέο στυλ παραγράφου για το περιεχόμενο χαρακτήρων. Κάντε κλικ στο νέο εικονίδιο στον πίνακα "Στυλ παραγράφων".

Κάντε διπλό κλικ στο στυλ παραγράφου και χρησιμοποιήστε αυτήν την ακόλουθη ρύθμιση.

Βήμα 60

Εφαρμόστε αυτό το στυλ στο περιεχόμενο μετά. Μπορείτε επίσης να πειραματιστείτε με τις ρυθμίσεις εσοχής και διαστήματος.

Για τον σχεδιασμό ιστοσελίδων, απενεργοποιήστε την κατανόηση.

Βήμα 61

Σχεδιάστε ένα στρογγυλεμένο ορθογώνιο με Συμπληρώστε: # 8e8380 και Εγκεφαλικό: Δεν υπάρχει. Προσθέτω Στυλ επιπέδου> Επικάλυψη μοτίβου. Για λόγους συνέπειας, χρησιμοποιήστε το ίδιο μοτίβο όπως στο ρυθμιστικό.

Βήμα 62

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

Βήμα 63

Το προηγούμενο κουμπί είναι για κανονικές συνθήκες. Ας το αντιγράψουμε και να αλλάξουμε το χρώμα του # f76b6a. Επίσης, ορίστε τον τύπο ετικέτας του με έντονους χαρακτήρες.

Βήμα 64

Τοποθετήστε τη θέση μέσα σε μια ομάδα και, στη συνέχεια, πατήστε Ctrl + J για να την αντιγράψετε. Alt-σύρετε για να αντιγράψετε την ομάδα.

Επαναλάβετε το ίδιο βήμα για να κάνετε περισσότερες θέσεις. Θυμηθείτε να αλλάξετε την εικόνα και τον τίτλο κάθε θέσης.

Βήμα 65

Αντίγραφο Διαβάστε περισσότερα και αλλάξτε την ετικέτα του σε αριθμό. Θα το χρησιμοποιήσουμε για πλοήγηση σελίδας. Θυμηθείτε να ορίσετε ένα από τα κουμπιά για να περάσετε την κατάσταση.

Βήμα 66: Υποσέλιδο

Ας αρχίσουμε να εργαζόμαστε στο υποσέλιδο. Προσθέστε έναν τίτλο widget και την περιγραφή του.

Βήμα 67

Προσθέστε σύνδεσμο και σχεδιάστε μια γραμμή 1 px κάτω από αυτό. Σειρά Συμπληρώστε: Κανένα και Εγκεφαλικό: # 8e8380.

Βήμα 68

Κάντε κλικ Περισσότερες επιλογές και επιλέξτε διακεκομμένη γραμμή.

Βήμα 69

Προσθέστε περισσότερες συνδέσεις στο γραφικό στοιχείο.

Βήμα 70

Διπλασιάστε το γραφικό στοιχείο.

Βήμα 71

Πρέπει επίσης να προσθέσουμε την κατάσταση του hover. Ορίστε έναν από τους συνδέσμους με έντονους χαρακτήρες.

Κάτω από αυτόν τον ενεργό σύνδεσμο, προσθέστε μια γραμμή 5 px. Ρυθμίστε το χρώμα στο # f76b6a. Για λόγους συνέπειας, η εμφάνιση αυτού του συνδέσμου είναι παρόμοια με το ενεργό μενού στη γραμμή μενού.

Βήμα 72

Προσθέστε ένα άλλο ορθογώνιο στην κάτω περιοχή. Ρυθμίστε το Γέμισμα προς το # 3d3123.

Υποσέλιδο Πληροφορίες

Βήμα 73

Προσθέστε τις πληροφορίες υποσέλιδου χρησιμοποιώντας Τύπος εργαλείο. Δώστε ένα σκοτάδι Σκίαση για να προσθέσετε αντίθεση στο παρασκήνιο.

Κοινωνικό δίκτυο

Βήμα 74

Προσθέστε μερικά εικονίδια κοινωνικών μέσων από τον Daniele Selvitella. Προσθέτω Στυλ επιπέδου> Εξωτερική λάμψη.

Βήμα 75

Τονίστε το κανονικό εικονίδιο στο 50%. Για την κατάσταση του hover, ας κρατήσουμε το Αδιαφάνεια στο 100%.

Βήμα 76

Πιάστε ένα εικονίδιο δρομέα ελεύθερου χεριού και τοποθετήστε το μικρότερο δρομέα πάνω από τον ενεργό σύνδεσμο.

Τελικό αποτέλεσμα

Αυτό είναι το τελικό μας αποτέλεσμα. Μπορείτε να δείτε ότι η τελευταία έκδοση του Photoshop έχει μερικά ενδιαφέροντα χαρακτηριστικά για το σχεδιασμό μιας διάταξης ιστού. Τα στυλ χαρακτήρων και τα στυλ παραγράφου είναι μια σημαντική βελτίωση για κάθε σχεδιαστή Ιστού.

• Διαδήλωση
• Λήψη πηγής