Ръководства за скициране

5 начина да запазите чистата кухня в чистота

Вижте колко хубаво е яденето на това ястие във вътрешната му граница! Толкова свежо! Толкова чисто!

Отказ от отговорност: Току-що ядох, така че храната ми е на ум. Просто се търкаля с мен.

Ако гледате The Travel Channel или The Food Network колкото и аз, ще видите много невероятни кухни от най-добрите ресторанти по света. Нещо, което всички имат общо? Стилно чисти кухни.

Кухня толкова чиста, че оставят патроните да гледат!

Ресторанти като The Alinea в Чикаго приемат почистването им много сериозно, а доказателството е в пудинга им (макар да се съмнявам, че ресторант с 3 звезди Michelin сервира пудинг). Ето какво каза някой относно ритуала за почистване на кухня Alinea:

Почистихме поне 4 пъти през 9 до 10 часа, че бях там [на посещение]. Четири големи почиства и много по-малки почиства. Добавете това към непрекъснато почистване на линиите и вакуумиране на всеки 20 минути. Станцията на всеки беше безупречна и ако тя беше по-малко от перфектна, готвачът със сигурност щеше да помита, да те скара и да го оправи. Беше благоприятно да се работи чисто, да има такава чиста околна среда. Всичко беше лъскаво, никъде нямаше кухненска мръсотия. Цялото оборудване - охладителите, долният рафт на подготвената маса, дъното на тенджерите и тиганите, дъната на тиганите на хотела, гърбовете на оборудването, рафтовете под линията, прозорците - всичко беше чисто. Това беше кухня, в която всяка повърхност беше достатъчно чиста, за да яде. (повече тук)

Колкото по-чиста е вашата кухня, толкова по-добър ще бъде вашият продукт. Ето няколко препоръки за избягване на „кухненската мръсотия“ в дизайна на вашия Sketch, така че да останете ефективни, а вашите резултати да бъдат излъскани:

1. Придържайте се към основна мрежа

Няма да ви кажа да използвате конкретен размер, стига да го придържате. Аз лично предпочитам 8px базова линия, тъй като тя играе добре с различни типографски стандарти и има повече разделители (1, 2, 4, 8px) срещу (1, 5, 10px), но знам, че 10px базовите мрежи са популярни, тъй като всички дизайни приложенията се доставят с Shift + ← като 10px. Затова използвайте каквото и да ви плува. Можете да използвате Nudg.it, за да промените стандартното разстояние Shift + ←, за да си спестите време. Това прави чудеса, когато проектирате в стил като Google Material Design, който работи на 8px мрежа.

Придържането към решетка ще направи разстоянието между компонентите лек и ще осигури перфектен визуален ритъм. Той премахва предположенията, когато се разделят компоненти, тъй като разстоянията трябва да са кратни на основната стойност на мрежата. Като бонус, вашите разработчици ще ви харесат, защото най-вероятно ще работят с рамка за оформление, която се придържа към мрежова система.

2. Използвайте кутии за ограничаване

След като настроите основната си решетка, е невероятно полезно да използвате ограничаващи кутии, за да поддържате обектите в артборда си последователно организирани и разположени. На изображението по-долу използвам ограничаващи полета за всеки елемент от раздели и всъщност не е необходимо да поставям интервал между групите с раздели. Разстоянието е вградено в ограничаващото поле, така че всеки раздел е притиснат към този до него. Използването на плъгин като бутона на Relabel на Кен Мур ще ви позволи да създавате равномерно разположени раздели като този за секунди.

Освен това обектите с ограничаващи полета имат по-големи площи за щракване и ви позволяват да използвате неща като вътрешни сенки като разделители или маркери. Което ни води до ...

3. Никога не използвайте линии за разделители

Докато сме по темата за размерите на площта за щракване, можем ли да говорим за това колко е трудно да вземете линеен сегмент ?! Сякаш Sketch казва: „Знаем, че има 2 милиона пиксела на екрана, но трябва да кликнете само на този. Не че о… не… не… ноу… бадемо… прикован аз… не. ​​“

Второ, дори да изберете опцията Fit to Pixel в Предпочитания за скица, преместването с оразмеряване на линията винаги ще я поставя на подпиксели. Супер утежняващо и наистина ще обърка разстоянието си другаде, защото владетелят ще закръгли стойности за всеки обект, който седи на подпиксели.

И така, какво да правите вместо това? Препоръчвам да използвате вътрешни сенки, за да нарисувате линии. Начертайте правоъгълник и му придайте вътрешна сянка така:

Защо това е по-добре? Сега имате много по-голяма зона за щракване, защитен сте от страховития субпиксел и най-важното - можете да го използвате като стил. Представете си, че създавате списък с елементи и искате ред, разделящ всеки елемент. Вместо куп текст плюс ред, сега можете да зададете ограничителното си поле и да му дадете вътрешна сянка. Колко е готино ?!

Забележка: Докато Sketch поддържа граници с контролируеми страни, аз открих, че вътрешните сенки са най-добрият метод за такива неща.

4. Организирайте вашите стилове и символи

Този е лесен. Знаете ли, че можете да създадете подменютата за стил и символи в Sketch? Слагайки наклонени черти във вашия стил и имена на символи, можете да създадете организирана структура на папка за намиране на неща по-късно.

Дори азбукира нещата в подменюто за вас! Благодаря, скица!

5. Назовете своите слоеве ... Всички от тях

Изберете обект от дъската и научете тази последователност от бързи клавиши:

Command + Shift + J
Команда + R

Схванах го?! Той трябва да избере слоя в списъка с вашите слоеве, след което да подчертае името на слоя, за да ви позволи да го промените. ProTip: Използвайте клавиша Tab, за да преминете към следващия слой в списъка със слоевете, за да преименувате и този! Препоръчвам този плъгин от Rodrigo Soares за преименуване на няколко слоя наведнъж, намиране и замяна и преименуване с последователност!

На екрана по-горе ще видите, че аз нарекох слоя „Джейсън Бърк“ „Име“. Защо? Ами защото това е това. По подразбиране Sketch ще назове слоя към какъвто и да е текст вътре в него, но виждането на „Джейсън Бърк“ в списък с потенциално стотици слоеве не е особено полезно за мен.

И така ... това не е огромна сделка? Всъщност не. Но когато стане изключително полезно е, когато можете да правите такива неща:

Изповед: Аз никога не използвах функцията за търсене, за да намеря слоеве, но след като започнах да назовавам слоеве семантично, за да опиша какво е съдържанието, а не какво казва съдържанието, тогава осъзнах силата на търсенето на слоевете.

И последно нещо… чисти, докато вървиш. Когато приключите с проектирането на този елемент от списъка, го преименувайте! Групирайте го! Ако се чувствате диви ... символизирайте го! Малко количество работа по пътя ще ви спести един тон време в дългосрочен план.

Никой не обича да почиствате кула от мръсни съдове, след като прекарате час за готвене на вечеря, така че направете си услуга и почистете, докато отидете! Честита скица!

Много от изображенията, използвани в тази публикация, са направени директно от UX Power Tools, които ние щателно проектирахме с тези (и други) техники в ума.

Вижте го на https://www.uxpower.tools и ни следвайте в Twitter @uxpowertools. Следвайте и мен, ако се забавлявахте: @thejmoore.