Visandõpetused

5 viisi, kuidas oma visandikööki puhtana hoida

Vaadake, kui kenasti see söögikord on selle piirdekarpi sisse rühmitatud! Nii värske! Nii puhas!

Kohustustest loobumine: ma lihtsalt sõin, nii et toit on mul meeles. Lihtsalt veeretage minuga.

Kui vaatate reisikanalit või toiduvõrgustikku sama palju kui mina, siis olete näinud palju hämmastavaid kööke maailma tipprestoranidest. Midagi on neil kõigil ühist? Läikiv-puhas köök.

Köök on nii puhas, et nad lasevad patroonidel valvata!

Selliste restoranide nagu The Alinea Chicagos võtavad koristamist väga tõsiselt ja tõestusmaterjal on nende pudingus (kuigi ma kahtlen, kas 3-Michelini tärniga restoran pakub pudingit). Keegi ütles Alinea köögi puhastamise rituaali kohta järgmist:

Koristasime 9–10 tunni jooksul vähemalt 4 korda, et ma seal käisin. Neli suurt kõik puhastavad ja arvukalt väiksemaid puhastab. Lisage see pidevale reavahetusele ja tolmuimejaga iga 20 minuti järel. Kõigi jaam oli täpike ja kui see polnud vähem kui täiuslik, pühkis peakokk kindlasti üle, pühkis teid ja parandas seda. See oli puhas keskkonnas töötamine soodne. Kõik oli läikiv, kusagil polnud 'köögitooni'. Kogu varustus - jahutid, alumine riiul ettevalmistamislaual, pottide ja pannide põhi, hotellipannide põhjad, varustuse tagaküljed, riiulid joone all, aknad - kõik oli puhas. See oli köök, mille pind oli piisavalt puhas, et sellest mitte midagi maha süüa. (rohkem siin)

Mida puhtam on teie köök, seda parem on teie toode. Siin on paar soovitust, kuidas vältida visandikujundustes “köögi saastumist”, et säilitada tõhusus ja teie tarnitavad materjalid poleeritud:

1. Pange kinni baasvõrgust

Ma ei ütle teile, et kasutaksite mõnda konkreetset suurust, niikaua kui te sellest kinni peate. Ma isiklikult eelistan 8-pikslist lähtejoone ruudustikku, kuna see mängib kenasti erinevaid tüpograafilisi standardeid ja sellel on rohkem jagajaid (1, 2, 4, 8 pikslit) võrreldes (1, 5, 10 pikslit), kuid ma tean, et 10 piksli põhivõrgud on populaarsed, kuna kogu disain rakendused tarnitakse koos tõstuklahviga Shift + ← kui 10 pikslit. Nii et kasutage mida iganes teie puksiir hõljub. Aja säästmiseks saate Nudg.it-i abil muuta vaikimisi Shift + ← kaugust. See teeb imesid, kui kavandate sellises stiilis nagu Google'i materjalikujundus, mis töötab 8 piksline ruudustik.

Võrgu külge kleepimine muudab komponentide vahekaugused imelihtsaks ja tagab täiusliku visuaalse rütmi. See eemaldab arvamise komponentide eraldamisel, kuna vahemaad peavad olema teie baasvõrgu väärtuse kordajad. Boonusena armastavad teie arendajad teid, kuna nad töötavad tõenäoliselt võrgusüsteemiga kleepuva paigutuse raamistikuga.

2. Kasutage piirdekaste

Kui olete lähtejoone ruudustiku määranud, on uskumatult kasulik kasutada piirdekaste, et hoida oma artboardil olevaid objekte järjepidevalt korrastatud ja paigutatud. Alloleval pildil kasutan iga vahelehe üksuse jaoks piirdekaste ja tegelikult ei pea vahekaardirühmade vahele tühikut panema. Vahed on sisse seatud piirdekasti, nii et iga vahekaart on tihedalt vastu selle kõrval olevat. Pistikprogrammi, näiteks Ken Moore'i nupu Relabel Button abil saate luua sekunditega sarnased vahekaardid.

Lisaks on piirdekastidega objektidel suuremad klõpsualad ja need võimaldavad teil kasutada jagajate või esiletõstjatena näiteks sisemisi varje. Mis viib meid ...

