Το Figma είναι Εντυπωσιακό ... αλλά έχει ένα Βασικό Ελάττωμα

Ενημέρωση: Το Figma αντιμετώπισε πολλά από αυτά τα θέματα ξεκινώντας από την έκδοση 3.6.4.

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

Το Figma έχει τοποθετήσει πολλές λειτουργίες στον πίνακα επιπέδων. Και το πάνελ φαίνεται να καταρρέει υπό πίεση. Ακολουθούν μερικές προτάσεις για την ενίσχυση της ίδρυσης.

Μην αλλάξετε το χρώμα κειμένου για τα επίπεδα συνιστωσών

Όταν όλα είναι μοβ, τίποτα δεν είναι πορφυρό.

Το Figma (αριστερά) έχει κακή αντίθεση και ευανάγνωστο σε σύγκριση με το Σκίτσο (δεξιά)

Το Figma χρησιμοποιεί μοβ κείμενο για στρώματα συστατικών. Όταν είστε ένα σύστημα σχεδιασμού freak σαν εμένα, χρησιμοποιείτε πολλά ενσωματωμένα στοιχεία. Αυτό σημαίνει ότι η πλειοψηφία των ονομάτων σας είναι μοβ. Αυτό καθιστά τον πίνακα πολύ δύσκολο να διαβάσει. Συγκρίνετε με το σκίτσο και αισθανθείτε τα μάτια σας να χαλαρώσετε.

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

Διαχωρίστε οπτικά τις σειρές

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

Οι ομάδες είναι Φάκελοι

Αυτό πρέπει να είναι απλό. Οι ομάδες είναι βασικά φάκελοι. Δώστε τους ένα εικονίδιο φακέλου. Εξετάζοντας το Sketch και το Invision Studio, είναι εύκολο να βρείτε τις ομάδες. Είναι ένα δοκιμασμένο και αληθινό μοντέλο που έχει ήδη μάθει ο καθένας.

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

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

Κάντε το ανώτερο πλαίσιο να ξεχωρίζει

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

Συνεχής χρωματική ένδειξη

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

Ευκολότερη η ανάλυση;

Ας ελπίσουμε ότι αυτό είναι χρήσιμο ανατροφοδότηση για τους έξυπους λαούς στο Figma. Συνειδητοποιώ ότι είναι πολύ πιο εύκολη η κριτική από το εξωτερικό χωρίς να κατανοείτε πλήρως το κοινό, τη στρατηγική και τους περιορισμούς. Έμεινα πολύ εντυπωσιασμένος με το προϊόν και αγαπώ το μοντέλο.