Використання Figma та Aspect Image Ratio для створення макету
В рамках засідання гуртка "SMART" учасники познайомились із важливими інструментами для створення дизайнів веб-сторінок та графічних макетів. Цього разу увага була зосереджена на використанні Figma – популярного онлайн-інструменту для дизайну та прототипування, а також на важливості аспектного співвідношення зображень (Aspect Image Ratio) при створенні макетів.
У ході засідання учасники:
Ознайомилися з можливостями Figma, вивчили основні інструменти для створення та редагування графічних елементів, таких як фігури, текстові блоки, лінії, а також як працювати з шарами та групами елементів.
Навчилися використовувати Aspect Image Ratio, що є важливим аспектом дизайну, для збереження правильних пропорцій зображень при їх зміні розміру. Це дозволяє уникнути деформацій і забезпечити естетичний вигляд веб-сторінок та додатків.
Створили макет веб-сторінки, використовуючи принципи сучасного дизайну, включаючи розташування елементів за допомогою сіток і блоків, а також застосування правильних пропорцій для зображень, щоб макет був зручним для користувачів на різних пристроях.
Розглянули принципи адаптивного дизайну, що дозволяють макетам виглядати коректно на різних екранах. Це включає використання відносних розмірів та гнучких сіток для оптимізації вигляду на мобільних пристроях і великих екранах.
Кожен учасник практично застосував отримані знання, створивши макет веб-сторінки, що містить зображення з правильним аспектним співвідношенням і елементи, оформлені за допомогою інструментів Figma.