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

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

Домашка

  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 або «Викидаємо все зайве»

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

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

«Hі напівмірам» або «Підсилюй!»

Працює в обидва боки.