Офтоп
Vladislava Rakhmanova

Где веб-дизайнеры подсматривают идеи Статьи редакции

Результаты опроса, проведенного руководителем студии «Сибирикс»

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

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

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

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

Мы потрясли дизайнеров «Сибирикса» и выяснили, где они ищут идеи и вообще вдохновляются (легально). Нашли и затёртые до дыр ссылки (Awwwards — кто бы сомневался), и кое-что пооригинальнее. Раскидали по целям:

  • Собрать идеи для сайта.
  • Найти конкретный элемент.
  • Нахвататься визуального вдохновения.
  • Посмотреть всё в одном месте.
  • Подтянуть матчасть.

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

Собрать идеи для сайта

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

  • Awwwards. Не баян, а классика. Хотя «Коллекции» на Awwwards — относительно свежая фишка.
  • The FWA, CSS Design Awards, Website Design Award. Пачка конкурсов сайтов, на которых работы, бывает, повторяются. Но проскакивают и оригинальные номинанты.
  • Designer News. Ресурс, где можно и крутые примеры найти, и мнение коллег со всего мира почитать. Обычно все дизайны, которые выкладываются на Awwwards, сперва появляются здесь.
  • Site Inspire. Симпатичные сайты, которые редко пересекаются с Awwwards и Ко. Не всегда конкурсные, но всё равно оригинальные и интересные.
  • Cargo Сollective. Подборка минималистичных сайтов с какой-то потаённой изюминкой.
  • The Best Designs. Тут сайты попроще — бегунок креатива выкручен не больше, чем на 20%.
  • The Perfect Grid. Подборка сайтов с нестандартной сеткой — тренд 2017 года, между прочим.
  • Sibirix's Pinterest. Когда наши дизайнеры не рисуют годноту, они добавляют сайты, которые им понравились, вот сюда.
  • Minimal gallery. Галерея радикального минимализма. Шикарно вставляет. Чего стоит хотя бы этот экспонат, где на главной странице только текст и курсор в виде банана.
  • Hover States. Подборка необычных сайтов с удобным фильтром по тегам.
  • Siiimple. Здесь порционно раз в день добавляется по одному хорошему минималистичному сайту.
  • One Page Love. Собрание одностраничных сайтов. Веселых, а порой и не очень приличных. Слабонервные и неженки, ходите аккуратно.

Найти конкретный элемент

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

  • Dribbble. По праву затёртый до дыр ресурс — здесь гигабайты идей для иконок и микровзаимодействий. Самое сложное — найти среди них что-то полезное.
  • Motion UI. Субъективная выжимка из Dribbble — для тех, кто не хочет ворошить его завалы самостоятельно.
  • Codepen Codrops. Ресурсы, где хранятся уже готовые рабочие элементы: хоть сейчас вставляй на сайт. Находите что-то крутое, обыгрываете в своём дизайне и несёте нужный кусок кода верстальщику — профит.
  • Web Design Freebies. Подборка иконок, шрифтов, иногда проскакивают мокапы — золотая жила для мудборда. Больше не обновляется, так что пользуйтесь, пока не протухло.
  • Color Supplyyy App. Простое и приятное приложение для подбора цветовой гаммы.
  • Fonts Google. Шрифты, которые Google одобряет.
  • Uimovement. Коллекция няшных микровзаимодействий.

Нахвататься визуального вдохновения

Просто подборки картинок, которые помогают нашим дизайнерам поймать вдохновение.

  • Design Collector. Фото, видео, картинки и прочая мишура, которая помогает нащупать вектор, в котором нужно творить.
  • Ffffound. Чуть более хипстерский склад изображений: больше глитча и кислотных гифок.
  • Designspiration. Сборная солянка из дизайнерских работ и фотографий из Instagram.

Посмотреть всё в одном месте

