Как тренировать насмотренность веб дизайнеру
Как тренировать насмотренность веб дизайнеру
Насмотренность — навык, который нельзя прокачать быстро, но именно он позволяет создавать работы, где отлично сочетаются UI и UX. Он является идейным фундаментом для дизайнеров и позволяет быстро находить максимально удачные решения под проекты. Ведь когда в голове сотни примеров чужих работ, проще создать что-то свое.
Поэтому сегодня разбираем этапы, советы и ресурсы, которые помогут прокачивать насмотренность эффективно и регулярно.
Этап 1. Просто наблюдаем
Допустим, вы еще не умеете работать с графическими редакторами или другими программами для дизайнеров. Но это не запрещает развивать насмотренность и находить интересные решения. Поверьте, на следующих этапах это очень пригодится.
Но чтобы наблюдать, надо сначала найти достойные ресурсы, где публикуются лучшие работы дизайнеров. Уверены, что о Dribbble, Behance и Pinterest вы уже слышали тысячу раз, поэтому подобрали другие, не менее крутые, источники:
1. Раздел #madeontilda на сайте Тильды. Это галерея лучших работ от дизайнеров, созданных с помощью конструктора Тильда. Они разделены на категории по типам сайтов. Работы отбираются ежедневно, но их не так много. Рекомендуем просматривать этот ресурс раз в неделю.
2. Ресурс с подборками сайтов разных типов Land-book. Есть блоги, портфолио, лендинги, интернет-магазины, другие типы сайтов. Увы, работ не так много, хотя ресурс обновляется ежедневно. Но заглянуть сюда раз в 7-10 дней стоит.
3. Сайт siteInspire. Есть много креативных работ, где используются «кричащие» цвета, отсутствует сетка, есть необычная типографика. Отлично, чтобы вдохновиться на эксперименты и внедрение чего-то новенького в свои концепты.
4. Сайт awwwards. Это ресурс, где определяют лучшие дизайн-работы дизайнеров со всего мира. Каждый проект оценивают по качеству контента, дизайна, юзабилити, креативности, адаптивности. Оценки ставит как администрация ресурса, так и пользователи. Работы в разных стилях — от минимализма в одном цвете до креативных и необычных поп-арт концептов.
Также вы можете сохранить в закладки или в другом формате сайты любимых дизайн-студий — Лебедева, Горбунова, Чулакова.
Не забывайте и о страницах дизайнеров в Instagram. Их легко найти по тематическим хештегам: #webdesigner, #designer, #design и т.д.
Первое время будет достаточно просто просматривать работы, сохранять себе те, что понравятся, вдохновляться.
Этап 2. Анализируем работы
Тем, кто обучается веб-дизайну на курсах, с этим этапом проще, так как их работы кураторы разбирают подетально и объясняют, что не так, почему и как это исправить. Но если пытаться стать критиком самому себе без чужой помощи, придется уделить этому много времени.
Для начала просмотрите кейсы дизайнеров на Behance. Обязательно выбирайте те, где специалист описывает выбор дизайн-элементов: шрифтов, цветовой гаммы, иконок. Так вы поймете, на что обращать внимание при анализе и разработке своего проекта.
Потом попробуйте анализировать кейсы, под которыми больше всего лайков или положительных комментариев. Здесь уже желательно, чтобы автор сам не рассказывал о том, почему выбрал такие-то шрифты, цвета, формы. Важно, чтобы вы к этому определению пришли сами.
Позже пробуйте просматривать все работы подряд и анализировать их. Большая часть проектов будет с кучей ошибок и вам важно их найти, понять, чтобы в своих работах таких не допускать.
Также рекомендуем воспользоваться специальным и бесплатным тренажером для дизайнеров Can’t Unsee. Его цель — научить анализировать дизайн-элементы в мельчайших подробностях на конкретных, реальных примерах. Рассчитан на тех, кто разрабатывает интерфейс для приложений, но будет полезным и другим дизайнерам.
Механика такая:
Есть 3 уровня сложности и, поверьте, что на hard level без прокаченной насмотренности тяжело найти отличия и верные варианты.
Этап 3. Практикуемся и копируем другие работы
Прокачать навык без практики невозможно, поэтому после получения порции вдохновения и проведения анализа ошибок, пора переходить к реальной работе.
Начать лучше с лендинга и его первого экрана. Потому что он «задает» весь дизайн и помогает точно определиться с концепцией проекта.
Сохраните (достаточно скриншота) первый экран лендинга, который вам нравится. И постепенно начните его воспроизводить.
Первые пару раз лучше повторить работу точь-в-точь, а дальше постепенно заменять элементы — подбирать другие шрифты, экспериментировать с цветами, иконками, картинками.
Этап 4. Автоматизируем процесс
Развивать насмотренность несложно, но для этого нужна дисциплина. Автоматизация поможет ее установить.
В случае с насмотренностью поможет плагин Tab Snooze для Chrome. Он позволяет сохранить закладки в браузере, распределить их по группам-папкам в избранном, настроить их просмотр через определенные периоды. Дни недели и время, выделенные на прокачку навыка, вы выбираете сами. Дальше плагин в заданный период показывает папки с закладками. Вам остается их открыть и пересмотреть.
Как улучшить навыки дизайна, с помощью насмотренности
Узнайте, как с максимальной выгодой изучать и просматривать лучшие дизайны.
Любой веб-дизайнер знает важность ежедневного просмотра хороших дизайнов. Это поможет вам оставаться актуальным, замечать изменения визуальных тенденций, учиться у мастеров и использовать опыт других людей, чтобы заново не изобретать колесо. Регулярный просмотр дизайнов развивает ваше творческое мышление и особое дизайнерское видение, которое помогает отличать хорошие дизайны от плохих. Однако это приносит пользу не только новичкам; некоторые очень опытные дизайнеры также тратят время на изучение высококлассных дизайнов. Почему?
Потому что изучение дизайна – это больше, чем просто изучение чужих дизайнов.
1. Это настоящая работа
Некоторые дизайнеры думают, что изучение крутых дизайнов – это просто полезный досуг. Они довольствуются тем, что просматривают дизайны за утренним кофе, и считают, что этого достаточно, чтобы оставаться в форме. Время от времени они будут заниматься зубрежкой, просматривая тонны дизайнов, чтобы найти вдохновение (т. е. скопировать чужую идею). Другими словами, многие люди смотрят на дизайн только по необходимости или от скуки. В конце концов, им за это никто не платит.
Это бесполезный подход. Только относясь к изучению дизайна как к работе, вы сможете достичь больших результатов. Вы начнете видеть и думать по-другому. Вы достигнете более высокого уровня профессионализма намного быстрее, чем те, кто изучает дизайн без какой-либо системы или цели.
2. Это обычная работа
Нет смысла время от времени посещать тренажерный зал, если вы хотите накачать мышцы. То же самое и с изучением дизайна. Это ваш способ накачать свои особенные дизайнерские мускулы. Регулярные упражнения сделают их видимыми для всех: это улучшит ваши навыки, качество дизайна и вашу уверенность. Выделите время на это упражнение и сделайте его не подлежащим обсуждению. Не крадите это время у себя и не позволяйте другим делать это.
Важно не количество времени, которое вы проводите на тренировках. Гораздо важнее регулярность и целенаправленность ваших усилий.
Иллюстрация: Outcrowd
3. Это целенаправленная работа
Тратить часы на просмотр дизайнов на Dribbble или Behance, пока у вас не начнут кровоточить глаза – пустая трата времени. У вас должна быть цель. Очевидно, что у новичков и у опытных дизайнеров разные цели. Спросите себя: «Что я бы хотел сделать лучше? Какие навыки я должен попытаться улучшить?» Вы можете записать свои цели на стикерах или на доске, чтобы держать их в поле зрения и не отвлекаться на ненужные вещи.
Разработайте план действий как на краткосрочную, так и на долгосрочную перспективу. Например, некоторым людям легче работать с дизайном по 30 минут 5 дней в неделю и по 2 часа один раз в неделю. Другим потребуется больше или меньше времени. Важно, что именно вы делаете с этим временем и какова ваша цель; тогда даже 15 минут в день могут принести пользу.
Убедитесь, что ваш план включает работу над вашими слабыми сторонами. Кто-то плохо структурирует контент, кто-то не умеет подбирать подходящее цветовое решение, у кого-то есть пробелы в типографике. Найдите тех, кто делает эти вещи лучше вас, и постарайтесь понять, как они это делают.
4. Это аналитическая работа
Дизайнерское видение приобретается через рефлексию, а не через заучивание приемов. Самый важный навык в изучении дизайна – это научиться анализировать визуальный и функциональный потенциал дизайна. Что для этого необходимо?
Выберите от 3 до 5 дизайнов, которые вам особенно нравятся. Почему вы выделили их для себя? Что бросилось в глаза? Теперь выберите один, чтобы рассмотреть его поближе. Ваша задача – понять, почему эта работа была проделана именно так. Соответствует ли дизайн поставленным целям? В чем его основные преимущества? Какие визуальные методы и инструменты использовал дизайнер для достижения своих целей? Почему это хорошая работа?
Выполняя анализ, постарайтесь рассматривать его как пользователь, а не только как дизайнер.
Вот аспекты, которые вам следует проанализировать:
Такой тщательный анализ поначалу может показаться слишком сложным. Но чем больше вы это делаете, тем быстрее заметите все достоинства и недостатки дизайна, и на это у вас уйдет меньше времени. Вскоре вы обнаружите, что пара минут – это все, что вам нужно, чтобы проанализировать основные аспекты. Такой подробный анализ невероятно полезен. Он поможет вам развить не только особое видение, но и особый образ мышления. Вы сможете сразу понимать суть дизайна, отличать хороший дизайн от плохого, находить визуальные решения и избегать ошибок. Это профессиональное мышление.
5. Это копирование дизайна
Копирование – полезное занятие, и не только для тех, кто только начинает. Под копированием мы подразумеваем попытку максимально достоверно воссоздать дизайн или его элементы. Как бы тщательно вы ни изучали дизайн, многие вещи не будут очевидны сразу. Только воссоздав их самостоятельно, вы сможете сделать значимые открытия и приобрести бесценный опыт.
Что такое насмотренность в графическом дизайне и как её тренировать
Разработка интерфейса цифрового продукта — сложная задача, которая требует не только понимания потребностей аудитории, но и ориентации в принципах UX. Дизайнерам и владельцам коммерческих компаний необходимо тренировать насмотренность, чтобы отличать хорошие визуальные решения от плохих.
В статье поговорим о том, как насмотренность позволяет ускорить разработку интерфейса и что надо сделать для её прокачки. В конце мы поделимся советами, которые помогут гораздо быстрее освоить полезный навык.
Что такое насмотренность
У каждого человека есть уникальный визуальный опыт, который формировался на протяжении всей жизни. С появлением интернета пользователи начали получать его во время посещения сайтов и использования приложений на мобильных устройствах.
Представим, что есть любитель животных Александр, который регулярно покупает товары для своих кошек в интернете. Он перебрал около 10 сайтов и нашёл идеальный вариант. Саша немного переплачивает, но пользуется удобным сервисом, который доступен и на сайте, и внутри приложения.
В этом случае клиент интернет-магазина платит не за продукты, а за сохранение визуального опыта. Он привык к определенным интерфейсным решениям и отказ от них означает, что надо потратить время на перестройку и погружение в новый продукт.
Визуальный опыт помогает не только быстро ориентироваться на сайтах и в приложениях, но и находить недостатки в цифровых продуктах. К примеру, если Александр постоянно мониторит стоимость товара на популярных площадках, то он знает, как быстро решить задачу и в процессе видит ошибки интерфейса.
Насмотренность важна и для дизайнеров, и для предпринимателей, которые хотят запустить интернет-магазин, корпоративный портал или проект другого формата. Накопленный опыт поможет сделать свой проект идеальным. Для этого недостаточно знать потребности аудитории. Важно понимать, как именно раскрыть продукт так, чтобы он понравился пользователям.
Есть мнение, что насмотренность важна только для дизайнеров. Новички смогут быстрее создавать крутые визуальные решения, если будут анализировать референсы и прокачивать опыт на реальных проектах.
Нельзя сказать, что мнение полностью ошибочное. Насмотренность будет полезна и для представителей коммерческих компаний, которые хотят запустить цифровые продукты на рынок в любой нише. Они смогут проверить качество работы дизайнера и внести корректировки на этапе разработки.
Будет плохо, если у целевой аудитории сформируются негативный опыт по отношению к проекту, на который компания потратила много денег и большое количество ресурсов. Прокачка насмотренности выступит в роли защитного механизма, который позволит защитить будущий продукт от провала.
Если вникнуть в технические детали, станет понятно, что любой просмотренный нами объект оставляет визуальный отпечаток. Со временем этих отпечатков становится всё больше и у человека появляется определенный набор принципов по отношению к разным ситуациям.
Предположим, что есть типичный представитель целевой аудитории маркетплейса, который любит экономить на покупках. Он пользуется зарубежными площадками с плохим дизайном и слабым юзабилити. Каждый раз ему приходится пробираться через «дебри» контента, чтобы оформить заказ.
У него сформируется определенный визуальный опыт в процессе взаимодействия с цифровыми продуктами. Как только он найдёт торговую площадку, которая сделана с фокусом на user experience, то уже не сможет пользоваться проектами, где оформлял заказы до этого.
Насмотренность можно представить в виде книжной стопки, которая постоянно увеличивается по мере накопления опыта. К примеру, пользователь зашёл на сайт Wildberries и оформил заказ — в «стопке» появился новый элемент. И так до бесконечности.
Чем больше «стопка», тем лучше. Потому что можно будет гораздо быстрее отличать хорошие визуальные решения от плохих. Это позволит экономить время на простейших операциях, с которыми пользователям приходится иметь дело каждый день.
Дизайнерам хороший цифровой вкус однозначно нужен для плодотворной работы. Без этого компонента они могут создавать средненькие макеты, которые будут далеки от идеала. Прокачка насмотренности позволит перейти на качественно новый уровень и продемонстрировать свою экспертность клиентам.
Предпринимателям, которые хотят погрузиться в цифровую среду, насмотренность помогает экономить время. Они посмотрят несколько примеров работ специалиста по графике и сделают однозначный вывод о целесообразности сотрудничества.
Часто бывает так, что дизайнеры выдают откровенно слабый результат. Вроде бы они всё сделали по техническому заданию, но концепт совершенно не нравится заказчику. Проблема не всегда в том, что клиент сильно придирается или ничего не понимает в дизайне. Просто его визуальный опыт расходится с макетом, который создал дизайнер.
Насмотренность нельзя прокачать за несколько часов или дней. Необходимо постоянно взаимодействовать с хорошим визуальным контентом и замечать недостатки в решениях, которые выглядят некачественно и портят user experience с первых секунд знакомства.
Источники визуальных образов
Итак, вы решили добавить в копилку новый навык и твёрдо уверены, что насмотренность поможет создавать крутые цифровые продукты. Осталось разобраться с непрерывным потоком визуальных образов. Тогда сможете выделять из них интересные варианты и выстроить механизм поиска хороших решений.
Источников визуальных образов достаточно, надо только выбрать один или несколько каналов и взаимодействовать с ними на постоянной основе. Сделать это несложно, но важен системный подход.
Главная особенность насмотренности заключается в минимальном пороге входа. Накапливать визуальный опыт может человек с любыми знаниями. Для этого необязательно проходить курсы по дизайну или каждый день создавать макеты цифровых продуктов.
Преимущество насмотренности для дизайнеров заключается в быстром создании крутых визуальных решений. Чем больше примеров они пропустят через себя, тем быстрее смогут генерировать идеи на основе полученного опыта.
Социальные сети
В Инстаграме, Вконтакте и на других площадках много визуального контента. Фактически, лента состоит из визуала вперемешку с текстом. Многие пользователи говорят, что социальные сети затягивают их и отвлекают от рабочих задач. Поэтому работать с этим источником надо осторожно.
Найдите аккаунты и сообщества, которые непрерывно транслируют хороший визуальный контент и следите за публикациями. Исключайте из ленты профили, которые со временем перестанут обновляться или снизят планку качества.
Площадки для дизайнеров
Dribbble, Behance, Awwwards и другие проекты идеально подходят для прокачки насмотренности. Если хотите научиться отличать крутые интерфейсы от плохих, то сайты с примерами макетов идеально для этого подходят.
На таких площадках много контента, который связан с цифровыми продуктами. Соответственно, получить нужный опыт не составит труда. Останется только собрать профили, за которыми стоит следить.
На том же Dribbble много качественных концептов и идей для визуальных решений. Встречаются и слабенькие работы, но их очень мало. Дизайнеры стараются публиковать в портфолио концепты, которые могут собрать много положительных реакций.
Отдельно стоит обратить внимание на проект Musli, который объединяет дизайнеров, но подходит и для заказчиков, которые хотят больше узнать о принципах создания интерфейса. Здесь можно задать вопрос, попросить совет или оценку проекта.
Мессенджеры
В последние несколько лет мессенджеры начали стремительно набирать популярность и в некоторых нишах они обходят социальные сети. Это отличный канал для регулярного получения визуального контента и обучения.
Подпишитесь на интересные профили, которые регулярно выпускают публикации и могут предложить ценную информацию. Они будут полезны, даже если просто транслируют концепты интерфейсов из других сайтов.
Мессенджеры удобны тем, что все полезные каналы можно собрать в одном месте и структурировать по папкам. В некоторых социальных сетях тоже есть такие инструменты, но они сделаны не так удобно.
Практический опыт
Нет ничего эффективнее, чем работа с реальными проектами. Дизайнеры прокачивают насмотренность как раз при работе с интерфейсами для клиентов. Они улучшают их на основе обратной связи и со временем быстрее попадают в предпочтения заказчиков.
Предпринимателям, которые собираются выйти на онлайн-рынок или расширить своё присутствие, каждый созданный продукт помогает лучше понимать принципы проектирования интерфейсов для целевой аудитории. Насмотренность даёт возможность создавать конкурентоспособные проекты, у которых есть шансы быстрее завоевать доверие клиентов и закрепиться на новом рынке.
Все указанные источники можно использовать на постоянной основе для обеспечения непрерывного потока визуальных образов и прокачки насмотренности. Не забывайте фильтровать информацию, чтобы избавиться от информационного «шума», которого достаточно и в соцсетях, и в мессенджерах.
Источники визуальных образов при желании можно даже объединить, чтобы получать поток свежего контента в нескольких приложения или на сайтах. Но проще выделить какой-то один канал, чтобы сэкономить время. Например, в Телеграме активно публикуют концепты с Dribbble и Behance.
Не слушайте тех, кто говорит, что для создания хорошего интерфейса достаточно понимать предпочтения целевой аудитории. Это важный компонент успешного цифрового продукта, но его мало для разработки визуального решения, которое способно обойти конкурентов.
Основная задача любого UI — установить связь с пользователями и решить их задачи с помощью встроенных инструментов. Насмотренность как раз помогает проектировать интерфейсы, которые с высокой вероятностью подойдут для целевой аудитории и получат позитивную оценку.
Как прокачать насмотренность — пошаговая инструкция
Насмотренность отличается высокой эффективностью, но это не тот навык, который можно освоить за несколько дней. Он является фундаментом любых визуальных решений, поэтому не стоит рассчитывать на легкое погружение.
Дизайнеров и предпринимателей ждёт кропотливая работа, которая не пройдёт даром. Каждый проанализированный визуальный образ на шаг приблизит к созданию успешного продукта, который покорит целевую аудиторию с первых минут знакомства и принесёт коммерческий успех.
Что даёт насмотренность:
Можно сказать, что насмотренность — суперспособность. Как лазерное зрение у Супермена, которое позволяет видеть сквозь предметы. Если тратить хотя бы немного времени каждый день на анализ визуальных образов — это не будет напрасно. Качество реализации цифровых продуктов однозначно вырастет.
Ниже вас ждёт пошаговая инструкция по прокачке насмотренности, которую может использовать человек с любым уровнем знаний. Даже если он никогда не открывал Photoshop или Figma. Фишка в том, что для получения визуального опыта не нужны специальные навыки.
Если решите прокачивать насмотренность на постоянной основе, не сможете обойтись без инструментов, которые помогают автоматизировать задачи. Некоторые используют стандартные закладки в браузере, а другие загружают специальные расширения для структурирования контента.
Теперь перейдём к советам, которые помогут быстрее освоить новый навык и извлечь из него пользу. Если будете каждый день просто смотреть референсы на Behance или примеры сайтов из числа победителей в разных номинациях на Awwwards, толку не будет. В этом деле важен системный подход.
Поставьте стабильность на первое место
Прокачка любого навыка — постепенный процесс, который может протекать месяцы или даже годы. Тем, кто рассчитывает, на лёгкую экскурсию, лучше сразу отказаться от идеи. Кроме просмотра визуальных решений надо будет докапываться до мелочей и разбирать каждую ошибку.
Попробуйте забыть о просмотре ленты в социальных сетях или чтении новостей, если они не влияют на рабочие задачи. Дизайнерам однозначно стоит последовать этому совету и оптимизировать процессы.
Постоянный мониторинг позволит всегда быть в курсе актуальных трендов и использовать их силу, чтобы обойти конкурентов, не уделяющих внимание слежению за релевантным инфополем.
Уделяйте больше времени анализу
Насмотренность — навык, который формируется в процессе комплексного подхода к работе с визуальными образами. Если видите красивый интерфейс, постарайтесь разобраться, почему сформировалось именно такое мнение. Окажется, что дело не только в красивых цветах и шрифтах с засечками.
Уделяйте внимание анализу плохих примеров. Они выступают в роли механизма защиты от ошибок. Если человек долгое время видит плохую типографику или некачественные иллюстрации, он не будет использовать их в своих продуктах. И быстро поймет, что с дизайнером не стоит работать, когда он пришлёт аналогичные примеры.
Анализ — важная часть процесса, которая является фундаментом. Если убрать её из схемы, вся конструкция развалится и время будет потрачено зря. Анализировать полезно ещё и потому, что это зарядка для мозга, которая будет приносить двойную пользу.
Не забудьте о разнообразии
Одна из главных ошибок людей, которые хотят прокачать насмотренность — узкий фокус. Они смотрят исключительно примеры из своей ниши и забывают, что есть и другие тематики.
К примеру, если собираетесь покорить нишу криптокошельков, анализируйте не только релевантные референсы. Подойдут все хорошие и плохие примеры финансовых приложений. Чем больше интерфейсов проанализируете, тем лучше для продукта.
Классные инструменты часто встречаются в UI, которые не имеют ничего общего с проектом, над которым работает дизайнер или вынашивает в голове предприниматель. Поэтому важно следить не только за локальным информационным полем, но и обращать внимание на другие ниши.
Выделяйте распространённые ошибки
В процессе анализа будут видны проблемы, которые становятся фатальными для цифровых продуктов. Их лучше знать «в лицо», чтобы по максимуму избегать столкновения. Такой подход поможет защититься от негативного user experience.
Обязательно сохраняйте распространённые ошибки в отдельный файл или создайте чек-лист, который можно использовать в процессе работы над своим продуктом. Он станет лакмусовой бумажкой, позволяющей выполнить быструю проверку на прочность.
Со временем поиск ошибок станет частью рабочего процесса и будете выполнять стандартную задачу в автоматическом режиме. Самое главное начать работу в этом направлении и не останавливаться через несколько дней.
Соберите библиотеку
Человек, который хочет прокачать насмотренность, должен стать исследователем. Как учёный, следящий за отношениями обезьян в естественной среде. Он не просто смотрит за их поведением, а конспектирует интересные детали, чтобы вернуться к ним в любой момент.
Дизайнерам или предпринимателям понадобится цифровая библиотека, в которой будут собраны хорошие и плохие визуальные решения. Периодически просматривайте её, чтобы использовать собранную информацию для своих задач.
Веб-студия IDBI понимает, насколько важно тренировать насмотренность. Мы готовы помочь в реализации коммерческих или информационных проектов в любом из доступных каналов связи.