Τα Κύρια Στοιχεία
Τι Θα Μάθετε
Επιλογή Χρωμάτων
Κατανοήστε τις διαφορές μεταξύ κυανού, ναυτικού και γαλάζιου για ηλιόλουστο σχεδιασμό
Κλίσεις Ηλιοβασιλέματος
Δημιουργήστε εκείνο το μαγικό αίσθημα ηλιοβασιλέματος χρησιμοποιώντας CSS
Λευκό & Κρεμ
Προσθέστε υφή και βάθος χρησιμοποιώντας αποχρώσεις του λευκού
Σχεδιασμός που Αντανακλά το Αιγαίο
Τέσσερα κύρια στοιχεία για επιτυχημένες μεσογειακές ιστοσελίδες
Στρώσεις Χρώματος
Χρησιμοποιήστε πολλαπλές αποχρώσεις του ίδιου χρώματος για να δημιουργήσετε βάθος και οπτικό ενδιαφέρον χωρίς υπερφόρτωση
Αντίθεση
Σκοτεινό κείμενο σε ανοιχτά φόντα διασφαλίζει αναγνωσιμότητα
Αερώδης Αίσθηση
Άφθονο λευκό χώρο και μεγάλο spacing
Κυκλαδίτικη Αρχιτεκτονική
Εμπνευστείτε από τα απλά γεωμετρικά σχήματα και τη σαφήνεια των Κυκλάδων στη δική σας διάταξη
Αριθμοί που Μιλούν
Σχεδιαστικές Τεχνικές
Χρωματικές Παλέτες
Παραδείγματα CSS
Ελληνικό Περιεχόμενο
Γιατί Να Επιλέξετε Αυτή Την Προσέγγιση
Διαθέσιμο Αμέσως
Ανταποκρίνεται Σε Κινητά
Προσβάσιμο Σχεδιασμό
Γρήγορη Φόρτωση
Καθαρό CSS
Τι Λένε Οι Σχεδιαστές
«Δεν ήμουν σίγουρη για τα μπλε χρώματα στην αρχή. Αλλά μετά από αυτές τις τεχνικές, κατάλαβα πώς να επιλέξω το σωστό τόνο για κάθε σενάριο. Τώρα όλα τα έργα μου έχουν εκείνη τη φυσική μεσογειακή αίσθηση.»
«Η χρήση κλίσεων ηλιοβασιλέματος είναι ένα παιχνίδι-αλλαγή. Οι πελάτες μας αγαπούν το ζεστό αίσθημα που παίρνουν από τις ιστοσελίδες τώρα. Και δεν ήταν καν δύσκολο να το εφαρμόσω.»
«Ο λευκός χώρος δεν είναι κενός χώρος. Αυτό το μάθημα άλλαξε τον τρόπο που σκέφτομαι το σχεδιασμό. Τώρα χρησιμοποιώ διαφορετικές αποχρώσεις του λευκού για να δημιουργήσω βάθος και ενδιαφέρον.»
Οι Αρχές Μας
-
1
Αυθεντικότητα
Το σχεδιασμό θα πρέπει να αντανακλά πραγματικές μεσογειακές παραδόσεις, όχι στερεότυπα
-
2
Αναγνωσιμότητα
Κάθε χρώμα επιλέγεται για να διασφαλίσει ότι το κείμενο είναι εύκολο να διαβαστεί
-
3
Απλότητα
Λιγότερα χρώματα, καλύτερη απόδοση. Κάθε χρώμα έχει έναν σκοπό
-
4
Προσβασιμότητα
Το σχεδιασμό θα πρέπει να λειτουργεί για όλους, συμπεριλαμβανομένων όσων έχουν δυσχρωματοψία
Το Εργαλειοθήκη Των Σχεδιαστών
Τρεις βασικές περιοχές που πρέπει να κατακτήσετε
Χρωματική Θεωρία
Βασικές Δεξιότητες
Κατανοήστε τις θερμές και ψυχρές αποχρώσεις, την κορεσμό και τη λαμπρότητα για καλύτερες επιλογές
Εφαρμογή CSS
Τεχνικές Δεξιότητες
Μάθετε πώς να εφαρμόζετε χρώματα χρησιμοποιώντας CSS variables, gradients και transitions
Δημιουργική Χρήση
Σχεδιαστικές Δεξιότητες
Ανακαλύψτε τρόπους να συνδυάσετε χρώματα με αρχιτεκτονική και φυσικά στοιχεία
Ο Δρόμος Προς Τέλειο Σχεδιασμό
Ακολουθήστε αυτά τα βήματα για να δημιουργήσετε μεσογειακές ιστοσελίδες
Επιλέξτε Τη Βάση Χρώματος
Ξεκινήστε με ένα πρωτεύον μπλε ή γαλάζιο που σας αρέσει. Αυτό θα είναι ο κατευθυντήρας σας
Δημιουργήστε Μια Παλέτα
Δημιουργήστε 3-5 αποχρώσεις γύρω από το βασικό χρώμα σας. Συμπεριλάβετε και ανοιχτές και σκοτεινές εκδόσεις
Προσθέστε Λευκό & Κρεμ
Αυτά τα χρώματα αποτελούν τη ραχοκοκαλιά. Χρησιμοποιήστε τα για φόντα και κενό χώρο
Δοκιμάστε Κλίσεις
Χρησιμοποιήστε δύο έως τρία χρώματα από την παλέτα σας σε κλίσεις για ενδιαφέρον χωρίς αποσπάσεις
Ελέγξτε Την Αντίθεση
Βεβαιωθείτε ότι το κείμενο διαβάζεται εύκολα σε όλα τα χρώματα φόντου. Ο σκοπός δεν είναι όμορφος, είναι λειτουργικός
Εμπνεύσεις Από Τον Κόσμο
Άλλες σελίδες που το κάνουν σωστά με μεσογειακά χρώματα
«Τα απλά χρώματα και ο καθαρός σχεδιασμός κάνουν τις ιστοσελίδες πιο αξιόπιστες»
«Το μπλε του νερού και το λευκό του αέρα είναι μια συμφωνία που δεν χρειάζεται ενίσχυση»
«Όταν το σχεδιασμό είναι απλός, το περιεχόμενο λάμπει. Αυτό είναι το μυστικό»
Άρθρα Για Περαιτέρω Μάθηση
Καθένα από αυτά τα άρθρα βυθίζεται βαθιά σε ένα συγκεκριμένο στοιχείο του μεσογειακού σχεδιασμού
Πώς Να Επιλέξετε Τα Σωστά Μπλε Για Τον Ιστότοπό Σας
Όχι όλα τα μπλε είναι ίδια. Μάθετε την διαφορά μεταξύ κυανού, ναυτικού και γαλάζιου και ποιο δουλεύει καλύτερα για ηλιόλουστο σχεδιασμό
Διαβάστε Το Άρθρο
Κλίσεις Ηλιοβασιλέματος Που Δουλεύουν Στο Web
Μπορείτε να δημιουργήσετε εκείνο το μαγικό αίσθημα ηλιοβασιλέματος χρησιμοποιώντας CSS. Δείτε τρεις συνδυασμούς χρωμάτων που κάνουν τη δουλειά
Διαβάστε Το Άρθρο
Λευκό Και Κρεμ: Δεν Είναι Μόνο Χρώματα Φόντου
Η σωστή χρήση του λευκού δεν σημαίνει κενό χώρο. Ανακαλύψτε πώς να προσθέσετε υφή και βάθος χρησιμοποιώντας αποχρώσεις
Διαβάστε Το ΆρθροΈτοιμοι Να Δημιουργήσετε Κάτι Όμορφο;
Δεν χρειάζεται να είστε ειδικός. Αυτές οι τεχνικές δουλεύουν για όλους. Ας ξεκινήσουμε σήμερα