Композиція та макет

контраст

фільтр

ритм

баланс

центр уваги

макет

попередній ескіз або план того, якою буде кінцева візуалізація проекту чи зображення. 

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

важливий етап у процесі створення будь-якої візуальної роботи.Макет може бути намальований олівцем на папері чи створений на цифровому пристрої у графічних редакторах або інших спеціалізованих програмах для макетування.

мова дизайну, де кожен елемент має значення, а їхня взаємодія розповідає історію. 

план

сцена

макет

композиція

дизайн

Планування композиції

Визначення пропорцій:

Вибір кольорової схеми

Перевірка концепції

Тестування інтерфейсів

Координація роботи команди

Ескізи

Низькодеталізовані макети 

Середньодеталізовані макети 

Високодеталізовані макети 

верхня частина сайту

центральна область сторінки

нижня частина сторінки

додатковий простір 

Макет в одну колонку 

Розклад карток

Макет у дві колонки 

Макет асиметричний 

перевірка концепції

визначення пропорцій

планування композиції

вибір кольорової схеми

координація роботи команди

тестування інтерфейсів

відео

логотип

зображення

юридичну інформацію 

Тексти

Важливо розміщувати вгорі або в центрі.

Пов'язані об'єкти тримайте поруч один з одним.

Текст не повинен розміщуватися надто близько до країв сторінки.

Між блоками обов'язково має бути вільний відступ.

Сітка допомагає акуратно розмістити текст та картинки. 

базові чорно-білі схеми, що зосереджуються на структурі та функціональності, а не на зовнішньому вигляді. У них замість реальних картинок і текстів використовують «заповнювачі» (плейсхолдери), а саме перекреслені прямокутники.

найшвидші та найпростіші нариси ідеї. Вони часто виконуються від руки олівцем на папері та допомагають зафіксувати концепцію на ранньому етапі.

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

контраст

центр уваги

ритм

баланс