Όλα για τον οπτικό σχεδιασμό

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

Τι είναι η θεωρία χρώματος

Η θεωρία χρώματος εξηγεί πώς σχετίζονται οι αποχρώσεις, πώς συνδυάζονται και πώς επηρεάζουν την αντίληψη στην οθόνη και στο τύπωμα. Σε αυτό το…

Διάβασε περισσότερα
Τι είναι η ψυχολογία του χρώματος

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

Διάβασε περισσότερα
Ψυχολογία του χρώματος στο μάρκετινγκ

Η ψυχολογία του χρώματος στο μάρκετινγκ συνδέει τις επιλογές παλέτας με τους στόχους της καμπάνιας και την προσωπικότητα της μάρκας. Αυτό το κεφάλαιο…

Διάβασε περισσότερα
Πώς να χρησιμοποιείς την ψυχολογία του χρώματος στη δημιουργία μάρκας

Η χρήση της ψυχολογίας του χρώματος στη δημιουργία μάρκας σημαίνει να διαλέγεις αποχρώσεις που ταιριάζουν με την προσωπικότητα που υπόσχεσαι στους…

Διάβασε περισσότερα
Τι σημαίνει το μπλε στον σχεδιασμό και στη δημιουργία μάρκας

Η ψυχολογία του μπλε χρώματος συχνά υποδηλώνει εμπιστοσύνη, ηρεμία και επαγγελματισμό. Αυτό το κεφάλαιο καλύπτει την ψυχολογία του μπλε χρώματος και…

Διάβασε περισσότερα
Τι σημαίνει το πράσινο στον σχεδιασμό και στη δημιουργία μάρκας

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

Διάβασε περισσότερα
Τι σημαίνει το κόκκινο στον σχεδιασμό και στη δημιουργία μάρκας

Η ψυχολογία του κόκκινου χρώματος μπορεί να σηματοδοτεί επείγον, πάθος ή όρεξη, ανάλογα με την απόχρωση. Αυτό το κεφάλαιο καλύπτει την ψυχολογία του…

Διάβασε περισσότερα
Πώς να διαλέξεις χρωματικό σχήμα για την ιστοσελίδα σου

Οι δυνατοί χρωματικοί συνδυασμοί χρησιμοποιούν μια κυρίαρχη απόχρωση, ουδέτερα και έναν τονισμό για τις ενέργειες. Αυτό το κεφάλαιο καλύπτει τους…

Διάβασε περισσότερα
Τι είναι ο χρωματικός κύκλος και πώς τον χρησιμοποιείς

Ένας χρωματικός κύκλος τακτοποιεί τις αποχρώσεις ώστε να βλέπεις τις σχέσεις ανάμεσα στα πρωτεύοντα, δευτερεύοντα και τριτεύοντα χρώματα. Αυτό το…

Διάβασε περισσότερα
Πώς να φτιάξεις μια παλέτα χρωμάτων μάρκας

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

Διάβασε περισσότερα
Τι είναι η αντίθεση χρωμάτων και γιατί μετράει

Η αντίθεση χρωμάτων μετρά τη διαφορά φωτεινότητας ανάμεσα στο κείμενο και στο φόντο. Αυτό το κεφάλαιο καλύπτει την αντίθεση χρωμάτων και πώς να τη…

Διάβασε περισσότερα
Πώς να διαλέξεις χρώματα που δουλεύουν μαζί

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

Διάβασε περισσότερα
Λάθη χρωμάτων που βλάπτουν την ιστοσελίδα σου

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

Διάβασε περισσότερα
Βασικά της σχεδίασης για social media

Η σχεδίαση για social media προσαρμόζει γρήγορα την εικόνα της επωνυμίας σε τετράγωνες, κάθετες και οριζόντιες μορφές. Αυτό το κεφάλαιο καλύπτει τη…

Διάβασε περισσότερα
Τι είναι ο σχεδιασμός μάρκετινγκ

Ο σχεδιασμός μάρκετινγκ δημιουργεί οπτικά για καμπάνιες σε διαφημίσεις, email, web και έντυπα. Σε αυτό το κεφάλαιο θα δεις πώς τον χρησιμοποιείς στην…

Διάβασε περισσότερα
Οι βέλτιστες πρακτικές για τον σχεδιασμό email

