Лого vc.ru

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

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

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

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

Если вы внаглую обводите сайты дня с 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!

Присылайте свои колонки и интерфейсные кейсы на interface@vc.ru.

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

0

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

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

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

pttrns.com и www.mobile-patterns.com/ - паттерны интерфейсов с реальных приложений.http://Uplabs.com же! А именно поддомены:
site.uplabs.com/
material.uplabs.com/
ios.uplabs.com/
Названия говорят сами за себя.

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

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

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

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

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

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

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

0

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

0

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

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

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

0

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

Прямой эфир
Нейронная сеть научилась читать стихи
голосом Пастернака и смотреть в окно на осень
Подписаться на push-уведомления