Ανταπόκριτος Σχεδιασμός στο Σκίτσο - Μέρος 1

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

Με την τελευταία έκδοση του Sketch (v.44), η λειτουργία αλλαγής ομάδας έχει ενημερωθεί. Παρόλο που δεν υπάρχει θεμελιώδης αλλαγή, έχουμε λίγο περισσότερο έλεγχο επί του χαρακτηριστικού τώρα.

Έχω γράψει για αυτό το χαρακτηριστικό πριν από τη λεπτομέρεια. Σε αυτό το άρθρο θα καλύψω τις ενημερώσεις και θα δώσω κάποιες νέες συμβουλές. Στο επόμενο μέρος αυτού του άρθρου θα συγκρίνω το χαρακτηριστικό αλλαγής μεγέθους ομάδων με το plugin Auto-layout του Anima.

Σύντομα χαρακτηριστικό αλλαγής μεγέθους ομάδας

Πριν έρθει σε αλλαγές, θέλω να εξηγήσω γρήγορα το χαρακτηριστικό αλλαγής μεγέθους ομάδας για τους αρχάριους.

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

Τι άλλαξε;

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

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

Ένα πλούσιο παράδειγμα που καλύπτει τις περισσότερες από τις δυνατότητες

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

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

Κατεβάστε τα Παραδείγματα

Εδώ το αρχείο Σκίτσο που περιέχει τα παραδείγματα που παρουσιάζονται σε αυτό το άρθρο.

ΣΥΜΒΟΥΛΕΣ

1. Γυρίστε γρήγορα σε όλες τις πλευρές

2. Επαναφορά ρυθμίσεων αλλαγής μεγέθους ομάδας

3. Τρόπος αλλαγής μεγέθους ομάδων που περιέχουν κείμενο

Για αλλαγές κειμένου που προκαλούν κάθετη ανάπτυξη, μπορείτε να χρησιμοποιήσετε τη μαθηματική συνάρτηση εισόδου του Sketch και την τιμή ύψους γραμμής της ετικέτας. Απλά επιλέξτε την ομάδα και αλλάξτε το ύψος σε 241 + 24 * 2 και πατήστε enter. 241 είναι το τρέχον ύψος, 24 είναι το ύψος γραμμής και 2 είναι ο νέος αριθμός γραμμών - ναι, πρέπει να μετρήσετε! Το Σκίτσο θα υπολογίσει το αποτέλεσμα και θα καθορίσει το ύψος της ομάδας για τη σωστή τιμή.

Για αλλαγές κειμένου που προκαλούν οριζόντια ανάπτυξη, όπως τα κουμπιά, μπορείτε να χρησιμοποιήσετε ένα πρόσθετο Sketch με το όνομα Relabel (με το plugin Runner να είναι πιο αποτελεσματικό).

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

4. Εξερεύνηση της δυνατότητας "Αυτόματης ευθυγράμμισης επιπέδων" στα σύμβολα

Υπάρχει ένα μικρό πρόσθετο χαρακτηριστικό σχεδιασμού που ανταποκρίνεται στα σύμβολα για να διευκολύνετε την αλλαγή των συμβόλων συμβόλων. Όταν αντικαθιστάτε ένα κείμενο σε μια παράσταση συμβόλου, το Σκίτσο μετακινεί αυτόματα οποιοδήποτε από τα στρώματα που βρίσκονται κοντά σε αυτό το στρώμα κειμένου.

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

Κριτική

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

Νομίζω ότι υπάρχει και κάτι πολύ σημαντικό που η Bohemian Coding δεν ήταν αρκετά προσεκτική: οι αλλαγές στη ροή εργασίας. Οι αργές και μη καλά μελετημένες ενημερώσεις σε ορισμένα βασικά χαρακτηριστικά έχουν προκαλέσει στους σχεδιαστές να βρουν προσωρινές μη βιώσιμες ροές εργασίας. Ειδικά σε στυλ επιπέδων και χαρακτηριστικά συμβόλων. Δεν είναι καλό να πιέζουμε τους σχεδιαστές και τις ομάδες για να ρυθμίσουμε τα πράγματα από το μηδέν και να τα προσαρμόζουμε συχνά. Νομίζω ότι αυτό είναι πραγματικά διαβρωτικό.

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

Τι είναι το επόμενο;

Στο επόμενο μέρος αυτού του άρθρου θα καλύψω το plugin Auto-layout του Anima. Έχει περισσότερα χαρακτηριστικά και επίσης φαίνεται πιο χρησιμοποιήσιμο. Μπορείτε να τα χρησιμοποιήσετε μαζί, γι 'αυτό θα εξηγήσω λεπτομερώς τα πράγματα και αφήστε την επιλογή σε εσάς.

Ακολουθήστε με για να μείνετε ενημερωμένοι και παρακαλώ επικροτείτε αν σας άρεσε!