Υπολογιστές

Adobe Portfolio - Επιλογή θέματος

Οκτώβριος 2020

Adobe Portfolio - Επιλογή θέματος


Τώρα που έχουμε το κενό πλαίσιο για το Adobe Portfolio που έχουμε δημιουργήσει, το επόμενο καθήκον μας είναι να αποφασίσουμε για ένα πρότυπο θέμα. Ας κάνουμε κλικ στο εικονίδιο "Εναλλαγή θεμάτων" στα αριστερά για να δείτε τη λίστα προκαθορισμένων θεμάτων. Τη στιγμή της γραφής, έχουμε οκτώ θέματα. Κάτω από κάθε θέμα υπάρχει ένας σύνδεσμος για να δείτε ένα ζωντανό παράδειγμα. Κάθε θέμα έχει το δικό του στυλ και χαρακτηριστικά. Για παράδειγμα, έξι από τα θέματα έχουν ένα επάνω μενού πλοήγησης και δύο έχουν το μενού στα αριστερά. Μόνο δύο θέματα, η Μάρτα και ο Λούκας, έχουν ένα κολλώδες μενού. Μου αρέσει πολύ ένα μενού που παραμένει στην κορυφή της σελίδας καθώς ο θεατής περιστρέφει τη σελίδα. Ας χρησιμοποιήσουμε λοιπόν το θέμα Marta για αυτό το σεμινάριο.

Για να επιλέξετε το θέμα Marta, κάντε κλικ στο κουμπί Συνέχεια επεξεργασίας (δείτε screenshot). Αυτό θα θέσει τη Μάρτα ως θέμα μας. Όπως μπορείτε να δείτε, ο ιστότοπος έχει αλλάξει για να συμπεριλάβει τις προεπιλεγμένες ρυθμίσεις για τη Marta, συμπεριλαμβανομένης της πορτοκαλί πλοήγησης και του πύργου (δείτε screenshot). Θα διατηρήσουμε την πλοήγηση, αλλά όχι την πύλη.

  1. Μεταβείτε στο Floating Remote και ανοίξτε την καρτέλα Αυτή η συλλογή (δείτε screenshot).

  2. Κάντε κλικ στο κουμπί εναλλαγής για να απενεργοποιήσετε το Πλαίσιο.

    Το επόμενο βήμα είναι να ορίσετε τις ρυθμίσεις Site-Wide, αυτό το μενού βρίσκεται επίσης στο Floating Remote.

  3. Ανοίξτε την καρτέλα Site-Wide (δείτε το στιγμιότυπο οθόνης).

    Όπως μπορείτε να δείτε, έχουμε ελέγχους για το χρώμα φόντου / εικόνα, τα χρώματα και τις γραμματοσειρές. Μπορούμε επίσης να ενεργοποιήσουμε / απενεργοποιήσουμε το Πλοήγηση και το Υποσέλιδο. Τέλος, έχουμε ρυθμίσεις για το Container Website. Ας δούμε το δρόμο μας προς τα κάτω.

    Ιστορικό, Χρώματα και Γραμματοσειρά

  4. Κάντε κλικ στο σύνδεσμο Φόντο, Χρώματα και Γραμματοσειρά για να ανοίξετε τον πίνακα (δείτε το στιγμιότυπο οθόνης).

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

  5. Επιλέξτε την καρτέλα Ιστορικό στο επάνω αριστερό μέρος και την καρτέλα Εικόνα & χρώματα στα δεξιά.

  6. Για να ορίσετε ένα χρώμα φόντου, επιλέξτε το πλαίσιο δίπλα στην ένδειξη Ένθεση χρώματος φόντου και ορίστε το χρώμα της επιλογής σας στον επιλογέα χρωμάτων (δείτε το στιγμιότυπο οθόνης).

  7. Για να ανεβάσετε μια εικόνα φόντου, κάντε κλικ στο εικονίδιο Upload Image και μεταφορτώστε ένα αρχείο jpeg, jpg, png ή gif.

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

  9. Κάντε κλικ στην καρτέλα Επιλογές εικόνας και ορίστε τις επιλογές όπως απαιτείται (δείτε το στιγμιότυπο οθόνης). Αυτές οι ρυθμίσεις θα ελέγχουν τον τρόπο με τον οποίο η εικόνα φόντου καλύπτει την ιστοσελίδα.

  10. Κάντε κλικ στο σύνδεσμο Χρώματα & γραμματοσειρά για να ανοίξετε τον πίνακα.

    Όπως μπορείτε να δείτε, έχουμε τρία σχέδια χρωμάτων από τα οποία μπορείτε να επιλέξετε (δείτε screenshot). Κάντε κλικ στο πρώτο πλαίσιο χρώματος για κάθε θέμα για να δείτε μια ζωντανή προεπισκόπηση αυτών των χρωμάτων στο χαρτοφυλάκιό σας.

  11. Κάντε κλικ στο πλαίσιο χρώματος για το χρωματικό σχήμα της επιλογής σας.

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

    Έχουμε την επιλογή να επιλέξουμε από μερικές τυπικές γραμματοσειρές. Αν θέλετε να χρησιμοποιήσετε μια ειδική γραμματοσειρά Typekit, κάντε κλικ στη σύνδεση Διαχείριση γραμματοσειρών Web.

  12. Στην καρτέλα "Όλες οι τύποι γραμματοσειρών", χρησιμοποιήστε το πλαίσιο αναζήτησης για να βρείτε τη γραμματοσειρά σας και να την προσθέσετε στις γραμματοσειρές My Typekit (δείτε το στιγμιότυπο οθόνης). Κάντε κλικ στο κουμπί Τέλος για να κλείσετε το αναδυόμενο παράθυρο και να επιστρέψετε στο Colors & Font. Θα πρέπει να βλέπετε τη νέα γραμματοσειρά σας στη λίστα γραμματοσειρών.

  13. Επιλέξτε τη νέα σας γραμματοσειρά από τη λίστα και κάντε κλικ στο κουμπί Τέλος.

    Ιστοσελίδα Container

  14. Ανοίξτε τον πίνακα περιεχομένου ιστότοπου (δείτε το στιγμιότυπο οθόνης).

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

Στο επόμενο σεμινάριο, θα ολοκληρώσουμε τη ρύθμιση των επιλογών Site-Wide.

Πνευματικά δικαιώματα 2018 Adobe Systems Incorporated. Ολα τα δικαιώματα διατηρούνται. Οι φωτογραφίες της οθόνης του προϊόντος Adobe ανατυπώνονται με την άδεια της Adobe Systems Incorporated. Adobe Photoshop, Adobe Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, είναι / είναι είτε [ή] καταχωρισμένο εμπορικό σήμα ή εμπορικό σήμα της Adobe Systems Incorporated στις Ηνωμένες Πολιτείες ή / και σε άλλες χώρες.

So You Wanna Make Games?? | Episode 9: User Interface Design (Οκτώβριος 2020)



Άρθρο Tags: Adobe Portfolio - Επιλογή θέματος, ψηφιακής τέχνης και σχεδίασης, θέματα χαρτοφυλακίου Adobe, πώς να θέσετε ένα θέμα για το Adobe Portfolio

Κόκκινο 2

Κόκκινο 2

τηλεόραση και ταινίες