x
 
Алексей Федоров
19 февраля 2020
Советы почтой каждую неделю
Пожалуйста, получите наше письмо, чтобы подтвердить свой адрес:
Вы подписаны на «Советы за неделю»:

Михаил, добрый день!

В этой презентации есть множественные нарушения классических правил типографики и вёрстки, но при этом не вызывает отторжения, скорее наоборот — нравится.

Вопрос: как нарушать правила так, чтобы было хорошо?

https://www.behance.net/gallery/89002819/TechTak?tracking_source=search


Алексей!

В вашем при­мере есть масса мест, в кото­рых не поме­шало бы соб­лю­сти кое‑какие из пра­вил. Вот парочка из них:

Подо­зре­ваю, что автор при­ду­мал какую‑то слож­но­со­чи­нён­ную мно­го­ко­лон­ча­тую сетку и по ней собрал все стра­ницы. Наверно, пока было видно сетку, всё это выгля­дело неве­ро­ятно строй­ным и собран­ным. Но как только сетку убрали, остался про­сто набор слу­чайно выров­нен­ных друг с дру­гом элементов.

Помимо того, что местами это выгля­дит довольно сомни­тельно, так ещё ино­гда и разо­браться в смысле сложно. Напри­мер, как тут понять, к чему имеет отно­ше­ние крас­ная кнопка — к под­валу или к цитате выше?

Если бы автор учёл хотя бы пра­вило внут­рен­него и внеш­него и поста­вил кнопку ближе к свя­зан­ному с ней эле­менту, стало бы сильно проще. Дру­гой вари­ант — не допус­кать вырав­ни­ва­ния рас­по­ло­жен­ных рядом свя­зан­ных элементов.

Я могу допу­стить, что для какого‑то разо­вого про­екта типа про­мо­стра­ницы такие опас­ные нару­ше­ния не повле­кут серьёз­ных про­блем. Но здесь, как я понял, нам пока­зали макет обнов­ля­е­мого сайта какой‑то ком­па­нии. Про­блема в том, что макет — это почти все­гда при­укра­шен­ное при­бли­же­ние к реаль­но­сти, кото­рое к тому же пока­зы­вает всего лишь одно‑два из воз­мож­ных состо­я­ний. А что будет, если в заго­ловке ока­жется больше тек­ста? А если цитата будет в три раза короче? И без того полу­раз­ва­лен­ная стра­ница ста­нет ещё хуже.

По‑моему, эта про­блема есть у очень мно­гих сверх­кон­цеп­ту­аль­ных работ на Дриббле и Бихансе: столк­но­ве­ния с реаль­но­стью вся эта кра­сота не выдержит.

✸✸✸

Пра­вила вёрстки (да и вообще любые дизай­нер­ские пра­вила) ино­гда можно не соблю­дать, но их нужно пони­мать. Если вы пони­ма­ете, зачем что‑то при­ду­мано и как оно рабо­тает, то вы отда­ёте себе отчёт, почему от этого можно отка­заться в кон­крет­ном слу­чае или что для этого нужно сделать.

Напри­мер, в неко­то­рых слу­чаях можно не учи­ты­вать пра­вило внут­рен­него и внеш­него, потому что пра­вило модуль­но­сти рабо­тает доста­точно сильно, чтобы связь эле­мен­тов счи­ты­ва­лась без проблем:

Да, это очень шум­ный и не мод­ный дизайн с кучей про­блем. Но посмот­рите, как легко счи­ты­ва­ется струк­тура стра­ницы. А всё, потому что дизай­нер пони­мает, как устро­ена модуль­ная вёрстка

Ещё при­мер. В дипло­мах Выс­шей школы глав­буха крас­ные эле­менты в нару­ше­ние пра­вила внут­рен­него и внеш­него и модуль­но­сти вле­зают в про­стран­ство чёр­ного текста:

Этот трюк сра­бо­тал, потому что наш мозг свя­зы­вает эле­менты не только по бли­зо­сти друг к другу, вырав­ни­ва­нию, но и по цвету. Тут он пони­мает, что крас­ные и чёр­ные эле­менты из раз­ных все­лен­ных, и не пыта­ется свя­зать герб со сто­я­щим рядом заго­лов­ком. В резуль­тате полу­чился такой мод­ный и в то же время отча­сти клас­си­че­ский на вид диплом. Но в про­цессе работы над ним мы посто­янно соот­но­сили то, что полу­ча­ется, с тем, что мы знаем о вёрстке, — и каж­дый раз убеж­да­лись, что нару­ше­ние пра­вил не при­во­дит к бес­по­рядку с точки зре­ния смысла и внеш­него вида.

Типографика и вёрстка — дисциплина Школы дизайнеров. Набор открыт. Чем раньше поступите, тем ниже стоимость и выше шанс на бесплатное место.
 

Поделиться
Отправить

Комментарии

Женя Арутюнов
20 февраля 2020

Алексей, вот заметка об этом же:
https://intuition.team/arutyunov/?go=all/vospriyatie/

Ответа «как» там тоже нет, но есть подсказки.


Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами.

Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры. Мы ожидаем, что такие комментарии составят около 20% от общего числа.

Решение о публикации принимается один раз; мы не имеем возможности комментировать или пересматривать свое решение, хотя оно может быть ошибочно. Уже опубликованные комментарии могут быть удалены через некоторое время, если без них обсуждение не становится менее ценным или интересным.

Вот такой веб 2.0.

2 8 8




Недавно всплыло

Типовые решения в вёрстке. Как сверстать простую шапку страницы с меню 4 5 Об издании мыслей в виде книги 2 Сервис для перевода денег между картами. Часть 2 3