Посилання та матеріали

Доступний дизайн:

Домашка

  1. В тому ж проєкті створіть сторінку Banner, p. II
  2. На цій новій сторінці переробіть той самий банер та його варіації, використовуючи нові знання (спрощений схематичний приклад; дивіться другу сторінку!):

https://www.figma.com/embed?embed_host=notion&url=https%3A%2F%2Fwww.figma.com%2Ffile%2Fiu9ggiHo5a27yk5Q5yTHdJ%2FBanner-Valeriia-Panina%3Fnode-id%3D1%253A2

  1. Коли все наче готово, пройдіться пам'яткою та чеклістом нижче. Це додаткові 10-15 хвилин. Особливо перевірте момент з ґаґ контентс та фіксед від/хайт — нижче є скрішоти та опис що-навіщо. Надалі, робіть аналогічну перевірку. Не по пам'яті, а за чеклістом.

<aside> 💻 Результат: Перероблені банери в тому ж самому дизайні + за бажанням, варіації з іншими параметрами (ймовірно, доведеться створити нові компоненти та/або стилі).

За бажанням, зробіть ще декілька варіацій свого банера (скажімо, вечеря чи відпустка; можливо, буде потрібно створити нові компоненти, стилі і групи стилів).

</aside>

Пам‘ятка. Важливі дизайнерські правила

Less is more або “Без зайвого”

Отже, дизайн зроблено. Прискіпливо роздивіться кожен елемент — обводку, додатковий колір, додатковий шрифт, тінь тощо — і поставте до себе питання: «Якщо я його приберу, чи збережеться “настрій” чи ідея мого дизайну без цього елементу?». Якщо збережеться, то сміливо його прибирайте.

Наприклад, якщо у вас ідея — це інгредієнти, плашки яких створюють градієнт (перший інгредієнт — зелений, другий — жовто-зелений, третій — жовтий), то прибрати інші кольори не варіант, бо один колір градієнт не створить. А ось якщо ви використали просто два ну дуже схожі жовто-зелені кольори, то краще залишити з них один.

Підсилити — або прибрати