Οι βέλτιστες πρακτικές για τον σχεδιασμό email περιλαμβάνουν διατάξεις μίας στήλης, μεγάλους στόχους αφής και εναλλακτικό κείμενο για τις εικόνες. Σε…

Διάβασε περισσότερα
Σχεδιασμός newsletter που ανοίγεται

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

Διάβασε περισσότερα
Σχεδιασμός web banner που κάνει conversions

Ο σχεδιασμός web banner ισορροπεί την επωνυμία, τη σαφήνεια της προσφοράς και το βάρος του αρχείου για δίκτυα διαφημίσεων και προωθήσεις στο site. Σε…

Διάβασε περισσότερα
Πώς σχεδιάζεις ένα φυλλάδιο για την επιχείρησή σου

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

Διάβασε περισσότερα
Τι είναι ο προσβάσιμος σχεδιασμός ιστοσελίδας

Ο προσβάσιμος σχεδιασμός ιστοσελίδας διασφαλίζει ότι τα άτομα με αναπηρία μπορούν να αντιληφθούν, να περιηγηθούν και να χρησιμοποιήσουν το site σου.…

Διάβασε περισσότερα
Πώς κάνεις μια ιστοσελίδα συμβατή με το ADA

Για να κάνεις μια ιστοσελίδα συμβατή με το ADA, χρειάζονται αντίθεση, εναλλακτικό κείμενο, πρόσβαση με πληκτρολόγιο και καθαρή δομή. Σε αυτό το…

Διάβασε περισσότερα
Σχεδιασμός ιστοσελίδας συμβατός με το ADA

Ο σχεδιασμός ιστοσελίδας συμβατός με το ADA ακολουθεί αναγνωρισμένα πρότυπα για διεπαφές που γίνονται αντιληπτές και λειτουργούν σωστά. Σε αυτό το…

Διάβασε περισσότερα
Τι είναι ο συμπεριληπτικός σχεδιασμός

Ο συμπεριληπτικός σχεδιασμός φτιάχνει προϊόντα που μπορεί να χρησιμοποιήσει το ευρύτερο δυνατό φάσμα ανθρώπων, χωρίς ξεχωριστές εκδόσεις. Σε αυτό το…

Διάβασε περισσότερα
Η δήλωση προσβασιμότητας ιστοσελίδας: τι είναι

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

Διάβασε περισσότερα
Οι τάσεις web design που πρέπει να ξέρεις

Οι τάσεις web design το 2025 ευνοούν την απόδοση, την έντονη τυπογραφία, τη διακριτική κίνηση και τα προσβάσιμα χρώματα. Σε αυτό το κεφάλαιο θα δεις…

Διάβασε περισσότερα
Τάσεις γραφιστικού σχεδιασμού για επιχειρήσεις

Οι τάσεις γραφιστικού σχεδιασμού για επιχειρήσεις περιλαμβάνουν αυθεντική φωτογραφία, ευέλικτα συστήματα επωνυμίας και απλή γεωμετρία. Σε αυτό το…

Διάβασε περισσότερα
Τι είναι μια hero εικόνα και πώς τη διαλέγεις

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

Διάβασε περισσότερα
Τι είναι μια hero εικόνα σε μια ιστοσελίδα

Η hero εικόνα μιας ιστοσελίδας είναι ειδικότερα το κύριο οπτικό banner στις βασικές σελίδες. Σε αυτό το κεφάλαιο θα δεις πώς την χρησιμοποιείς στην…

Διάβασε περισσότερα
Τι είναι το SEO εικόνων

Το SEO εικόνων βελτιστοποιεί τα ονόματα αρχείων, το εναλλακτικό κείμενο, το μέγεθος και τη μορφή, ώστε οι εικόνες να στηρίζουν την ορατότητα στην…

Διάβασε περισσότερα
Παραδείγματα εναλλακτικού κειμένου και βέλτιστες πρακτικές

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

Διάβασε περισσότερα
Οι τύποι αρχείων εικόνας εξηγημένοι

Οι συνηθισμένοι τύποι αρχείων εικόνας περιλαμβάνουν JPEG, PNG, WebP, SVG και GIF, για διαφορετικές χρήσεις. Σε αυτό το κεφάλαιο θα δεις πώς τους…

