Learning Friday στο Geekbot
Πριν λίγες μέρες οι φίλοι Geekbot με προσκάλεσαν στο Learning Friday session τους. Το θέμα μας; Grids και πιο συγκεκριμένα 8-point grids, τυπογραφία, vertical rhythm πώς να φτάσουμε σε όλα αυτά μέσω software και μέσω CSS κώδικα.
Με άλλα λόγια, πήραμε το 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, για την ωραία συνάντηση!