Студенческий дизайн

Эта мини-статья родилась как ответ на вопрос в комментарии.

Увидев изображение ниже, я сразу подумал что автор должно быть студент-дизайнер. Не знаю так это на самом деле или нет, но эта мысль меня позабавила и заставила задуматься – почему я так решил, а главное – плохо ли это?

Автор – Сергей Тиджиев
Автор – Сергей Тиджиев

Скажу сразу – работа на мой взгляд очень классная, с довольно приятно сделанной типографикой и отличной палитрой. Взгляните сами на весь проект на Behance, однозначно заслуживает лайка.

На вышеупомянутой странице мое внимание привлекла и заставила улыбнуться огромная акцентированная нумерация разделов, да еще и сделанная шашечкой – набор приемов, которые я многократно видел в дизайн-универе. Милота )

Проблема

Многие студенты-дизайнеры в любом контенте видят графические элементы, своего рода кирпичи из которых нужно собрать дизайн. При этом, у студентов есть вкус, чувство эстетики и некоторые знания, поэтому их работы часто выглядят довольно классно. Одна беда – студенты в своих смелых экспериментах иногда путают что к чему крепится и как используется. Так, образно выражаясь, дверные ручки оказываются прибиты к полу, а лестница к крыше. Но выглядит все равно круто ))

Дело в том, что нумерация разделов и страниц – это техническая информация, которую зритель хочет видеть только если он или она ищет что-то конкретное. Стоит ли и говорить, что обычно, читая книгу, человек никогда не следит за номером страницы или раздела целенаправленно. То же касается любой навигации – представьте, если бы в метро станции выразительно нумеровались, а название бы подписывалось мелким шрифтом?

К элементам, с которыми часто переигрывают можно отнести:
• нумерацию страниц и разделов
• различные буллеты, маркеры, списки
• всевозможные разделительные линии, таблицы
• иконки

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

Решение

Правильная иерархия в книге это заголовок → текст → техническая информация. Разумеется, между ними располагаются и промежуточные ступени, как подзаголовки или сноски. Эту иерархию имеет смысл соблюдать вне зависимости от современности, экспериментальности и игривости дизайна.

Интересно, что в работе Сергея есть как хорошие, так и не очень удачные примеры работы с порядком чтения:

Правильно сделанная иерархия, начинающаяся с заголовка
Правильно сделанная иерархия, начинающаяся с заголовка
Неправильно сделанная иерархия, начинающаяся с технической информации
Неправильно сделанная иерархия, начинающаяся с технической информации

Еще лучшее решение

Если посмотреть чуть внимательнее, можно заметить, что номера разделов можно не только уменьшить, но и вовсе убрать за ненадобностью. Будь на странице выше вместо «002» крупно написано «Транспорт», мы бы сразу поняли о чем речь, при этом дизайн бы никак не поменялся. Убрав цифры из разделов, их можно было бы убрать и из содержания. Попробуем набросать пример (конечно, не имея оригинального шрифта):

Один из множества вариантов решения содержания. Листайте вправо чтобы сравнить с оригиналом.
Студенческий дизайн, image #5
1 of 2
Один из множества вариантов решения содержания. Листайте вправо чтобы сравнить с оригиналом.
Эта страница сразу говорит нам о чем речь. Листайте вправо чтобы сравнить с оригиналом.
Студенческий дизайн, image #7
1 of 2
Эта страница сразу говорит нам о чем речь. Листайте вправо чтобы сравнить с оригиналом.

Конечно, варианты могут быть самые разные, и предложенные выше – вовсе не самые правильные. Суть послания лишь в том, что «студенты» могут улучшить свои и так классные работы, чуть лучше продумав взаимодействие с читателем.

Еще раз кину ссылку на весь проект, поскольку он весьма хорош. И еще раз уточню, что не называю автора работы «студентом», просто отмечаю характерный графический прием )

Спасибо за внимание, хорошего дня!

1050 views·11 shares