Διάβασε περισσότερα
Πώς βελτιστοποιείς τις εικόνες της ιστοσελίδας σου

Η βελτιστοποίηση εικόνων για web μειώνει το μέγεθος των αρχείων, διατηρώντας αποδεκτή οπτική ποιότητα. Σε αυτό το κεφάλαιο θα δεις πώς την…

Διάβασε περισσότερα
Πώς διαλέγεις τις σωστές εικόνες για την ιστοσελίδα σου

Οι εικόνες μιας ιστοσελίδας πρέπει να στηρίζουν το μήνυμά σου, να ταιριάζουν με τον τόνο της επωνυμίας και να φαίνονται αυθεντικές. Σε αυτό το…

Διάβασε περισσότερα
Τι είναι ο αρνητικός χώρος στη φωτογραφία

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

Διάβασε περισσότερα
Εικόνες φόντου ιστοσελίδας που δουλεύουν

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

Διάβασε περισσότερα
Πώς να χρησιμοποιείς φωτογραφίες stock χωρίς να φαίνεσαι γενικός

Οι φωτογραφίες stock δουλεύουν όταν ταιριάζουν με την παλέτα σου, κόβονται με δικό σου τρόπο και αναμειγνύονται με πραγματικές λήψεις. Σε αυτό το…

Διάβασε περισσότερα
Μεγέθη εικόνων για social media και ιστοσελίδες

Τα μεγέθη εικόνων για social media αλλάζουν ανά δίκτυο και ανά θέση, γι αυτό οι έτοιμες ρυθμίσεις εξαγωγής γλιτώνουν χρόνο. Σε αυτό το κεφάλαιο θα…

Διάβασε περισσότερα
Πώς γράφεις εναλλακτικό κείμενο για εικόνες

Το εναλλακτικό κείμενο για εικόνες περιγράφει το περιεχόμενο και τον σκοπό της εικόνας, αν γίνεται σε περίπου εκατόν είκοσι πέντε χαρακτήρες. Σε αυτό…

Διάβασε περισσότερα
Γιατί η ποιότητα εικόνας μετράει για την επωνυμία σου

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

Διάβασε περισσότερα
Τι είναι η οπτική ιεραρχία στον σχεδιασμό

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

Διάβασε περισσότερα
Τι είναι ο αρνητικός χώρος στον σχεδιασμό

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

Διάβασε περισσότερα
Τι είναι ο λευκός χώρος και γιατί μετράει

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

Διάβασε περισσότερα
Πώς ο λευκός χώρος βελτιώνει την ιστοσελίδα σου

Ο λευκός χώρος στον σχεδιασμό χωρίζει τις ενότητες, αναδεικνύει τα κουμπιά και βελτιώνει την κατανόηση. Σε αυτό το κεφάλαιο θα δεις πώς τον…

Διάβασε περισσότερα
Τι είναι οι αρχές Gestalt στον σχεδιασμό

Οι αρχές Gestalt περιγράφουν πώς οι άνθρωποι αντιλαμβάνονται ομάδες, μοτίβα και ολόκληρες διατάξεις. Σε αυτό το κεφάλαιο θα δεις πώς τις χρησιμοποιείς…

Διάβασε περισσότερα
Τι είναι ο σχεδιασμός διάταξης

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

Διάβασε περισσότερα
Τύποι διάταξης ιστοσελίδας και πότε να τους χρησιμοποιείς

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

Διάβασε περισσότερα
Πώς δημιουργείς οπτική ισορροπία σε μια σελίδα

Η οπτική ισορροπία στον σχεδιασμό μοιράζει το οπτικό βάρος, ώστε η σελίδα να δίνει αίσθηση σταθερότητας. Σε αυτό το κεφάλαιο θα δεις πώς την…

Διάβασε περισσότερα
Στοίχιση και συστήματα πλέγματος: τι είναι

Η στοίχιση στον σχεδιασμό ευθυγραμμίζει άκρες και γραμμές βάσης, ώστε οι διατάξεις να φαίνονται σκόπιμες. Σε αυτό το κεφάλαιο θα δεις πώς την…

Διάβασε περισσότερα
Πώς χρησιμοποιείς την αντίθεση για να καθοδηγείς την προσοχή

