Сьогодні попрацюємо з Figma як веб-дизайнери.

 

Справа в тому, що по-перше тут можна малювати зображення сайту, моделювати його вигляд та макет.

Для роботи скористаємось готовим шаблоном, який відкриємо за посиланням, зробимо копію для власного використання і відкриємо цю копію.

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

Але що зручно для веб-розробника - це опис всіх цих компонентів через стилі CSS . На панелі Inspect переходимо до  розділу Code і бачимо готовий опис стилів для виділеного елемента. Його можна копіювати і застосовувати до div-ів, завбачливо виокремлених в html-документі



Last modified: Sunday, 27 August 2023, 11:34 AM