Что такое насмотренность

Насмотренность — это накопленный визуальный опыт. Всё, что вы видели, анализировали, запоминали (осознанно или нет), складывается в вашей голове в огромную базу примеров.

Если объяснять проще: это ваша внутренняя коллекция дизайнов, которую вы собираете всю свою профессиональную жизнь. Чем она больше и качественнее, тем легче вам создавать что-то своё.

Когда дизайнер с хорошей насмотренностью садится за макет, он уже примерно представляет, какие варианты возможны. Он не начинает с чистого листа в прямом смысле — у него в голове уже есть десятки, сотни решений, которые он видел раньше. Он может их комбинировать, адаптировать, улучшать.

Насмотренность — это способность оценивать дизайн, понимать, что сделано хорошо, а что плохо, как можно сделать лучше и какие вообще варианты реализации возможны.

Это не про «мне нравится / не нравится». Это про понимание причин: почему этот макет работает, а этот — нет.

Почему насмотренность важнее правил на старте

Многие начинающие дизайнеры и подростки, которые только входят в профессию, думают так: «Я выучу правила — и буду делать крутой дизайн». Идут читать про композицию, цветовые сочетания, типографику. И… всё равно делают плохо. Потому что правил много, они абстрактные, и без примеров их трудно применить.

Насмотренность даёт то, что не дают правила — примеры из реальной жизни.

Правило говорит: «Текст должен быть контрастным по отношению к фону». Насмотренность показывает: «Ага, вот здесь использовали почти чёрный текст на белом, вот здесь — белый на тёмно-синем, а вот здесь — ярко-жёлтый на чёрном, и это сработало».

Вы можете не знать правил вообще, но, если вы видели 100 удачных дизайнов, вы интуитивно почувствуете, что к чему. Глаз натренируется. Вы просто «видите», что здесь что-то не так, хотя не можете объяснить почему.

Конечно, в профессии без теории не обойтись — на определённом этапе правила нужны. Но на старте насмотренность даёт больше.

Лично я считаю, что начинающему дизайнеру стоит 80% времени уделять насмотренности и практике, и только 20% — теории. Потому что знание правил без изучения примеров и применения на практике бесполезно, а примеры + немного правил + практика дают результат.

Как работает насмотренность: механизм

Наш мозг — машина по поиску паттернов. Когда мы видим что-то много раз, он запоминает это как «норму» или «хорошо». Потом, когда мы видим отступление от этой нормы, мозг сигнализирует: «Что-то не так».

Например, вы не изучали правил о внутренних отступах в интерфейсах. Но вы видели сотни сайтов и приложений и заметили, что текст обычно не прилипает к краям экрана, краям картинок и другим элементам. Теперь, когда вы увидите макет, где текст вплотную прилегает к картинке, ваш мозг скажет: «Здесь что-то не так». Даже если вы не знаете, что есть такое понятие — «воздух» и «поля».

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

Конечно, этот шаблон может быть ошибочным, если вы смотрите только плохие примеры. Да и поначалу новичку сложно определить хороший перед ним пример дизайна или плохой. Поэтому важно не просто смотреть, но и анализировать.

Как прокачивать насмотренность: общие принципы

Просто листать ленту Pinterest и сохранять картинки — мало. Так вы почти ничего не запомните. Насмотренность прокачивается тогда, когда вы взаимодействуете с дизайном осознанно.

Смотрите не спеша. Не просматривайте картинку быстро, беглым взглядом. Остановитесь, рассмотрите детали подробней. Определите почему именно этот дизайн привлек ваше внимание? Что именно вам в нем понравилось? Разберитесь, что здесь вообще есть? О чем дизайн? Какие элементы? Как организована композиция? Какие цвета использованы? Какие шрифты, отступы, размеры?

Спрашивайте себя «почему». Просто увидеть, что дизайнер использовал зеленый цвет, шрифт Montserrat и разместил элементы сеткой недостаточно.

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

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

Сохраняйте. Создайте удобную систему хранения: папки на компьютере, коллекции в Pinterest, файлы в Figma. Сортируйте по темам: «удачные цветовые решения», «интересная типографика», «примеры навигации».

Так вы сможете вернуться к дизайну и посмотреть их ещё раз, попробовать повторить, использовать в качестве референса для своего проекта.

Периодически пересматривайте. То, что сохранили месяц назад, сейчас может выглядеть иначе. Ваш вкус, глаз и знания меняются. То, что вы могли раньше не замечать, вы сможете заметить сейчас.

Где искать дизайн для насмотренности

В интернете огромное количество ресурсов. Вот основные, которые стоит добавить в свой список:

Pinterest — удобен для быстрого сбора и хранения. Ищете по ключевым словам, сохраняете на свои доски. Отличный вариант для первого знакомства с темой.

Behance — крупнейшая площадка, где дизайнеры со всего мира выкладывают свои проекты. Здесь можно найти практически что угодно: от фирменного стиля до мобильных интерфейсов.

Dribbble — более «лайфстайльная» площадка. Здесь дизайнеры выкладывают не столько полноценные проекты, сколько отдельные элементы, иконки, концепты. Коротко, ярко, вдохновляюще.

Awwwards — сайт, где отмечают лучшие веб-дизайн-проекты. Здесь можно найти не просто красивое, но и удобное, инновационное, технически сложное.

SiteInspire — каталог качественных сайтов. Минималистичный, без лишнего. Хорош для поиска вдохновения по веб-дизайну.

