В основу швейцарского стиля были заложены четыре главных принципа: простота и функциональность, наличие свободного пространства, ассиметричная расстановка блоков и читаемость. На эти правила мы опираемся до сих пор.
・Первым опытом применения сетки в книжном деле стала разработанная Максом Биллом система для книги Die Neue Architektur. Новшество состояло в делении страницы на девять горизонтальных модулей, которые позволяли свободно размещать иллюстрации и текст.
・В 1959 году дизайнер Вилли Флекхауз создал вариант 12-колоночной сетки по заказу журнала Twen. А чуть позже его коллега Карл Герстнер разработал радикально усложнённый макет для Capital — его сетка предоставила дизайнерам возможность выбора между двумя, тремя, четырьмя, пятью и шестью колонками.
#модульные_сетки
・Первым опытом применения сетки в книжном деле стала разработанная Максом Биллом система для книги Die Neue Architektur. Новшество состояло в делении страницы на девять горизонтальных модулей, которые позволяли свободно размещать иллюстрации и текст.
・В 1959 году дизайнер Вилли Флекхауз создал вариант 12-колоночной сетки по заказу журнала Twen. А чуть позже его коллега Карл Герстнер разработал радикально усложнённый макет для Capital — его сетка предоставила дизайнерам возможность выбора между двумя, тремя, четырьмя, пятью и шестью колонками.
#модульные_сетки
Переместимся в настоящее время и посмотрим на современные тренды в вёрстке.
・Первая рекомендация — сайт про сами сетки. Возможно, это очевидно, но согласись, освежить свои знания всегда полезно! Здесь регулярно публикуются проекты с подробными техническими характеристиками и советами, как повторить вёрстку. Ты сразу видишь примеры использования основных типов сеток с указанием количества линий, отступов и другой информации.
・Более необычный вариант — сайт-презентация шрифта Avant с горизонтальной сеткой. Немного непривычно читать текст таким образом, но работа впечатляет.
P.S. Перелистывай страницы при помощи клавиши “Space” 🤖
#модульные_сетки
・Первая рекомендация — сайт про сами сетки. Возможно, это очевидно, но согласись, освежить свои знания всегда полезно! Здесь регулярно публикуются проекты с подробными техническими характеристиками и советами, как повторить вёрстку. Ты сразу видишь примеры использования основных типов сеток с указанием количества линий, отступов и другой информации.
・Более необычный вариант — сайт-презентация шрифта Avant с горизонтальной сеткой. Немного непривычно читать текст таким образом, но работа впечатляет.
P.S. Перелистывай страницы при помощи клавиши “Space” 🤖
#модульные_сетки
・Если в детстве ты увлекался пазлами, то тебе точно понравится сайт Urbane Künste Ruhr. Сначала может показаться, что ничего непонятно, но потом входишь во вкус и понимаешь, что каждый блок, каждая линия и каждый квадрат с детальной точностью находятся на своих местах. А ещё здесь классно реализована анимация — взаимодействие с пользователем происходит очень плавно.
・За вдохновением можно приходить на typographic.work, где собрана коллекция постеров со всего мира. Раз в месяц на сайте появляются очень разноплановые работы от дизайнеров-типографов.
#модульные_сетки
・За вдохновением можно приходить на typographic.work, где собрана коллекция постеров со всего мира. Раз в месяц на сайте появляются очень разноплановые работы от дизайнеров-типографов.
#модульные_сетки
В подборке про сетки нельзя не сказать про кейс португальского графического дизайнера Беатрис Патараты. В качестве учебной практики девушка переосмыслила книгу The Mind из коллекции научной библиотеки журнала LIFE и подарила ей своевременный дизайн. У Патараты это не единственный проект по книжной вёрстке — советуем посмотреть, как она вместе со своими однокурсниками оформила тираж книги в честь обучения в колледже.
И бонусом в визуалах к этому посту мы прикрепили нашу лекцию про сетки с недавнего Дизайн-челленджа 🤖
Хороших выходных!
#модульные_сетки
И бонусом в визуалах к этому посту мы прикрепили нашу лекцию про сетки с недавнего Дизайн-челленджа 🤖
Хороших выходных!
#модульные_сетки