5 порад щодо використання сітки в дизайні UX/UI
- Сплануйте, як сітка пов’язана зі своїм контейнером. …
- Не просто проектуйте за допомогою сітки — створюйте сітку. …
- Завжди починайте та закінчуйте елементи в полі сітки, а не в жолобі. …
- Не забудьте про вирівнювання базової лінії. …
- Розгляньте можливість використання сітки 8 пунктів для дизайну UX/UI.
У візуальному дизайні — сітка допомагає вирівняти елементи екрана на основі послідовних стовпців і рядків. Подібно до створення карти, ви застосовуєте структуру сітки на основі стовпців, щоб керувати своїм дизайном, послідовно структуруючи текст, зображення та функції по всьому ньому, щоб вони могли бути миттєво впізнаваними в іншому місці.
Щоб застосувати сітку макета:
- Виберіть рамку на полотні або панелі шарів на лівій бічній панелі:
- Клацніть поруч із сітками макета на правій бічній панелі:
- За замовчуванням до кадру буде застосовано рівномірну сітку:
- Потім ви можете клацнути, щоб відкрити налаштування сітки макета та оновити будь-які властивості:
Легендарний графічний дизайнер Йозеф Мюллер-Брокман розсунув межі за допомогою крутих поворотних і модульних макетів. Він поділився своєю мудрістю про сітки в класичній книзі «Грід-системи в графічному дизайні». Інші артистичні бунтівники, такі як Массімо Віньеллі та Вім Кроуель, створювали сміливі графічні проекти, граючи з абстрактними системами сіток.
Ось як:
- Відкрийте документ в InDesign.
- Перейдіть до «Макет» > «Створити напрямні».
- Встановіть кількість рядків і стовпців разом із відповідними жолобами. …
- Натисніть OK, щоб застосувати сітку.
- За бажанням ви можете налаштувати кожну частину сітки, клацнувши вертикальну або горизонтальну лінію, а потім перетягнувши її в нове положення.