Από πού παίρνουν ιδέες οι designers της TopHost

Μετά το αυξημένο ενδιαφέρον των αναγνωστών μας στο post σχετικά με τα εργαλεία που χρησιμοποιούν οι designers μας, αποφάσισα να τους επιστρατεύσω ξανά, αυτή τη φορά για να μοιραστούν τις πιο σημαντικές πηγές που συμβουλεύονται γύρω από το web design, αλλά και εκείνες που παρακολουθούν για να εμπνέονται και να μας παρουσιάζουν τα projects τους.
Τους ρώτησα, τα κατέγραψα και σου τα παρουσιάζω όλα στο σημερινό post!

Ας ξεκινήσουμε λοιπόν.

1. Awwwards

Το Αwwwards δημιουργήθηκε με σκοπό να εντοπίζει και να αναδεικνύει την προσπάθεια των καλύτερων web designers ανά τον κόσμο, βραβεύοντας όσους επιτυγχάνουν ένα αποτέλεσμα που συνδυάζει το όμορφο design με την ευχρηστία, την δημιουργικότητα και την καινοτομία. Οι designers υποβάλλουν ως συμμετοχή το site που σχεδίασαν, και μέσω ψηφοφορίας επιλέγεται το καλύτερο site της ημέρας, του μήνα αλλά και του έτους.

Η φύση και το περιεχόμενο του Awwwards, το έχουν αναδείξει σε ένα από τα κυριότερα sites που επισκέπτονται τακτικά οι γραφίστες μας, ώστε να ενημερωθούν γύρω από τις νέες τάσεις στο διεθνές web design και να δουν πώς μπορούν να τις εφαρμόσουν στις δικές μας περιπτώσεις: είτε στο redesign κάποιας σελίδας, είτε στη δημιουργία της οπτικής επικοινωνίας για ένα νέο προϊόν.

Παράλληλα, μέσα από τη σελίδα των Trending sites μπορείς να παρακολουθήσεις όλα τα νέα designs που κερδίζουν έδαφος, όπως για παράδειγμα τα ελλειπτικά κουμπιά (pill buttons) ή τις διάχυτες σκιές (diffuse shadows) και να τα χρησιμοποιήσεις, όπου ταιριάζουν, και στο δικό σου site.

2. FWA

Κάτι παρόμοιο με το Awwwards προσφέρεται και στο FWA. Εδώ όμως οι προτάσεις είναι στοχευμένες σε λίγο πιο προχωρημένο σχεδιασμό (π.χ. video sites). Πρόκειται για το παλαιότερο site που ασχολείται με τη βράβευση και την ανάδειξη του web design.

Αν θελήσεις, λοιπόν, να κάνεις ένα redesign στο site σου εμπνευσμένο από το FWA, είναι πολύ πιθανό να χρειαστεί να ασχοληθείς λίγο παραπάνω σε επίπεδο κώδικα. Για παράδειγμα, ο νικητής του Φεβρουαρίου είναι αυτό το καταπληκτικό game της Google για το promotion του Star Wars, του οποίου ο σχεδιασμός και η υλοποίηση είναι σε αρκετά υψηλό επαγγελματικό επίπεδο.

3. Dribbble

Αν ψάχνεις τις μικρές λεπτομέρειες για να κάνεις τη διαφορά στο site σου, το Dribbble θα γίνει σίγουρα η homepage σου! Πρόκειται για ένα site όπου οι designers μπορούν να ανεβάσουν μικρά screenshots ή gifs από τη δουλειά τους, που συνήθως αφορούν στη λεπτομέρεια με την οποία διαχειρίστηκαν ορισμένα σημεία στο design μιας σελίδας. Τα uploads δεν αποτελούν απαραίτητα ένα ολοκληρωμένα project – πολλές φορές θα συναντήσεις σχέδια σε αρχικό στάδιο και είναι πιθανό οι designers να αναζητούν feedback για την πορεία τους.