Η αντίθεση στον σχεδιασμό χρησιμοποιεί διαφορές μεγέθους, χρώματος και βάρους για να τονίσει τα βασικά στοιχεία. Σε αυτό το κεφάλαιο θα δεις πώς την…

Διάβασε περισσότερα
Θετικός και αρνητικός χώρος στον σχεδιασμό

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

Διάβασε περισσότερα
Πώς η επανάληψη δημιουργεί συνέπεια στον σχεδιασμό

Η επανάληψη στον σχεδιασμό επαναλαμβάνει χρώματα, σχήματα και αποστάσεις, ώστε οι σελίδες να δείχνουν ενιαίες. Σε αυτό το κεφάλαιο θα δεις πώς την…

Διάβασε περισσότερα
Τι είναι ο σχεδιασμός ταυτότητας επωνυμίας

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

Διάβασε περισσότερα
Τι είναι ο σχεδιασμός επωνυμίας

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

Διάβασε περισσότερα
Οι διαφορετικοί τύποι λογοτύπων

Οι τύποι λογοτύπων περιλαμβάνουν wordmarks, lettermarks, εικονιστικά σήματα, αφηρημένα σήματα, μασκότ και συνδυασμούς. Σε αυτό το κεφάλαιο θα δεις πώς…

Διάβασε περισσότερα
Τι κάνει ένα λογότυπο καλό

Ένα καλό λογότυπο είναι απλό, αξιομνημόνευτο, ευέλικτο και κατάλληλο για το κοινό σου. Σε αυτό το κεφάλαιο θα δεις πώς το χρησιμοποιείς στην…

Διάβασε περισσότερα
Τύποι γραφιστικού σχεδιασμού για επιχειρήσεις

Οι τύποι γραφιστικού σχεδιασμού για επιχειρήσεις περιλαμβάνουν branding, μάρκετινγκ, web, συσκευασία και motion. Σε αυτό το κεφάλαιο θα δεις πώς τους…

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

Οι συμβουλές σχεδίασης λογοτύπου για ιδιοκτήτες περιλαμβάνουν ξεκάθαρο brief, έλεγχο του ανταγωνισμού και παράδοση αρχείων vector. Σε αυτό το κεφάλαιο…

Διάβασε περισσότερα
Τι είναι η οπτική ταυτότητα και πώς να χτίσεις τη δική σου

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

Διάβασε περισσότερα
Τι είναι το infographic και πώς το χρησιμοποιείς

Το infographic παρουσιάζει δεδομένα ή βήματα οπτικά, ώστε οι σύνθετες πληροφορίες να διαβάζονται γρήγορα. Σε αυτό το κεφάλαιο θα δεις τον ορισμό του…

Διάβασε περισσότερα
Πώς φτιάχνεις ένα infographic

Το infographic ξεκινά από το περίγραμμα, τον έλεγχο των δεδομένων, την οπτική ιεραρχία και την εξαγωγή για το web. Σε αυτό το κεφάλαιο θα δεις πώς…

Διάβασε περισσότερα
Πώς φτιάχνεις ένα design system για την επωνυμία σου

Το design system συγκεντρώνει συστατικά, tokens και κανόνες για να χτίζεις συνεπείς διεπαφές. Σε αυτό το κεφάλαιο θα δεις πώς το χρησιμοποιείς στην…

Διάβασε περισσότερα
Τι είναι ο οδηγός στυλ και γιατί τον χρειάζεται η επωνυμία σου

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

Διάβασε περισσότερα
Πώς δίνεις brief σε σχεδιαστή όταν δεν είσαι σχεδιαστής

Το design brief εξηγεί τους στόχους, το κοινό, τα παραδοτέα, το χρονοδιάγραμμα και τα παραδείγματα που σου αρέσουν ή όχι. Σε αυτό το κεφάλαιο θα δεις…

Διάβασε περισσότερα
Τι είναι η τυπογραφία

Η τυπογραφία είναι η τέχνη και η τεχνική της διάταξης των γραμμάτων, ώστε το κείμενο να διαβάζεται εύκολα και να είναι ευχάριστο στο μάτι. Σε αυτό το…

Διάβασε περισσότερα
Serif και sans serif γραμματοσειρές: τι διαφέρει

