Tutoriale de schiță

5 moduri de a menține bucătăria de schiță curată

Uită-te cât de frumos această masă este grupată în interiorul cutiei sale de delimitare! Atât de proaspăt! Atat de curat!

Disclaimer: Tocmai am mâncat, așa că mâncarea îmi vine în minte. Rulează cu mine.

Dacă vizionați The Travel Channel sau The Food Network la fel de mult ca mine, veți vedea o mulțime de bucătării uimitoare din restaurantele de top din întreaga lume. Ceva ce au toate în comun? Bucătăriile curată.

O bucătărie atât de curată încât îi lasă pe patroni să vegheze!

Restaurante precum The Alinea din Chicago își iau foarte în serios curățarea, iar dovada este în budinca lor (deși mă îndoiesc că un restaurant cu trei stele Michelin servește budincă). Iată ce a spus cineva cu privire la ritualul de curățare a bucătăriei Alinea:

Am curățat de cel puțin 4 ori în timpul celor 9-10 ore pe care am fost acolo [în vizită]. Patru mari curăță toate, și numeroase curățări mai mici. Adăugați acest lucru la ondularea liniei constante și la vidarea la fiecare 20 de minute. Stația fiecăruia era impecabilă și, dacă era mai puțin decât perfectă, bucătarul era sigur că te va mătura, te va înjura și va repara. A fost propice pentru a lucra curat, având un mediu atât de curat. Totul a fost strălucitor, fără „bucătărie de bucătărie” nicăieri. Toate echipamentele - răcitoarele, raftul de jos de pe masa de pregătire, partea de jos a oalelor și a tigailor, fundurile tăvii hotelului, spatele echipamentelor, rafturile de sub linie, geamurile - totul era curat. Aceasta era o bucătărie în care orice suprafață era suficient de curată pentru a mânca. (mai multe aici)

Cu cât bucătăria este mai curată, cu atât va fi mai bine produsul tău. Iată câteva recomandări pentru evitarea „grime de bucătărie” din design-urile Sketch, astfel încât să rămâneți eficienți, iar livrările dvs. să rămâneți lustruite:

1. Lipiți o grilă de bază

Nu-ți voi spune să folosești nicio dimensiune anume, atâta timp cât rămâi la ea. Eu personal prefer o grilă de bază de 8px datorită faptului că se joacă frumos cu diverse standarde tipografice și are mai mulți divizori (1, 2, 4, 8px) vs. (1, 5, 10px), dar știu că rețelele de bază de 10px sunt populare, deoarece toate designurile aplicațiile sunt livrate cu Shift + ← ca 10px. Așa că folosiți orice plutesc remorcherul. Puteți utiliza Nudg.it pentru a schimba distanța implicită Shift + ← pentru a vă economisi timp. Acest lucru face minuni atunci când proiectați într-un stil precum Google Material Design care funcționează dintr-o grilă de 8px.

Lipirea la o grilă va face ca componentele de distanțare să devină o adiere și să asigure un ritm vizual perfect. Înlătură ghicitul atunci când distanțați componentele, deoarece distanțele trebuie să fie multiple ale valorii dvs. de bază a grilei. Ca bonus, dezvoltatorii tăi te vor iubi, deoarece vor lucra probabil cu un cadru de dispunere care aderă la un sistem de grilă.

2. Folosiți casetele de legare

După ce ați setat grila de referință, este incredibil de util să utilizați casete de delimitare pentru a menține obiectele de pe tabloul dvs. de artă organizate și distanțate în mod constant. În imaginea de mai jos, folosesc casete de delimitare pentru fiecare element de file și nu trebuie să pun de fapt niciun spațiu între grupurile de file. Distanța este încorporată în caseta de delimitare, astfel încât fiecare filă este perfectă cu cea de lângă ea. Folosind un plugin precum butonul Relabel al lui Ken Moore vă va permite să creați file spațiate uniform ca acesta în câteva secunde.

În plus, obiectele cu căsuțe de delimitare au zone de clic mai mari și vă permit să utilizați lucruri precum umbrele interioare ca împărțitori sau evidențiatori. Ceea ce ne aduce la ...

