2017: Το Έτος της Σφαίρας

Συνήθως δεν με νοιάζει για αναδρομικές μελέτες σχεδιασμού κατά τη διάρκεια των διακοπών, καθώς αναδεικνύουν πράγματα που είναι συνήθως passé, αλλά η διαδεδομένη τάση του φετινού έτους πραγματικά κολλήσει μαζί μου. Το 2017 είναι το έτος που γεννήθηκε ο Blob.

Τι είναι το Blob;

Το Blob είναι ένα άμορφο, ψευδο-οργανικό σχήμα που συνήθως χρησιμοποιείται για την αγκύρωση των σελίδων προσγείωσης οπτικά. Συνήθως χρησιμεύει ως μάσκα ή σκηνικό για μια απεικόνιση. Περίπου το 90% του χρόνου είναι το Blob γεμίζεται με μια κλίση και κάθεται στο χαμηλότερο επίπεδο ενός σχεδίου. Η σχέση της με το εμπορικό σήμα ή το προϊόν είναι συνήθως διφορούμενη, αλλά είναι ένας εύκολος τρόπος για τη μετάβαση μεταξύ διαφορετικών τύπων πληροφοριών, χωρίς να είναι πολύ μπλοκ.

Εδώ είναι το Dribbble bucket-o-Blob που έχω επιμεληθεί. Δεν είναι περιεκτική και δεν μετράω κηλίδες που είναι: ένα σημαντικό μέρος μιας απεικόνισης (προσκήνιο στα στρώματα φόντου φόντου), κύματα ή άλλες συγκεκριμένες προθέσεις (όπως τα πραγματικά γραφήματα).

Υπάρχει μεγάλη ομοιογένεια γύρω από τις παλέτες χρωμάτων.

Από πού προήλθε ο Blob;

Είναι δύσκολο να πω. Έχω μερικές θεωρίες, όμως:

  1. Το Blob είναι ένας συμβιβασμός ή παθητική απόρριψη της μανίας Flat UI.

Η ακαμψία και η ψυχρότητα του iOS 7 (και ακόμη και του Windows Metro UI) έχει γίνει αφόρητα. Παρόλο που μπορούμε να αγκαλιάσουμε επίπεδα και συμπαγή στοιχεία, χρειάζονται ισορροπία με οργανικά σχήματα που αισθάνονται φιλόξενα.

Το Windows Metro UI βασίζεται σε πολύ ισορροπημένα δίκτυα. Αρχίζει να αισθάνεται πραγματικά κλινικός.

2. Το Blob υπάρχει ως υποκατάστατο για απεικόνιση.

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

Το στυλ εικονογράφησης του Intercom είναι εξαιρετικά χαριτωμένο.

3. Το Blob είναι εδώ επειδή αισθάνεται σαν να είναι δεδομένα και αυτό σημαίνει ότι η εταιρεία σας είναι έξυπνη.

Υπάρχει εδώ μια σχετική ψυχολογία σχεδιασμού, αλλά απλά: όταν βλέπουμε αυξανόμενες ενέργειες από αριστερά προς δεξιά, νιώθουμε παρηγορημένοι και πιθανόν να δώσουμε περισσότερη εμπιστοσύνη σε αυτό που ερμηνεύουμε. Είναι επίσης πραγματικά υποδηλώνει πράγματα που εξετάζουμε τακτικά που συνδέουμε με το να είσαι διορατικός. Για παράδειγμα:

Το Healthkit της AppleΤο βελανίδι εξομαλύνει τα γραφήματα στο ιστορικό αξίας του λογαριασμού σας

Μερικά παραδείγματα AI με τα οποία αλληλεπιδράμε με την καθημερινή μας ψηφιακή ζωή ενσωματώνονται επίσης ως Blobs (σε διαφορετικούς βαθμούς).

Ο Siri έθεσε τον τόνο για τα φορτία των βοηθών AI.Η Google χρησιμοποιεί την αρχή κλεισίματος για να συμπεράνει ένα Blob

Στην πράξη, είναι πιο πιθανό να εμφανιστεί ως ένα στατικό στοιχείο "γράφημα". Η πρόθεση είναι ουσιαστικά η ίδια όμως. Θέλουν να προτείνουν ότι το προϊόν αυτό σκέφτεται πώς να παρέχει πληροφορίες και ανάπτυξη.

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

4. Οι σφαίρες είναι πιο βολικό στο Responsive Web Design.

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

Γεια σου κοιτάξτε ένα ψυχεδελικό Blob!Δεν με νοιάζει αν αυτή είναι περικομμένη επειδή είναι απλά κάποια hopster Blob.

Υπάρχουν πολλά είδη Blob εκεί έξω. Μερικοί είναι πραγματικά προσεκτικοί και δουλεύουν πολύ καλά, σε τόνους. Άλλοι είναι αυθαίρετοι, περιττοί και μερικές φορές περιπλέκουν το UI. Έχετε εντοπίσει ένα Blob σε άγρια ​​κατάσταση; Πιστεύετε ότι είναι άχρηστο στολίδι ή βοηθούν στην ισορροπία του σχεδιασμού σας; Πες μου για αυτό.

Ενημέρωση 3/19/19:

Φαίνεται ότι κάποιοι από τους έξυπους λαούς του Prototypr.io έχουν προσαρμόσει την έρευνά μου για την ανάπτυξη ενός εργαλείου κατασκευής κηλίδων (Blobmaker). Το καπέλο μου πηγαίνει στον Richard Zimmerman για το έργο του. Ευχαριστώ για τον κραυγαλέα Richard!