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

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

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

Fabio Rocha

Ξεκινάμε με το χαρτοφυλάκιο ενός Fabio Rocha . Πραγματικά, ξεκινάμε μας με ένα εύκολο. Δεν είναι τίποτα πάρα πολύ περίπλοκο, απλά απλώς, ως επί το πλείστον χρησιμοποιήσιμο, εικόνες και κείμενο σε τμήματα σε όλη την οθόνη. Είναι ωραίο, η τυπογραφία είναι καλή. Μπόνους πόντους για άλλη καλή χρήση του κίτρινου.

001

K Logic

Και τώρα σας ρίχνω στο βαθύ τέλος. K Logic είναι μια περιοχή χαρτοφυλακίου της εταιρείας μάρκετινγκ, και αυτό είναι όσο μπορώ να σας πω. Ω, και το έργο τους παρουσιάζεται σε μελέτες περιπτώσεων. Τα υπόλοιπα είναι όλα Εβραϊκά για μένα. Κυριολεκτικά.

Αξίζει να το δούμε. Ως σχεδιαστής, κατηγορήθηκα ότι έκανα μια εμφάνιση σχεδιασμού πολύ "box-y". Αυτό μας δείχνει τι ακριβώς μοιάζει με ένα site box-y και πόσο καλά μπορεί να λειτουργήσει. Είναι επίσης καλό για εκείνους από εμάς που δεν δουλεύουν με γλώσσες RTL να δουν πώς το χειρίζονται άλλοι σχεδιαστές.

002

Γκόραν Φιλιπίκιτς

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

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

003

Leeroy

Γαλλική καναδική υπηρεσία Leeroy (που δυστυχώς δεν έχει καμία σχέση με τον Leeroy Jenkins) μας φέρνει ένα πιο κλασικό σχεδιασμό αίσθησης με λεπτές γραμματοσειρές, πολλά μαύρα και γενικά ελάχιστη αισθητική. Μπορεί να εξαρτώνται από την κινούμενη εικόνα πάρα πολύ, αλλά εξακολουθεί να είναι μια όμορφη περιοχή.

004

Trama Studio

Είμαι κορόιδο για καλή τυπογραφία και διαγώνιες γραμμές σε μια ιστοσελίδα. Trama Studio μας δίνει και τα δύο σε αφθονία, μαζί με μεγάλη χρήση του χρώματος. Αρχίζω να βλέπω την επιλογή να πάω με ένα καρουσέλ για το χαρτοφυλάκιό σας, σαν μια λιγότερο «θαρραλέα επιλογή» και περισσότερο σαν κάτι που θα σπάσει τελικά, αλλά η αισθητική αυτού του ιστότοπου με χτύπησε ακριβώς στο απαλό σημείο μου για μινιμαλισμό.

005

Βουβός

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

006b

Δαβίδ Γκούμπα

Δαβίδ Γκούμπα μας δίνει ένα master class για το πώς να παρουσιάσουμε ένα μικρό περιεχόμενο χωρίς να χρησιμοποιήσουμε τεράστιο κείμενο ή να αφήσουμε την τοποθεσία να αδειάσει. Βοηθά ότι ο ιστότοπός του το κάνει όλα με στυλ.

007

Απαλή

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

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

008

Cosme Faé

Το χαρτοφυλάκιο της Cosme Faé είναι νεκρό απλό, αλλά ω-έτσι-όμορφο. Επιπλέον, αυτό είναι ένα από τα καλύτερα παραδείγματα της μερικώς επικαλυπτόμενης τάσης σε κείμενο που έχω δει ποτέ. Η αντίθεση, και η χρήση μιας σωστής γραμματοσειράς εμφάνισης λειτουργεί πραγματικά αναρωτιέται.

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

009

Μωσαϊκό

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

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

Το υπόλοιπο της περιοχής τους είναι καθαρή μινιμαλιστική καλοσύνη. Και εννοώ πραγματικό μινιμαλιστικό.

010

Πάρκο Shawn

Αν πρόκειται να βάλετε κινούμενα σχέδια παντού στον ιστότοπό σας, το κινούμενο σχέδιο και ο ιστότοπος θα ήταν καλύτερα να είναι ομαλοί και όμορφοι. Πάρκο Shawn το βγάζει, όμως. Βλέποντας πώς κάποια στοιχεία λειτούργησαν πραγματικά με έκανε να περιέργεια να δω περισσότερα.

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

