Модульні сітки в UI

Сітка і дизайн перших книг

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

Photo courtesy of olivia mew(CC No Derivatives)

Епоха ренесансу і гармонійний дизайн

Картини епохи Відродження мали істотний вплив на розвиток систем сіток. Художники прагнули створити ідеальну геометрію, яка привела до центрованих і симетричних макетів полотна, що характеризує творчість художників того періоду.

Photo courtesy of olivia mew(CC No Derivatives)

У XIII столітті французький архітектор Віллар де Оннекур у спробі добитися «гармонійного дизайну» створив схему. Вона об’єднала систему сітки з золотим перетином для створення макетів сторінок з полями на основі фіксованих коефіцієнтів. Ця техніка і досі використовується для створення збалансованих дизайнів, причому більшість дизайнерів друкованих книг і журналів використовують схему Віллара де Оннекура.

Photo courtesy of olivia mew(CC No Derivatives)

Схема Віллара де Оннекура залишається керівним принципом у дизайні друкованих об’єктів, таких як обкладинки книг. Вона показує, як знайти баланс, щоб створити елегантний вигляд.

Сітка і поліграфія

З початку книгодрукування (середина XV століття) до промислової революції (кінець XVIII століття) книга була основним друкованим продуктом. За рідкісними винятками шрифт зазвичай встановлювався в одну вирівняну колонку на сторінку і розміщувався симетрично.

Photo courtesy of olivia mew(CC No Derivatives)

Промислова революція і боротьба за увагу

Промислова революція ознаменувала початок масового виробництва. Зростання числа друкованих продуктів, таких як газети, плакати, листівки і реклама всіх видів, зробив дизайнерів друку затребуваними. Дизайнерам доводилося вирішувати дві проблеми: передавати різноманітні повідомлення різним групам людей і зберігати природну поведінку при читанні, а також не допустити конкуренції різних розділів за увагу читача.

Photo courtesy of olivia mew(CC No Derivatives)

Швейцарська школа

Сітка, як ми її знаємо сьогодні, пов’язана зі швейцарською типографією. Під час Першої світової війни Швейцарія зберігала нейтралітет, вона стала місцем зустрічі творчих людей зі всієї Європи. Оскільки друковані публікації повинні були видаватися трьома офіційними мовами (німецькою, французькою та італійською), дизайнери потребували нової системи сітки, яка дозволяла б це робити. Друкарі, такі як Ян Чіхольд і Герберт Баєр, звернулися до модульного підходу. Вперше як динамічний компонент у дизайні макетів був використаний порожній простір, що призвело до розробки складних систем сіток.

Photo courtesy of olivia mew(CC No Derivatives)
Source — designtalk.club

Як побудувати карту досвіду взаємодії

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

Дизайн мобільних додатків

Дизайн мобільних додатків відіграє важливу роль у створенні сервісу. Функціональність і корисність – це головне для користувачів, але якщо дизайн не залучає або навіть ускладн ...

Тестування досвіду користувача

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

Що таке цільова аудиторія, методи та методи її визначення

Будь-який проект починається з визначення цільової аудиторії (ЦА), тому що жоден бізнес не зможе існувати без розуміння своїх споживачів, їхніх проблем та інтересів. Важливо в ...

Як зібрати мудборд. І навіщо він взагалі потрібний.

Ми зібрали поради, які допоможуть дизайнеру чи ілюстратору скласти зручний мудборд.