Як використовувати булеву формулу в Figma

Figma відома як одна з найкращих програм для графічних дизайнерів у всьому світі. Його функції є всеохоплюючими, допомагаючи користувачам створювати будь-що: від привабливих логотипів до унікальних цільових сторінок. Примітно, що функція Boolean (також частина оновлення властивостей компонента у 2002 році) дозволяє створювати власні форми, об’єднуючи їхні шари за допомогою кількох формул.

Тут ви дізнаєтесь, як використовувати булеві функції у своєму наступному дизайні.

Параметри логічної формули для настроюваних фігур

Перш ніж створювати власну форму, вам потрібно знати, як працюють булеві формули та чого вони досягають. Щоразу, коли ви створюєте логічну групу, вона вважатиметься одним шаром фігури з властивостями заливки та обведення.

Логічну піктограму з двома накладеними квадратами можна знайти на верхній панелі інтерфейсу. Ви матимете чотири параметри формули зі спадного меню, коли ви натиснете на нього.

Ці варіанти формул включають:

• Об’єднане виділення – цей параметр перетворює вибрані фігури на логічну групу. Під час використання об’єднання контури зовнішньої підфігури формуватимуть контур нової спеціальної фігури. Однак він не включатиме жоден із внутрішніх сегментів, що перекриваються.
• Відняти виділення – корисно вважати, що цей параметр протилежний об’єднанню. Він видаляє всю область фігури з основної форми. Це залишає видимим лише нижній шар.
• Вибір перетину – за допомогою вибору перетину користувачі можуть створювати настроювану форму, що складається лише з сегментів оригінальних фігур або підшарів, що перекриваються.
• Виключити виділення – функції виключення є п��отилежністю опції перетину логічної групи. Його використання дасть вам власну форму з неперекриваючих частин оригінальних форм.

Пам’ятайте, що вам потрібно буде вибрати дві або більше фігур, перш ніж ви зможете ефективно використовувати параметр Boolean у верхньому меню. Це пов’язано з тим, що Boolean об’єднує лише кілька шарів фігури в одну складну форму.

Використання властивості заміни екземпляра Figma

Коли Figma оголосила про оновлення властивостей компонентів у 2022 році, логічний вибір був лише однією з багатьох нових доступних функцій. Суть оновлення компонентів полягає в тому, щоб допомогти вам ефективно створювати шаблони варіантів, а не копатися в незрозумілих варіантах.

Хоча Boolean є важливою частиною цього, користувачі також можуть використовувати властивість обміну екземплярів. Ось як це зробити:

1. Виберіть елемент свого дизайну.
   
2. Перейдіть до меню заміни екземплярів у правій частині інтерфейсу та натисніть на нього. На значку зображений ромб зі стрілою.
   
3. Назвіть властивість, як-от «значок» у спливаючому меню, і встановіть, наприклад, галочку.
   
4. Виберіть «Створити властивість». Потім Figma позначить властивість компонента там, де спочатку було меню обміну.
   
5. Створіть копію свого дизайну, виділивши його та використовуючи команду CTRL + C. Потім встановіть екземпляри поруч.
   
6. Виберіть новий значок у меню властивостей позначеного компонента, клацнувши його. Це автоматично змінить елемент екземпляра.

Функція заміни екземплярів — це все про зручність. Використовуючи параметр заміни екземплярів, ви оптимізуєте процес проектування, одночасно швидко перемикаючи варіації (екземпляри) пліч-о-пліч.

Використання опції властивості тексту для легкого внесення змін до екземпляра

Припустімо, ви розробляєте кнопку із закликом до дії для цільової сторінки. У вас є дві варіації поруч, і ви використали властивість заміни екземпляра для перегляду різних значків. Однак формулювання є ще одним елементом, який слід враховувати.

Зазвичай, щоб завершити процес, вам потрібно перетасувати розділ шарів. За допомогою властивості текстового компонента ви можете переглядати та змінювати це на бічній панелі. Ось як ви можете використовувати властивість тексту в своїх інтересах:

1. Виберіть текстовий елемент на вашому дизайні.
   
2. Дайте своєму елементу назву, наприклад «текст» і значення «кнопка», перш ніж натиснути «Створити властивість».
   
3. Потім ви зможете змінити текст і поекспериментувати з формулюванням свого заклику до дії.

Властивість text зручно використовувати разом із опціями заміни екземплярів і логічними параметрами.

Як використовувати властивості варіантів на Figma

Завдяки новим оновленням компонентів на Figma ви можете створювати кілька варіантів і керувати ними з правої бічної панелі. Це допоможе вам ефективніше змінювати текст і піктограми. Ви також можете контролювати інші аспекти дизайну свого варіанту. Давайте подивимося, як це зробити:

1. Виберіть свій дизайн і натисніть «Додати варіант» у верхній панелі. Утримуйте ліворуч, натисніть свій дизайн і перетягніть варіант поруч із ним.
   
2. Ви помітите, як властивість другого варіанту з’явиться на правій бічній панелі. Змініть властивість на «button», а значення поруч із нею на «red».
   
3. Тепер ці властивості позначатимуть ваш варіант. Якщо ви виберете оригінальний дизайн, ви помітите, що значення знову змінено на «за замовчуванням».
   

поширені запитання

Чи можу я створювати логотипи за допомогою параметра Boolean?

Технічно властивість Boolean дозволяє об’єднувати кілька фігур, використовуючи їхні шляхи. Хоча це може бути спосіб створення простих логотипів, варіанти обмежені простими формами, як-от еліпси. Натомість найкраще використовувати інструмент «Перо» для таких речей, як створення логотипу. Ви все ще можете використовувати інші оновлення компонентів, щоб полегшити процес шарування.

Чи можу я змінити шрифт за допомогою параметра властивості текстового компонента?

На жаль ні. Властивість компонента text дозволяє змінювати текст, а не шрифт. Однак ви все одно можете вибрати текст і знайти відповідний шрифт на правій бічній панелі.

У яких прикладах дизайну мені потрібно буде використовувати наведені вище властивості компонента?

Вам не потрібно використовувати властивості компонентів для варіантів. Однак це значно полегшує та прискорює процес проектування. Прикладами є кнопки, які вимагають різних кольорів, переважно схожих зі зміною лише одного компонента, або невеликі варіанти форми цільової сторінки. Вони також корисні для створення двох дизайнів і вибору найкращого.

Оптимізуйте свій процес проектування за допомогою властивостей компонентів на Figma

За допомогою таких параметрів, як Boolean, ви можете створювати нові власні форми з комбінації старих. Це робиться за допомогою верхньої бічної панелі з чотирма варіантами формул. До них належать об’єднання, віднімання, перетин і виключення. Так само ви можете використовувати інші параметри властивостей компонента, такі як властивість тексту та заміна екземплярів. Це спрощує створення варіантів із різними компонентами. Зрештою, використання властивостей компонентів допомагає оптимізувати процес проектування.

Які складні фігури ви зробили, використовуючи логічний параметр? Вам теж було легко використовувати параметри властивостей компонентів? Повідомте нам у розділі коментарів нижче.