011

Kultar Singh

Το χαρτοφυλάκιο του Kultar Singh είναι ένα από αυτά τα "συμβατικά αλλά όμορφα" sites. Όλα φαίνονται γερά και επαγγελματικά και μου αρέσει η χρήση του λευκού χώρου. Υπάρχει η περιστασιακή περίεργη χρήση της ασυμμετρίας, αλλά στο σύνολό της, είναι καλό και αξίζει να το δούμε.

012

Convoy Interactive

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

Ξέρεις, μόλις τα μάτια σου προσαρμοστούν.

013

Lynn Schmidt

Το χαρτοφυλάκιο του Lynn Schmidt μας φέρνει πίσω στον κόσμο του μεταμοντέρνου σχεδιασμού που μοιάζει πραγματικά δροσερό, αλλά στερείται χρηστικότητας. Εντούτοις, ο ιστότοπος φαίνεται καλός, είναι κάπως εκπληκτικά ευαίσθητος και είναι διασκεδαστικό να εξερευνήσετε. Κάντε κλικ στις φωτογραφίες στο περιεχόμενο της καρδιάς σας.

014

Claudia Doms

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

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

Το μόνο μεγάλο μειονέκτημα είναι ότι δεν ανταποκρίνεται. Για να είμαι δίκαιος, δεν είμαι σίγουρος πως θα το ανταποδώσατε και θα κρατήσετε το θέμα, αλλά εκεί θα πάτε.

015

Βελούδο

Το χαρτοφυλάκιο για Βελούδο είναι κατά ένα μεγάλο μέρος μονοχρωματικό και λίγο αφηρημένο. Αν έπρεπε να περιγράψω το στυλ, θα ήταν "μεγαλόπρεπο grunge", ή "millennial artsy type". Είναι το είδος της αισθητικής που αγκαλιάζονται από εκείνους που θέλουν να φαίνονται επαγγελματίες, αλλά και σαν να έχουν κρατήσει την άκρη τους.

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

016

Άμπι Στόλοφ

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

Και τώρα είμαι πεινασμένος.

017

OUI R

OUI R (Πάρτε;) σας ρίχνει δεξιά στο έργο τους με ένα καρουσέλ. Σύμφωνα με αυτό το θέμα, κάθε σελίδα χαρτοφυλακίου έχει σχεδιαστεί ώστε να περιηγείται οριζόντια. Σίγουρα τα ξεχωρίζει, αλλά μπορεί να πετάξει έναν ή δύο χρήστες.

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

018

Τζέρεμι Βίτι

Το χαρτοφυλάκιο μιας σελίδας του Jeremy Vitte αγκαλιάζει το στυλ κολάζ, με κομμάτια χαρτοφυλακίου διάσπαρτα φαινομενικά τυχαία πάνω από τη σελίδα. Κάπως μου αρέσει ο τρόπος που μπορείτε να δείτε κάθε έργο στο σύνολό του σε μια πλάγια όψη. Εάν πρόκειται να χρησιμοποιήσετε το JS για διάταξη, ίσως να πάτε όλος ο τρόπος, έτσι;

Το συνολικό αποτέλεσμα είναι τόσο απλό όσο και επαγγελματικό, με ένα άγγιγμα αυτής της μεταμοντέρνης αίσθησης. Είναι το είδος της λέει, "Ω, υγιείς εκεί. Απλά ψύχω με το έργο που έχω κάνει για το Vogue. Θέλω να δω?"

019

Μπεν Πάρις

Μπεν Πάρις είναι γλύπτης. Θα ήμουν σχεδόν απογοητευμένος αν ο ιστότοπός του δεν ήταν ελάχιστος και μεταμοντέρνος. Θα έπαιρνα βαθμούς για τις οθόνες μετάβασης / προφόρτισης, αλλά είναι πραγματικά διασκεδαστικές.

020

μοιραία γυναίκα

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

Εκτός από τη μεγάλη εμφάνιση, το όλο θέμα παραμένει απλό και χρησιμοποιήσιμο, πράγμα που με κάνει πολύ χαρούμενο.

021

Rofikul Shahin

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

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

022

Peter Hol

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

Είναι καρυκεύματα με απλά άνθη, όπως το τυποποιημένο περίγραμμα στα αριστερά, και μου αρέσει.

023