3. Ärge kunagi kasutage eraldusjooni

Kui meil on klõpsualade suuruse teema, kas saame rääkida sellest, kui keeruline on rea segmenti haarata ?! See on nagu Sketch ütleb: "Me teame, et ekraanil on 2 miljonit pikslit, kuid peate klõpsama just sellel. Mitte see, et o… kiire… kiire… almos… löödud ma… kiire. ”

Teiseks, isegi kui valite jaotises Sketch Preferences suvandi Fit to Pixel (Fit to Pixel), asetab joone suuruse muutmine selle alati alampikslitele. Ülimalt raskendav ja see segab teie vahemaad mujal, sest joonlaud ümardab kõigi alampikslites asuva objekti väärtused ülespoole.

Mida peaksite selle asemel tegema? Ma soovitan joonte joonistamiseks kasutada sisemisi varje. Joonistage ristkülik ja andke sellele sisemine vari järgmiselt:

Miks see parem on? Nüüd on teil palju suurem klõpsuala, olete kaitstud kardetud alampiksli eest ja mis kõige tähtsam - saate seda stiilina kasutada. Kujutage ette, et loote üksuste loendi ja soovite iga elemendi eraldava rea. Tekstihunniku ja rea ​​asemel saate nüüd piirdekasti seada ja sellele sisemise varju anda. Kui lahe see on?!

Märkus. Kuni eskiis toetab kontrollitavate külgedega ääriseid, olen leidnud, et sisemised varjud on parim viis selliste asjade jaoks.

4. Korraldage oma stiilid ja sümbolid

See on lihtne. Kas teadsite, et saate visandis luua stiili ja sümbolite alammenüüsid? Kaldkriipsude lisamisega oma stiili- ja sümbolinimedesse saate luua organiseeritud kaustade struktuuri, et hiljem asju leida.

See isegi tähestikulises järjekorras teie alammenüü asju! Tänud, visand!

5. Pange oma kihtidele nimi ... Kõik need

Valige artboardil objekt ja õppige seda kiirklahvide järjestust:

Käsklus + tõstuklahv + J
Käsk + R

Sain aru?! See peaks valima kihti oma kihtide loendist ja tõstma seejärel kihi nime esile, et saaksite seda muuta. ProTip: Kasutage klahvi Tab, et liikuda oma kihtide loendis järgmisele kihile, et ka see kiht ümber nimetada! Soovitan seda pistikprogrammi autor: Rodrigo Soares, et nimetada mitu kihti korraga, otsida ja asendada ning järjestamisega ümber nimetada!

Ülaltoodud ekraanipildil näete, et olen nimetanud kihi “Jason Burke” nimeks “Nimi”. Miks? Noh, sest just nii see on. Vaikimisi nimetab Sketch kihi sellele, mis teksti sellel on, kuid potentsiaalselt sadade kihtide loetelus Jason Burke'i nägemine pole minu jaoks eriti kasulik.

Mis siis… see pole suur tehing? Mitte päriselt, ei. Kuid kui see osutub erakordselt kasulikuks, siis saate teha järgmisi asju:

Tunnistamine: Ma ei kasutanud kihtide leidmiseks kunagi otsimisfunktsiooni, kuid kui ma hakkasin kihte semantiliselt nimetama, et kirjeldada sisu sisu, mitte sisu sisu, siis mõistsin kihtide otsimise võimet.

Viimane asi ... puhas, kui lähed. Kui olete selle loendiüksuse kujundamise lõpetanud, nimetage see ümber! Rühmitage see! Kui tunnete end metsikuna, sümboliseerige seda! Pisikese aja jooksul säästavad väikesed tööd, säästes tonni aega.

Kellelegi ei meeldi määrdunud roogade torni puhastamine pärast tund õhtusöögi keetmist, nii et tehke endale teene ja tehke oma käe all puhtaks! Head visandit!

Paljud selles postituses kasutatud pildid on tehtud otse UX-i tööriistadest, mida oleme neid (ja muid) tehnikaid hoolikalt kavandades kavandanud.

Vaadake seda aadressil https://www.uxpower.tools ja jälgige meid Twitteris @uxpowertools. Jälgige mind ka siis, kui teil oleks meelelahutust: @thejmoore.