Ако трябва да смените икона, която съществува на няколко различни места във вашия файл, какво правите? И тогава какво правите, когато трябва леко да промените цвета, присвоен на икона, която току-що сте прекарали часове, за да поправите цялото оформление?
Можете да направите всички горепосочени промени, като използвате Sketch за нула време. Символите са една от най-мощните функции на Sketch за създаване на големи дизайнерски системи. Днес ще ви науча как да използвате вложени символи по много ефективен начин.
Какво представляват 'вложени символи'?
Вложените символи са обикновени символи, които се създават от други символи, които вече съществуват в Sketch. Звучи като някакъв начало ? Всъщност е така. Но не се притеснявайте - след този кратък урок ще ви бъде изключително лесно да използвате вложени символи и да спестите време.
Разгледайте следния пример. Взех два прости символа и след това ги комбинирах, за да направя още един:
как да изградим рамка
Чрез създаването на нов символ от други символи имам възможността да заменя настройките на оригиналните символи, вложени в новия символ.
какво предизвика дълговата криза в Гърция
Как да създадете вложени символи
Нека създадем горния пример за бутон, за да разберем процеса на създаване на вложени символи.
Стъпка 1: Създайте цветни символи
Нека започнем, като създадем няколко цвята за нашия бутон. Създайте правоъгълник 100px на 100px без граница и добавете синьо запълване към него. Име ЦВЯТ / ОСНОВНО-СИН. Щракнете с десния бутон върху този правоъгълник и изберете „Създаване на символ“. Щракнете двукратно върху правоъгълника, за да преминете към менюто със символи, след което дублирайте целия символ.
Преименувайте копието на ЦВЯТ / ВТОРИЧНО-СИН и променете запълването му в друг цвят. Можете да повторите процеса отново, за да създадете други цветове.
Стъпка 2: Създайте символи на икони
За да създадем нашия вложен символ, ще използваме още един елемент: икони. Процесът е същият като при цветовете: създава се икона и тя се превръща в символ. След това в менюто със символи целият символ с иконата вътре се дублира и получава уникално име.
Важно: Размерът на монтажната плоча на иконата трябва да бъде еднакъв.
Стъпка 3: Създайте бутон с вложени символи
За да създадем вложен символ, ще използваме символите за цвят и икони, които създадохме в стъпки една и две.
каква е работата на финансовия директор
Започнете, като поставите цветния символ върху нов монтаж и го преобразувате във формата на бутон. Добавете малко текст отгоре и поставете символа на иконата отгоре. Сега изберете всички тези слоеве, групирайте ги и ги превърнете в нов символ.
кой от следните признаци би означавал, че екипът е твърде малък?
Това е! Сега можете да използвате замествания на символи, за да направите вашия бутон подходящ по ваш начин с по-малко стъпки.
Стъпка 4 (по избор): Наименувайте слоевете си с емотикони!
За по-голяма яснота можете да използвате емотикони като имена на слоеве. Ако искате да знаете как да го направите, разгледайте предишната ми статия: Използване на Emojis за управление на файлове със скици .
Ето крайния резултат от вложения символ и неговите замествания:
