Негативний простір в UI дизайні: як правильно використовувати?

Продовжуємо говорити про типи “негативного простору” та те, як найкраще його використовувати у своєму дизайні.

Попередню частину читайте тут!

Типи негативного простору

Минулого разу ми розповіли, про переваги негативного простору, тепер перейдемо до практики. Існує кілька видів негативного простору, які ви можете використати:

1. Макропростір

Це простір між різними елементами. Він допомагає побудувати ієрархію та забезпечити належний потік на сайті.

2. Мікропростір

Мікропростір – це малі прогалини між елементами. Ми можемо використовувати їх для підвищення ясності та прозорості макета.

3. Активний простір

Огортання об’єктів негативним простором, привертає увагу користувачів до них, збільшуючи їх видимість, а також поінформованість користувачів.

4. Пасивний простір

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

Найкращі практики негативного простору

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

Лендинг Oculus – гарний приклад того, як продати товар без надмірної інформації. Все, що потрібно, це переконлива фотографія, заклик до дії (call to action) та достатній простір між елементами.

Бренд одягу ETQ. Доводить, що простота продає. Зменшення безладдя та непотрібної інформації залучають увагу користувачів до продуктів.

І в той же час, якість бренду передається через дизайн.

Блог Invision – чудовий приклад використання правильної комбінації копірайту, фотографії та закликів до дій, щоб заохотити відвідувачів прочитати публікацію блогу.

Може здатися, що у цих проектах немає нічого революційного. Але, в той же час, ви можете відчути різницю між ними та іншими веб-сайтами з надто великим контентом.

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

Використовуйте , щоб створити візуальну ієрархію елементів інтерфейсу користувача, так що ваш продукт завжди забезпечував чудовий досвід.

За матеріалами medium.muz.li

Вам сподобалося?

Читайте щотижня наші кращі статі про дизайн!

email рассылки

Корисна розсилка!

Все найцікавіше про дизайн і дизайнерів!
А ще свіжі вакансії і трішки гумору)

Ваш email:
email рассылки
Позначки:

Залишити відповідь