3. Nu folosiți niciodată linii pentru împărțitori

În timp ce ne ocupăm de dimensiunea suprafeței de clic, putem vorbi despre cât de dificil este să apucați un segment de linie ?! Se pare că Sketch spune „Știm că există 2 milioane de pixeli pe ecran, dar trebuie să faceți clic pe acesta. Nu că ... nu ... nu ... nu ... almos ... bătut ... nu.

În al doilea rând, chiar dacă selectați opțiunea Încadrare în pixeli în Preferate de schiță, redimensionarea unei linii o va pune întotdeauna în sub-pixeli. Super agravant și va încurca într-adevăr spațiul în altă parte, deoarece rigla va rotunji valorile pentru orice obiect care se află pe sub-pixeli.

Deci, ce ar trebui să faci în loc? Vă recomand să folosiți umbre interioare pentru a trasa linii. Desenați un dreptunghi și dați-i o umbră interioară ca atare:

De ce este mai bine? Acum aveți o zonă de clic mult mai mare, sunteți protejat de temutul subpixel și, cel mai important, îl puteți utiliza ca stil. Imaginați-vă că creați o listă de articole și doriți o linie care separă fiecare articol. În loc de o grămadă de text plus o linie, acum puteți seta caseta de delimitare și îi puteți da o umbră interioară. Cat de tare e asta?!

Notă: Până când Sketch acceptă granițele cu laturi controlabile, am descoperit că umbrele interioare sunt cea mai bună metodă pentru astfel de lucruri.

4. Organizează-ți stilurile și simbolurile

Acesta este ușor. Știați că puteți crea submeniuri de stil și simbol în Sketch? Prin introducerea de slashes în stilul și numele dvs. de simboluri, puteți crea o structură „folder” organizată pentru a găsi lucrurile mai târziu.

Ba chiar alfabetizează lucrurile din submeniul tău pentru tine! Mulțumesc, Schiță!

5. Numește-ți straturile ... Toate

Selectați un obiect de pe tabloul dvs. de artă și aflați această secvență de taste rapide:

Command + Shift + J
Comandă + R

Am înțeles?! Ar trebui să selecteze stratul din lista de straturi, apoi evidențiați numele stratului pentru a vă permite să îl schimbați. ProTip: Utilizați tasta Tab pentru a trece la următorul strat din lista de straturi pentru a redenumi și acesta! Recomand acest plugin de către Rodrigo Soares pentru a redenumi mai multe straturi simultan, pentru a găsi și înlocui și redenumi cu secvențiere!

În imaginea de mai sus, veți vedea că am denumit „Nume” stratul „Jason Burke”. De ce? Ei bine, pentru că asta este. În mod implicit, Sketch va numi stratul în orice text se află în interiorul acestuia, dar a vedea „Jason Burke” într-o listă de potențial sute de straturi nu este deosebit de util pentru mine.

Deci, ce ... nu este o afacere uriașă? Nu chiar, nu. Dar unde devine excepțional util, atunci când poți face astfel de lucruri:

Confesiune: nu am folosit niciodată funcția Căutare pentru a găsi straturi, dar odată ce am început să numesc straturi semantic pentru a descrie ce a fost conținutul și nu ce a spus conținutul, atunci am realizat puterea căutării straturilor.

Un ultim lucru ... curat în timp ce mergeți. După ce ați terminat de proiectat acel element de listă, redenumiți-l! Grupă-l! Dacă te simți sălbatic ... simbolizează-l! Cantități minime de muncă de-a lungul drumului vă vor economisi o tonă de timp pe termen lung.

Nimanui nu-i place să curățească un turn de vase murdare după ce ai petrecut o oră la gătit, așa că fă-ți singur o favoare și curăță în timp ce mergi! Sketching fericit!

Multe dintre imaginile utilizate în acest post au fost preluate direct de la UX Power Tools, pe care le-am proiectat minuțios cu aceste (și alte) tehnici în minte.

Verificați-l la https://www.uxpower.tools și urmați-ne pe Twitter @uxpowertools. Urmărește-mă și pe mine, dacă te-ai distrat: @thejmoore.