Как развивать насмотренность дизайнеру интерфейсов

Ilya Kulbachny
Дизайн-кабак
7 min readJun 9, 2020

--

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

Проект «Скриншот-арт». Авторы: Саша Быченко, Алексей Сальников.

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

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

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

Видеоконспект лекции Александра Трегуба «Метод котелка» | Projector

Muzli для Google Chrome

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

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

Collections на Awwwards

Помимо самих Сайтов дня и Номинаций, на площадке есть классный раздел. На самом деле, он очень недооцененный и относительно новый. И там есть подборки на разный вкус и направление. Нужно придумать необычное решение для мобильного меню, подсмотреть крутую типографику, дополненную реальность в вебе или сделать проект с WebGL? В коллекциях собрано довольно много крутых решений, к которым я иногда обращаюсь.

One Page Love

Это блог классного парня по имени Роб, который перерос в очень успешную площадку, где он вручную отбирает и публикует красивые одностраничные сайты. One Page Love стал настолько популярным, а посетителей перевалило за 250 тыс. в месяц, что Роб начал монетизировать его. Теперь попасть на сайт можно за 19 баксов, предложив его на рассмотрение.

Я давно уже на этом ресурсе смотрю и вдохновляюсь классными работами в меру специфики своей работы. Но мне он нравится тем, что сайты тут очень разные и в основном это лендинги. Есть супер-пупер креативные, а есть очень странные 🤪. Но мне нравится заходить сюда каждый день.

Pinterest

Pinterest — это инструмент для создания досок настроения (мудбордов). В них можно собирать разные картинки по разным темам.

Я его использую как и в рабочих, так и в личных целях. Для работы я ищу и собираю подходящие по настроению проекты для мудбординга с клиентами. Его плюс заключается в том, что лента Pinterest работает на мощном ИИ и это помогает выдавать классные рекомендации.

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

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

https://www.pinterest.com/

Savee

Помимо Pinterest или Design Inspiration, для мудбординга и настроения я обращаюсь к Savee. В отличие от Pinterest с его искусственным интеллектом, Savee ведут живые редакторы и делают подборки абсолютно всего красивого: фото, плакаты, типографика, цвета, анимации и т.д.

Мне его как-то посоветовал мой друг и я пользуюсь Savee довольно часто. Начинающему дизайнеру может показаться это странным и не практичным, так как нужно решать конкретные задачи сейчас, а не просто пялиться на красивые картинки. Но это воспитывает вкус, развивает эстетику и расширяет визуальный кругозор дизайнера. Поэтому рекомендую добавить его себе в закладки.

Land-book

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

Behance

Спасибо, кэп!

Да, я понимаю, что это очевидно для многих, но скажу как дизайнер и работодатель. Как дизайнер я захожу сюда из рассылки на мейл, чтобы посмотреть свежие решения в разных отраслях дизайна, не только по UI. Здесь можно фильтровать по наградам или по областям дизайна. Или искать готовые мудборды других дизайнеров.

Это классика и главная площадка для дизайнеров со всего мира, на которую заходят каждый месяц 36 млн человек.

Как работодатель, я иногда просматриваю профили ребят, которые только выложили свою работу. Если дизайнер постит новый кейс — с большой долей вероятности он ищет работу. Ну, или это очень дисциплинированный человек 😉

Если дизайнер постит новый кейс — с большой долей вероятности он ищет работу.

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

Dribbble

Да-да, очередная классика. Но если вдруг вы не слышали о Dribbble, то знайте: это такая же площадка, где дизайнеры выкладывают свое портфолио. В отличие от Behance, это закрытая площадка и чтобы постить на ней свои работы, вам нужно будет получить приглашение от другого пользователя. Часто инвайты дают бесплатно и в Фейсбуке в ленте можно не редко наткнуться на посты дизайнеров о бесплатной раздаче приглашений.

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

Mobbin

У меня как дизайнера интерфейсов есть привычка скринить красивые приложения, их процесс онбординга, разные сайты с телефона и сохранять себе, чтобы использовать в будущих проектах. А недавно я нашел ресурс, где парень по имени Jiho Lim сам все это делает.

Например, я недавно заскринил почти все экраны прекрасного приложения для медитации Headspace — оно безумно красивое и полезное. И каким было моё изумление, когда на Mobbin я встретил эти же скрины 😅

Есть аналогичный проект — pttrns.com, где автор собирает и категоризирует разные элементы мобильных интерфейсов. Поэтому, если застрянете, например, с фильтрами или табами, смело пользуйтесь этими сайтами.

Collect UI

Крутая библиотека с разными шотами, разделенными по категориям. В отличие от предыдущих ресурсов, на Collect UI представлены не только мобильные приложения и их паттерны, но и иконки, калькуляторы, чекауты и многое другое.

Есть также аналогичный проект www.calltoidea.com со своими категориями и подборками. И если вдруг Mobbin или Collect UI чем-то не подошли, можно смело юзать Calltoidea.

Ecommerce Website Design

Если вы часто и на регулярной основе создаете интернет-магазины, то сайт ecomm.design будет очень вам полезен. На нем есть подборки разных екоммерс-проектов с возможностью фильтрации по разным категориям и типам.

Итого

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

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

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

Если эта статья была для вас полезной, жмите 👏
А если есть какие-то вопросы или замечания, буду рад ответить в комментариях или в личных сообщениях.

--

--