Негативни празнини, релативно големини и уште многу нови можности

Кога Sketch ги воведе стоговите (stacks), тоа беше пресвртница во начинот на кој работи распоредот во овој популарнен дизајн алат. Со новото издание, наречено Florence, тимот на Sketch ги проширува можностите на стоговите, носејќи збир на подобрувања кои ги прават уште пофлексибилни и покорисни во најразлични сценарија. Иако ниту една од овие новини не е толку револуционерна како самите стогови, заедно тие претставуваат значителен исчекор напред – една многу поспособна алатка за распоред.

Еве што сè можете да правите со стоговите во Florence.

Преклопувајте елементи со негативни празнини

Најголемата новина – вредностите на празнините (gap) сега можат да бидат помали од нула. Ова беше едно од најчесто бараните подобрувања од страна на корисниците и е клучно за дизајни како преклопувачки картички.

Негативните празнини функционираат и на вкрстената оска кога стогот е поставен да се обвиткува (wrap), отворајќи нови можности за ефекти кај мрежи (grids) и плочести распореди (tiled layouts). Нема ограничување за тоа колку негативна може да биде празнината, што ви дава целосна слобода да го поставите стогот токму онака како што сакате. Ако ја доведете празнината до крајност, елементите можат да се обвиткаат еден околу друг и да излезат надвор од границите на стогот – ова е намерно, а ако сте стигнале дотаму, веројатно знаете што правите.

Изберете како елементите се преклопуваат

Стандардно, првиот елемент во списокот на слоеви во стогот се прикажува над оние под него. Но, сега кога негативните празнини овозможуваат преклопување, дојде време и редоследот на слоевите да може лесно да се менува. Отворете го новиот панел за поставки на стогот (достижен преку иконата до заглавието Stack во инспекторот) и изберете помеѓу:

• First on top (стандардно, како што стоговите отсекогаш работеле) – првиот елемент е најгоре

• Last on top – последниот елемент во списокот на слоеви доаѓа на преден план

Ова влијае само на визуелниот редослед на слоевите на платното – не го допира нивниот редослед во списокот на слоеви.

Дајте им релативно големина на елементите во стогот

Елементите во стогот сега можат да добијат релативна големина, што дополнително го олеснува создавањето сложени распореди кои предвидливо се прилагодуваат. За разлика од релативното големини надвор од стоговите, ова се поставува како процент, не како апсолутна вредност.

Елементите со релативна големина ќе го пополнат преостанатиот простор во стогот (вкупната големина на стогот минума елементите со фиксна големина), во однос на нивниот процентуален износ.

Пример: Ако имате хоризонтален стог широк 100 точки, со еден фиксен елемент од 50 точки и два елемента од по 50%, тие два елемента ќе завршат со по 25 точки ширина – 50% од преостанатите 50 точки откако фиксниот елемент ќе го земе својот дел.

Кога влечете релативен слој од не-стог во стог, тој ќе ја задржи својата релативна големина – автоматски му се доделува процент врз основа на претходната големина на слојот и големината на стогот. Слично, кога влечете релативен слој надвор од стог, тој ќе ја задржи својата големина од стогот.

Поставете минимални и максимални големини

Сега можете да дадете минимална и максимална големина на стоговите и на нивните елементи, по оска. Новото копче за ова ќе го најдете до опциите за големина во инспекторот, а ќе можете да го вклучите само ако барем една оска има не-фиксна големина.

Ако го исклучите мини/макси големината, сите внесени вредности ќе бидат избришани. Но, ако се префрлите на режим на големина кој не ја поддржува оваа функција, вредностите ќе останат зачувани – само скриени – и повторно ќе се појават кога ќе се вратите назад.

Важно е да се напомене дека се поддржани само апсолутни мини/макси вредности, не проценти. Дополнително, кога максималната големина го ограничува елементот по вкрстената оска на стогот, можете да ги користите контролите за порамнување на врвот на инспекторот за да одлучите како тој елемент ќе се порамни во дополнителниот простор. Ако не поставите ниедна, се враќа на стандардното вкрстено-оскно порамнување на самиот стог.

Овие подобрувања на стоговите во Florence изданието на Sketch носат значително поголема флексибилност и контрола при креирањето распореди. Без разлика дали дизајнирате преклопувачки карди, комплексни мрежи или распореди кои треба да се прилагодуваат предвидливо – новите опции за негативни празнини, релативно големини и мини/макси ограничувања ви даваат алатки кои досега ги немавте.

Оваа статија е инспирирана од оригиналниот напис „Negative gaps, min/max sizing, and much more: What’s new in stacks?“ објавен на официјалниот блог на Sketch. Florence е најновото издание на Sketch, достапно за сите корисници.

Извор: Negative gaps, min/max sizing, and much more: What’s new in stacks? - Sketch Blog