Если вам нужно посмотреть сразу и макеты, и иконки, и шрифты, но вы слишком цените свой work in progress, чтобы переключаться между сайтами, познакомьтесь с ресурсами ниже. Там есть всё, только поисковый запрос уточните.

  • Behance Pinterest. Самые большие склады графического добра в интернете: русском и зарубежном.
  • Revision. Ресурс с работами отечественных студий и дизайнеров.
  • LookWork. Сайт идентифицирует себя как «Visual RSS». И не врёт. Можно отслеживать интересующие темы, выбирая их в меню, или зарегистрироваться и сформировать персональную ленту.
  • Muzli. Агрегатор сайтов дизайнерской тематики. Активно пиарится за рубежом. Существует в формате расширения для Chrome и подсовывает подборку для вдохновения каждый раз, когда открываешь новую вкладку. Кого-то вдохновляет. Но, на мой взгляд, дико отвлекает от работы.

Подтянуть матчасть

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

  • Интерфейсы без шелухи. Толковая рассылка о том, как сделать пользователю удобно. На сайте можно порыться в архивах.
  • SkillBox Дизайн. SkillBox — курсы за деньги для тех, кто хочет пробиться в digital. Но также ребята проводят бесплатные вебинары — канал с ними рекомендуем просматривать или хотя бы включать фоном, пока течёт ваш любимый кетчуп.

Конечно, это не все ресурсы в интернете, где можно нахвататься идей для веб-дизайна. Знаете ещё — делитесь в комментариях. Let's catch them all!

0
11 комментариев
Написать комментарий...
Bogdan Diedukh

Ладно, но почему забыли о смартфонах?

http://collectui.com - можно вдохновляться дизайном для Daily UI челленджа, правда UX часто страдает.

https://pttrns.com и http://www.mobile-patterns.com/ - паттерны интерфейсов с реальных приложений.

Uplabs.com же! А именно поддомены:
https://site.uplabs.com/
https://material.uplabs.com/
https://ios.uplabs.com/
Названия говорят сами за себя.

Так же interections:
https://uiinteractions.com/
https://uimovement.com/
http://principlerepo.com/ - готовые примеры для Principle App.

Ответить
Развернуть ветку
Антон Жиянов

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

Рыться в архивах не слишком интересно, так что если хотите получить упорядоченные знания по проектированию интерфейсов — читайте лучше курс лекций: https://dangry.ru/sona/interface/

Там всё изложено по порядку. Ну и подписывайтесь на рассылку, конечно ツ

Ответить
Развернуть ветку
Maximus Chabanyuk

Массивный склад ресурсов. Пожалуй, стоит сохранить в избранное

Ответить
Развернуть ветку
Игорь Гец

Когда человек называет себя веб-дизайнером, то он должен точно знать что и как.
Веб-дизайнер не художник(хотя может привлекать его к проекту) и для вдохновения ему нужны не "картинки" других, а знания и понимание задачи.

П.С. каждый сайт это лицо отдельной компании, а не собирательный образ(как обычно происходит), но «Сибирикс» как ни странно правильно мыслят(вывод сделан после посещения их сайта).
Удачи!

Ответить
Развернуть ветку
Константин Вознесенский

Очередной унылый бесполезный пост для галочки. Почему редакция пропускает такую хрень непонятно.

Автор. Вы еще про тренды дизайна интерфейсов 2017 напишите. По-любому зайдет и всем понравится

Ответить
Развернуть ветку
Sasha Beep

У самого интересного - muz.li нет RSS...

Ответить
Развернуть ветку
Александр Фудин

Спасибо!

Ответить
Развернуть ветку
Анна

В разделе "Найти конкретный элемент" ссылки Codepen Codrops и Web Design Freebies ведут на один и тот же сайт.

Ответить
Развернуть ветку
Андрей Мулгачев

Клевая подборка! Спасибо) Как русские **здили всё, так и продолжают xD

Ответить
Развернуть ветку
Shadlance Darking

Можно подумать это не всем свойственно.

Ответить
Развернуть ветку
Дмитрий Шестаков

все уже создано до нас, но мы ведь можем сделать лучше). Велосипед создавая осилишь мудрость ты.

Ответить
Развернуть ветку
Читать все 11 комментариев
null