Επιπλέον, στο Teams, έχεις τη δυνατότητα να δεις τη δουλειά από ομάδες γνωστών εταιριών (Facebook, InVision, Dropbox κ.λπ.) και να πάρεις ιδέες για graphic και web design. Το καλύτερο; Βλέπεις εκ των έσω τα σχέδια που τελικά δεν δημοσιεύθηκαν, αλλά αποτελούν πολύ καλό υλικό για έμπνευση!

4. Pattern Tap

Όσο βοηθητικό και αν είναι να μελετάς τις δημιουργίες άλλων designers σε γενικό επίπεδο, μερικές φορές θέλεις να ψάξεις συγκεκριμένα designs για κάποιο section ή στυλ που χρειάζεσαι. Το Pattern Tap παρέχει κατηγοριοποιημένα τα designs ανάλογα με το σημείο του site στο οποίο βρίσκονται ή το style μίας σελίδας. Αν για παράδειγμα θέλεις να πάρεις ιδέες σχετικά με το design του footer, της φόρμας επικοινωνίας ή των breadcrumbs ή αν θέλεις να δεις παραδείγματα πάνω σε parallax ή flat σχεδίαση, δεν έχεις παρά να τα αναζητήσεις στη βιβλιοθήκη του.

5. Image based inspiration

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

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

Τους ζήτησα να μου προτείνουν δύο sites με δωρεάν περιεχόμενο και συμφώνησαν ότι το Unsplash και το StockSnap υπερέχουν σε ποικιλία και ποιότητα. 

Αν σε ενδιαφέρει να επενδύσεις ένα μικρό ποσό για την αγορά εικόνων, δύο προτάσεις των designers μας είναι το iStock και το Dreamstime. Δοκίμασε και αυτά σαν μια premium εναλλακτική.

Φυσικά, όλα τα παραπάνω sites έχουν πολύ καλό quality control και εμφανίζουν πραγματικά ό,τι καλύτερο έχει να επιδείξει το σύγχρονο web design. Με αυτόν τον τρόπο ο αναγνώστης είναι διπλά κερδισμένος αφού, αφενός, παίρνει την πληροφορία που θέλει και αφετέρου, εξοικονομεί χρόνο στην έρευνα, για να τον αξιοποιήσει στην πραγματική βελτίωση του design.

+ Bonus extensions

Για το τέλος, σου κράτησα δύο πολύ βοηθητικά Chrome extensions που αφορούν τόσο το design, όσο και τη συλλογή πληροφοριών.

Muzli
Το new tab των designers είναι αναμφισβήτητα το Muzli, αφού με το άνοιγμα κάθε νέου tab στον Chrome, σου παρουσιάζει επιλεγμένα designs από διάφορα sites του αντικειμένου, για να ρίξεις μια γρήγορη ματιά στα πιο δημοφιλή.

Όλα τα screenshots που εμφανίζονται είναι clickable, επιτρέποντας στο χρήστη να μεταβεί στο site που τον εντυπωσίασε.

Hypershoot
Πρόκειται για ένα extension με το οποίο μπορείς να κάνεις bookmark άμεσα τα sites που σου κινούν το ενδιαφέρον και θέλεις να τα έχεις συγκεντρωμένα. Αφού εγκαταστήσεις το Hypershoot, το μόνο που έχεις να κάνεις, είναι να πατήσεις το αντίστοιχο εικονίδιο ενώ βρίσκεσαι στο site που σε ενδιαφέρει και να το αποθηκεύσεις σε ένα από τα boards της βιβλιοθήκης σου.

Το χρησιμοποιούν φανατικά οι γραφίστες μας και μόλις ξεκίνησα να το χρησιμοποιώ κι εγώ, λύνοντας έτσι το πρόβλημα που αντιμετώπιζα κατά την προσπάθειά μου να τους περιγράφω ανεπιτυχώς τα sites που είδα και μου έκαναν εντύπωση!

Επίσης, αν έχεις πολλή όρεξη για μελέτη, μπορείς να κατεβάσεις τα ebooks του UXPin και να βρεις πολλές πρακτικές και ιδέες γύρω από το design.

Και αν έχεις κάποια πηγή που εμπνέει εσένα για τα projects που δημιουργείς, θα χαρούμε να μας την προτείνεις με ένα σχόλιο!