Learning Friday στο Geekbot

Πριν λίγες μέρες οι φίλοι Geekbot με προσκάλεσαν στο Learning Friday session τους. Το θέμα μας; Grids και πιο συγκεκριμένα 8-point grids, τυπογραφία, vertical rhythm πώς να φτάσουμε σε όλα αυτά μέσω software και μέσω CSS κώδικα.

image

Με άλλα λόγια, πήραμε το user interface design από εκεί που ξεκινάει, από τη βάση του. Γιατί πριν ακόμα αρχίσεις να σχεδιάζεις οφείλεις να προετοιμάσεις το σχεδιασμό.

Το session αποτελούνταν από δύο μέρη:

  • Μια παρουσίαση των αρχών και της φιλοσοφίας των grids, του ρυθμού και της αρμονίας στο design
  • Μια σειρά από παραδείγματα με αληθινό κώδικα, ο οποίος εφαρμόζει όλα τα παραπάνω

Τόσο η λογική των grids στον οριζόντιο άξονα, όσο και το vertical rhythm στον κατακόρυφο υπάρχουν εδώ και πολλά χρόνια (μην ξεχνάμε ότι όλα αυτά έχουν αφετηρία το graphic design) για σοβαρούς λόγους: οργανώνουν σωστά το layout, κάνουν το design πιο αρμονικό κι επεκτείνονται πιο εύκολα στο μέλλον.
Ωστόσο, ούτε τα grids ούτε το vertical rhythm λύνουν όλα τα προβλήματα. Δεν υπάρχει μία λύση που να εφαρμόζεται σε όλες τις περιπτώσεις. Μέσα από δοκιμές και λάθη μαθαίνεις τι χρειάζεσαι κάθε φορά. Όπως μαθαίνεις τα και τα μειονεκτήματα τους.

Αυτό ήταν και το βασικό μήνυμα του Learning Friday: πρέπει να ξέρεις ποια είναι τα όπλα σου, να τα κατακτήσεις, ώστε να τα χρησιμοποιείς σωστά. Και κάποιες, έστω λίγες, φορές να τα αγνοείς για να δώσεις λύσεις σε προβλήματα που δεν έχεις φανταστεί μέχρι σήμερα.

Για όσους θα ήθελαν να μάθουν περισσότερα η παρουσίαση βρίσκεται στο Speaker Deck και τα αρχεία κώδικα με 5+1 παραδείγματα μπορείτε να τα κατεβάσετε στον υπολογιστή σας (αρχείο .zip, 13.6MB).

Ευχαριστώ πολύ, Geekbot, για την ωραία συνάντηση!

porcupine letter

Το newsletter που έρχεται κάθε 2η Παρασκευή και κάνει τα Σαββατοκύριακα λίγο μεγαλύτερα.

Καλύτερες υπηρεσίες & προϊόντα για το Web

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

Επικοινωνία: [email protected]