Οι serif γραμματοσειρές έχουν μικρές απολήξεις στα άκρα των γραμμάτων, ενώ οι sans serif δεν έχουν. Σε αυτό το κεφάλαιο θα δεις πώς διαλέγεις ανάμεσά…

Διάβασε περισσότερα
Πώς ταιριάζεις γραμματοσειρές που δουλεύουν μαζί

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

Διάβασε περισσότερα
Τι είναι οι web safe γραμματοσειρές

Οι web safe γραμματοσειρές είναι οικογένειες γραμμάτων που εμφανίζονται με συνέπεια σε προγράμματα περιήγησης και συσκευές. Σε αυτό το κεφάλαιο θα…

Διάβασε περισσότερα
Πώς διαλέγεις γραμματοσειρές για την ιστοσελίδα σου

Οι καλύτερες γραμματοσειρές για το κείμενο μιας ιστοσελίδας δίνουν προτεραιότητα στην αναγνωσιμότητα σε μικρά μεγέθη στις οθόνες. Σε αυτό το κεφάλαιο…

Διάβασε περισσότερα
Μέγεθος γραμματοσειράς και αναγνωσιμότητα στις ιστοσελίδες

Η αναγνωσιμότητα της γραμματοσειράς εξαρτάται από το μέγεθος, το μήκος της γραμμής, το ύψος γραμμής και την αντίθεση με το φόντο. Σε αυτό το κεφάλαιο…

Διάβασε περισσότερα
Τι είναι η ιεραρχία γραμματοσειρών και γιατί μετράει

Η ιεραρχία γραμματοσειρών χρησιμοποιεί μέγεθος, βάρος και αποστάσεις για να δείξει ποιο κείμενο μετράει περισσότερο. Σε αυτό το κεφάλαιο θα δεις πώς…

Διάβασε περισσότερα
Πώς η τυπογραφία επηρεάζει την εμπειρία χρήστη

Η τυπογραφία στο web design επηρεάζει την εμπιστοσύνη, την κατανόηση και τον χρόνο που μένει κάποιος στη σελίδα. Σε αυτό το κεφάλαιο θα δεις πώς τη…

Διάβασε περισσότερα
Τα διαφορετικά είδη γραμματοσειρών

Τα είδη γραμματοσειρών περιλαμβάνουν τις κατηγορίες serif, sans serif, slab, script και display. Σε αυτό το κεφάλαιο θα δεις πώς τα χρησιμοποιείς στην…

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

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

Διάβασε περισσότερα
Πώς χρησιμοποιείς τις Google Fonts στην ιστοσελίδα σου

Οι Google Fonts προσφέρουν δωρεάν οικογένειες γραμματοσειρών, βελτιστοποιημένες για το web, που μπορείς να ενσωματώσεις στην ιστοσελίδα σου. Σε αυτό…

Διάβασε περισσότερα
Συνηθισμένα λάθη τυπογραφίας στις ιστοσελίδες

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

Διάβασε περισσότερα
Πώς οι επιλογές γραμματοσειράς επηρεάζουν την εικόνα της επωνυμίας σου

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

Διάβασε περισσότερα
Τι είναι ο σχεδιασμός UX

Ο σχεδιασμός UX εστιάζει στο πώς νιώθουν και πώς λειτουργούν οι άνθρωποι όταν χρησιμοποιούν ένα προϊόν ή μια ιστοσελίδα. Σε αυτό το κεφάλαιο θα δεις…

Διάβασε περισσότερα
Τι είναι ο σχεδιασμός UI

Ο σχεδιασμός UI καλύπτει τις οπτικές και διαδραστικές επιφάνειες που οι χρήστες πατούν και κάνουν κλικ. Σε αυτό το κεφάλαιο θα δεις πώς τον…

Διάβασε περισσότερα
Διαφορά UX και UI design με απλά λόγια

Το UI vs UX συγκρίνει την εμφάνιση της διεπαφής με τη συνολική εμπειρία και την επιτυχία των εργασιών του χρήστη. Σε αυτό το κεφάλαιο θα δεις τη…

Διάβασε περισσότερα
Τι είναι το τεστ ευχρηστίας

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

Διάβασε περισσότερα
Αρχές UI design για αρχάριους

