Ερμηνεία των πιο σημαντικών όρων του Web Design. Γιατί η γνώση είναι το πρώτο βήμα για επιτυχημένες ιστοσελίδες.
Web Design Λεξικό
Above the Fold
Το τμήμα της σελίδας που βλέπει ο χρήστης χωρίς να κάνει scroll. Κρίσιμο για πρώτες εντυπώσεις.
Accessibility (A11y)
Σχεδιασμός που επιτρέπει σε άτομα με αναπηρίες να χρησιμοποιούν την ιστοσελίδα.
Animation
Κινούμενα στοιχεία σε μια ιστοσελίδα που προσθέτουν δυναμισμό και βελτιώνουν το UX.
Breakpoint
Σημείο στο CSS όπου αλλάζει η εμφάνιση της σελίδας (π.χ. desktop → tablet → mobile).
Browser
Πρόγραμμα περιήγησης (Chrome, Firefox, Safari) που εμφανίζει ιστοσελίδες.
Call to Action (CTA)
Κουμπί ή link που προτρέπει τον χρήστη να κάνει μια ενέργεια ("Αγοράστε Τώρα", "Επικοινωνήστε").
CSS (Cascading Style Sheets)
Γλώσσα που ορίζει την εμφάνιση (χρώματα, γραμματοσειρές, διάταξη) μιας ιστοσελίδας.
Color Palette
Η συλλογή χρωμάτων που χρησιμοποιούνται σε μια ιστοσελίδα για συνοχή στο branding.
Domain
Η διεύθυνση μιας ιστοσελίδας (π.χ. yfo.gr).
Dropdown Menu
Μενού που εμφανίζει επιπλέον επιλογές όταν κάνετε hover ή κλικ.
Favicon
Το μικρό εικονίδιο που εμφανίζεται στην καρτέλα του browser.
Flexbox
CSS layout module για ευέλικτη διάταξη στοιχείων σε μία διάσταση.
Font
Η γραμματοσειρά που χρησιμοποιείται για το κείμενο μιας ιστοσελίδας.
Footer
Το κάτω μέρος μιας ιστοσελίδας, συνήθως με επικοινωνία, links και copyright.
Grid System
Σύστημα στηλών για οργάνωση του περιεχομένου (π.χ. 12-column grid).
Header
Το επάνω μέρος μιας ιστοσελίδας, συνήθως με το logo και το μενού πλοήγησης.
Hero Section
Η μεγάλη, εντυπωσιακή περιοχή στην αρχή μιας σελίδας με κύριο μήνυμα και CTA.
Hover State
Η αλλαγή εμφάνισης ενός στοιχείου όταν το ποντίκι περνάει από πάνω του.
HTML (HyperText Markup Language)
Η βασική γλώσσα που ορίζει τη δομή μιας ιστοσελίδας.
JavaScript
Γλώσσα προγραμματισμού που προσθέτει διαδραστικότητα σε ιστοσελίδες.
Landing Page
Σελίδα σχεδιασμένη για έναν συγκεκριμένο στόχο (conversion, εγγραφή, πώληση).
Lazy Loading
Τεχνική που φορτώνει εικόνες μόνο όταν εμφανίζονται στην οθόνη, για ταχύτερη σελίδα.
Mobile-First
Προσέγγιση σχεδιασμού που ξεκινά από την κινητή έκδοση και επεκτείνεται σε desktop.
Mockup
Ρεαλιστική απεικόνιση του τελικού σχεδίου μιας ιστοσελίδας με χρώματα και γραφικά.
Modal
Αναδυόμενο παράθυρο που εμφανίζεται πάνω από το περιεχόμενο (popup).
Navigation
Το σύστημα πλοήγησης (μενού) που βοηθά τους χρήστες να βρουν περιεχόμενο.
Padding
Το εσωτερικό κενό μεταξύ περιεχομένου και περιγράμματος ενός στοιχείου.
Pixel
Η μικρότερη μονάδα μιας ψηφιακής εικόνας ή οθόνης.
Prototype
Διαδραστικό μοντέλο ιστοσελίδας για testing πριν την ανάπτυξη.
Responsive Design
Σχεδιασμός που προσαρμόζεται αυτόματα σε κάθε μέγεθος οθόνης (desktop, tablet, mobile).
Resolution
Η ανάλυση οθόνης σε pixels (π.χ. 1920×1080).
SVG (Scalable Vector Graphics)
Μορφή εικόνας βασισμένη σε διανύσματα που διατηρεί ποιότητα σε κάθε μέγεθος.
Scrolling
Η κύλιση της σελίδας προς τα πάνω ή κάτω.
Typography
Η τέχνη διαμόρφωσης του κειμένου (γραμματοσειρές, μεγέθη, αποστάσεις).
Template
Έτοιμο σχέδιο ιστοσελίδας που προσαρμόζεται στις ανάγκες σας.
UI (User Interface)
Η οπτική διεπαφή χρήστη - πώς φαίνεται και λειτουργεί η ιστοσελίδα.
UX (User Experience)
Η συνολική εμπειρία του χρήστη κατά την πλοήγηση - πόσο εύκολη και ευχάριστη είναι.
Whitespace
Το κενό διάστημα ανάμεσα στα στοιχεία. Βοηθά στην αναγνωσιμότητα και την αισθητική.
Wireframe
Σκελετός-σχέδιο μιας σελίδας που δείχνει τη δομή χωρίς χρώματα ή γραφικά.
WordPress
Το δημοφιλέστερο CMS (Content Management System) για κατασκευή ιστοσελίδων.