Muzli — расширение для браузера, которое каждый день показывает подборку лучших дизайнов со всего интернета.

Кроме того, можно искать дизайны в социальных сетях по ключевым словам или хэштегам типа #графическийдизайн, #webdesign, #ui и т.д. — там тоже много интересного, можно сохранять посты в закладки, подписаться на других дизайнеров.

Я обычно рекомендую ученикам начинать с Pinterest. Там легко искать по ключевым словам, интерфейс простой, интуитивно-понятный. Изображения там собираются с различных источников. Можно собирать свои доски по темам и возвращаться к ним через время, чтобы увидеть, как изменился вкус.

Что именно анализировать в дизайне

Когда вы смотрите на дизайн, не ограничивайтесь общим впечатлением «красиво/не красиво». Вот конкретные параметры, на которые стоит обращать внимание:

Композиция — как расположены элементы? Что в центре внимания? Как двигается взгляд по макету?

Цвет — какие цвета использованы? Как они сочетаются? Есть ли акцентный цвет? Создаёт ли цвет нужное настроение?

Типографика — какие шрифты выбраны? Сочетаются ли они между собой? Какой размер у заголовков, подзаголовков, основного текста? Комфортно ли читать?

Отступы и сетка — сколько воздуха между элементами? Есть ли ощущение, что всё «прилипло» друг к другу?

Графика и иллюстрации — как они вписаны в общую стилистику? Соответствуют ли атмосфере/стилю тематики? Создают настроение или просто для красоты?

Интерактивность (для интерфейсов) — понятно ли, куда нажимать? Что происходит при наведении? Ожидаема ли реакция?

Небольшой лайфхак: анализируя дизайн, представляйте, что вам нужно объяснить другому человеку, почему он хорош (или почему он плох). Если можете объяснить — значит, вы действительно хорошо всё проанализировали.

Почему полезно повторять дизайны

Просто смотреть примеры недостаточно, нужно повторять их. Мозг запоминает лучше всего тогда, когда вы что-то делаете руками.

Повторение — это когда вы берёте понравившийся дизайн и пытаетесь воссоздать его сами. Не сохранить картинку в «избранное», а именно открыть программу (Figma или Photoshop) и повторить.

В процессе повторения вы неминуемо столкнётесь с вопросами: «А какой здесь размер шрифта?», «А как сделан этот эффект?», «А почему отступ именно такой?». Вы начнёте вдумываться в детали, которые при простом просмотре не замечали.

И не бойтесь, что вы копируете. Все великие дизайнеры начинали с подражания. Копирование — это способ научиться приёмам, чтобы потом создавать на их основе что-то своё.

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

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

Типичные ошибки при прокачке насмотренности

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

Часто реальные утвержденные дизайны проектов выглядят просто на первый взгляд, хотя за их созданием может стоять известная дизайн-студия и сотни исследований и тестов.

А когда вам на глаза попадается «некрасивый» дизайн, то стоит к нему тоже присмотреться и задаться вопросами: «А почему он не привлекает к себе внимание?», «Почему он кажется некрасивым?», «Что в нем не так?», «Есть ли в нем что-то хорошее?». Так у вас будет появляться понимание того «как не нужно делать».

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

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

Не сохранять и не возвращаться. Если вы не сохраняете примеры, через неделю вы не вспомните, что вам понравилось. Создайте архив и пересматривайте его периодически.

Смотреть только в одной теме. Графический дизайн — это широкое поле. Смотрите баннеры, интерфейсы, упаковку, плакаты, фирменный стиль, иллюстрации. Чем шире ваш кругозор, тем интереснее будут ваши собственные работы.

Не применять на практике. Насмотренность почти бесполезна, если вы не пробуете сделать что-то сами. Берите один или несколько примеров дизайна, пробуйте повторить их точь-в-точь или соберите из них что-то своё. Так эффективность вашей деятельности увеличиться в разы.

Что я делаю на занятиях

Ученикам я в основном даю готовые примеры: «вот хороший дизайн, вот плохой» — объясняю, почему один лучше, а другой нет. Обычно это происходит без глубокого анализа деталей, просто на уровне общего впечатления.

Иногда мы разбираем дизайн более подробно, когда вместе делаем макеты: я объясняю, почему в конкретном месте лучше взять такой цвет или такой шрифт. Иногда прошу их найти примеры хороших дизайнов самостоятельно.

Ещё один приём, который я использую, — задания на исправление ошибок. Ученики получают не очень удачный макет и должны понять, что в нём не так, и предложить свой вариант “исправления ситуации”. Это требует анализа, сравнения и опоры на то, что они знают и когда-то видели.

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

Заключение

Насмотренность — это не «просто смотреть и сохранять хорошие дизайны». Это ваш визуальный фундамент, ваша внутренняя база решений, примеров, приёмов. Без неё дизайнер как музыкант, который не слушал других музыкантов, но пытается сделать что-то своё.

Прежде чем создавать своё, новое и уникальное, нужно хорошо знать как вообще это можно сделать, как это уже делал кто-то другой.

Хорошая новость в том, что прокачивать насмотренность можно в любом месте, в любое время и с любым бюджетом. Всё, что нужно, — доступ в интернет, несколько минут свободного времени, чуть-чуть внимательности и желание не просто смотреть, а анализировать.

Через месяц вы заметите, что ваш глаз стал острее, а ваши собственные работы — лучше.