Οι αρχές του UI design περιλαμβάνουν συνέπεια, ανατροφοδότηση, ορατότητα και πρόληψη λαθών. Σε αυτό το κεφάλαιο θα δεις πώς να τις χρησιμοποιήσεις…

Διάβασε περισσότερα
Τι είναι ο σχεδιασμός με επίκεντρο τον χρήστη

Ο σχεδιασμός με επίκεντρο τον χρήστη χτίζεται πάνω σε έρευνα, ανατροφοδότηση και επαναλαμβανόμενες δοκιμές με πραγματικούς χρήστες. Σε αυτό το…

Διάβασε περισσότερα
Πώς το UX design επηρεάζει την επιχείρησή σου

Το UX design για επιχειρήσεις συνδέει πιο ομαλές διαδρομές με υψηλότερες μετατροπές και καλύτερη διατήρηση πελατών. Σε αυτό το κεφάλαιο θα δεις πώς να…

Διάβασε περισσότερα
Βασικά στοιχεία σχεδιασμού mobile εφαρμογών

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

Διάβασε περισσότερα
Πώς να βελτιώσεις την εμπειρία χρήστη στην ιστοσελίδα σου

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

Διάβασε περισσότερα
Τι κάνει μια ιστοσελίδα εύκολη στη χρήση

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

Διάβασε περισσότερα
Συνέπεια στο design και γιατί χτίζει εμπιστοσύνη

Η συνέπεια στο design επαναλαμβάνει τα ίδια μοτίβα σε κουμπιά, αποστάσεις και ύφος σε όλες τις σελίδες. Σε αυτό το κεφάλαιο θα δεις πώς να τη…

Διάβασε περισσότερα
Πώς να δοκιμάσεις αν το design σου δουλεύει

Οι δοκιμές design ιστοσελίδας συνδυάζουν analytics, συνεδρίες ευχρηστίας και συγκρίσεις A/B. Σε αυτό το κεφάλαιο θα δεις πώς να τις χρησιμοποιήσεις…

Διάβασε περισσότερα
Τι είναι το web design

Το web design είναι ο σχεδιασμός και το στυλ του τρόπου που μια ιστοσελίδα φαίνεται, διαβάζεται και λειτουργεί για τους επισκέπτες. Σε αυτό το…

Διάβασε περισσότερα
Πώς να κάνεις την ιστοσελίδα σου φιλική προς το κινητό

Μια ιστοσελίδα φιλική προς το κινητό διαβάζεται χωρίς ζουμ, χωρίς πάτημα σε μικροσκοπικούς συνδέσμους και χωρίς οριζόντιο scroll. Σε αυτό το κεφάλαιο…

Διάβασε περισσότερα
Τι είναι το mobile first design

Το mobile first design ξεκινά από τη διάταξη για smartphone και μετά προσθέτει λειτουργίες για μεγαλύτερες οθόνες. Σε αυτό το κεφάλαιο θα δεις πώς να…

Διάβασε περισσότερα
Τι είναι η ανανέωση ιστοσελίδας και πότε τη χρειάζεσαι

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

Διάβασε περισσότερα
Βέλτιστες πρακτικές για την κεφαλίδα της ιστοσελίδας

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

Διάβασε περισσότερα
Σχεδιασμός footer ιστοσελίδας και τι να περιλαμβάνει

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

Διάβασε περισσότερα
Βέλτιστες πρακτικές για την πλοήγηση της ιστοσελίδας

Η πλοήγηση της ιστοσελίδας πρέπει να χρησιμοποιεί γνωστές ετικέτες και να δείχνει την ενότητα στην οποία βρίσκεται ο επισκέπτης. Σε αυτό το κεφάλαιο…

Διάβασε περισσότερα
Πώς να σχεδιάσεις μια αρχική σελίδα που φέρνει αποτελέσματα

Η αρχική σελίδα πρέπει να λέει μέσα σε δευτερόλεπτα ποιον βοηθάς, τι προσφέρεις και ποιο είναι το επόμενο βήμα. Σε αυτό το κεφάλαιο θα δεις πώς να τη…

Διάβασε περισσότερα
Τι είναι το above the fold και γιατί μετράει

Το above the fold είναι το περιεχόμενο που φαίνεται πριν κάνεις scroll, σε ένα συγκεκριμένο μέγεθος οθόνης. Σε αυτό το κεφάλαιο θα δεις πώς να το…

Διάβασε περισσότερα
Πώς να σχεδιάσεις μια landing page

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

Διάβασε περισσότερα
Βέλτιστες πρακτικές σχεδιασμού landing page

Οι βέλτιστες πρακτικές σχεδιασμού landing page περιλαμβάνουν καθαρούς τίτλους, λίστες που διαβάζονται με μια ματιά και σήματα εμπιστοσύνης. Σε αυτό το…

Διάβασε περισσότερα
Σχεδιασμός κουμπιών που φέρνει περισσότερα κλικ

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

Διάβασε περισσότερα
Σχεδιασμός ιστοσελίδας για μικρή επιχείρηση: συμβουλές

Ο σχεδιασμός ιστοσελίδας για μικρή επιχείρηση πρέπει να βάζει πρώτα την απόδοση στο κινητό, τις σαφείς υπηρεσίες και την εύκολη επικοινωνία. Σε αυτό…

Διάβασε περισσότερα
Τι είναι το γραφικό σχέδιο (graphic design)

Το graphic design είναι η τέχνη του να συνδυάζεις κείμενο, εικόνες και διάταξη για να περάσεις ένα μήνυμα οπτικά. Σε αυτό το κεφάλαιο θα δεις τι είναι…

Διάβασε περισσότερα
Τα στοιχεία του σχεδιασμού, εξηγημένα

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

Διάβασε περισσότερα
Οι αρχές του σχεδιασμού

Οι αρχές του σχεδιασμού καθοδηγούν το πώς σχετίζονται τα στοιχεία μέσα από την ισορροπία, την αντίθεση, την έμφαση, την κίνηση, το μοτίβο, τον ρυθμό,…

Διάβασε περισσότερα
Αρχές οπτικού σχεδιασμού και πώς να τις εφαρμόζεις

Οι αρχές οπτικού σχεδιασμού είναι πρακτικοί κανόνες για το πώς τακτοποιείς γραμματοσειρά, χρώμα, εικόνες και χώρο σε οθόνες και σελίδες. Σε αυτό το…

Διάβασε περισσότερα
Στοιχεία και αρχές του σχεδιασμού μαζί

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

Διάβασε περισσότερα
Ποιες είναι οι αρχές του σχεδιασμού

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

Διάβασε περισσότερα
Τι είναι ο οπτικός σχεδιασμός (visual design)

Ο οπτικός σχεδιασμός είναι η τακτοποίηση των οπτικών στοιχείων, ώστε η πληροφορία να είναι καθαρή, ελκυστική και να υπηρετεί έναν στόχο. Σε αυτό το…

Διάβασε περισσότερα
Η διαδικασία σχεδιασμού από την αρχή ως το τέλος

Η διαδικασία σχεδιασμού ξεκινά από την έρευνα και τους στόχους και περνά από σκίτσα και σχόλια μέχρι το τελικό γυάλισμα. Σε αυτό το κεφάλαιο θα δεις…

Διάβασε περισσότερα
Τι είναι ένα wireframe και πότε το χρειάζεσαι

Ένα wireframe είναι ένας απλός χάρτης της διάταξης, που δείχνει τα μπλοκ περιεχομένου και την πλοήγηση χωρίς το τελικό στυλ. Σε αυτό το κεφάλαιο θα…

Διάβασε περισσότερα
Πώς είναι ένας καλός σχεδιασμός ιστοσελίδας

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

Διάβασε περισσότερα
Κακός σχεδιασμός ιστοσελίδας και πώς να τον αποφύγεις

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

Διάβασε περισσότερα
Πόσο κοστίζει ο σχεδιασμός μιας ιστοσελίδας

Το κόστος σχεδιασμού ιστοσελίδας διαφέρει ανάλογα με τον αριθμό των σελίδων, τις προσαρμοσμένες λειτουργίες, τις ανάγκες σε περιεχόμενο και το ποιος…

Διάβασε περισσότερα

Βάλ’ το αμέσως σε εφαρμογή
στη δική σου ιστοσελίδα.

Ξεκίνα δωρεάν με το WEMASY και φτιάξε τη σελίδα σου σε λίγα λεπτά.