GrabDuck

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

:

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

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

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

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

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

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

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

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

  • Please login or register to view links. Не баян, а классика. Хотя «Коллекции» на Awwwards — относительно свежая фишка.
  • Please login or register to view links, Please login or register to view links, Please login or register to view links. Пачка конкурсов сайтов, на которых работы, бывает, повторяются. Но проскакивают и оригинальные номинанты.
  • Please login or register to view links. Ресурс, где можно и крутые примеры найти, и мнение коллег со всего мира почитать. Обычно все дизайны, которые выкладываются на Awwwards, сперва появляются здесь.
  • Please login or register to view links. Симпатичные сайты, которые редко пересекаются с Awwwards и Ко. Не всегда конкурсные, но всё равно оригинальные и интересные.
  • Please login or register to view links. Подборка минималистичных сайтов с какой-то потаённой изюминкой.
30f4f4079f2579.jpg
  • Please login or register to view links. Тут сайты попроще — бегунок креатива выкручен не больше, чем на 20%.
  • Please login or register to view links. Подборка сайтов с нестандартной сеткой — тренд 2017 года, между прочим.
  • Please login or register to view links. Когда наши дизайнеры не рисуют годноту, они добавляют сайты, которые им понравились, вот сюда.
  • Please login or register to view links. Галерея радикального минимализма. Шикарно вставляет. Чего стоит хотя бы Please login or register to view links экспонат, где на главной странице только текст и курсор в виде банана.
  • Please login or register to view links. Подборка необычных сайтов с удобным фильтром по тегам.
  • Please login or register to view links. Здесь порционно раз в день добавляется по одному хорошему минималистичному сайту.
  • Please login or register to view links. Собрание одностраничных сайтов. Веселых, а порой и не очень приличных. Слабонервные и неженки, ходите аккуратно.

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

Ресурсы на случай, когда общая концепция утряслась, и осталось придумать цепляющие мелочи: шрифты, иконки, взаимодействия.
  • Please login or register to view links. По праву затёртый до дыр ресурс — здесь гигабайты идей для иконок и микровзаимодействий. Самое сложное — найти среди них что-то полезное.
  • Please login or register to view links. Субъективная выжимка из Dribbble — для тех, кто не хочет ворошить его завалы самостоятельно.
  • Please login or register to view links. Ресурсы, где хранятся уже готовые рабочие элементы: хоть сейчас вставляй на сайт. Находите что-то крутое, обыгрываете в своём дизайне и несёте нужный кусок кода верстальщику — профит.
  • Please login or register to view links. Подборка иконок, шрифтов, иногда проскакивают мокапы — золотая жила для мудборда. Больше не обновляется, так что пользуйтесь, пока не протухло.
  • Please login or register to view links. Простое и приятное приложение для подбора цветовой гаммы.
  • Please login or register to view links. Шрифты, которые Google одобряет.
  • Please login or register to view links. Коллекция няшных микровзаимодействий.
cf7de888f8f90e.gif

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

  • Please login or register to view links. Фото, видео, картинки и прочая мишура, которая помогает нащупать вектор, в котором нужно творить.
  • Please login or register to view links. Чуть более хипстерский склад изображений: больше глитча и кислотных гифок.
  • Please login or register to view links. Сборная солянка из дизайнерских работ и фотографий из Instagram.
Посмотреть всё в одном месте
Если вам нужно посмотреть сразу и макеты, и иконки, и шрифты, но вы слишком цените свой work in progress, чтобы переключаться между сайтами, познакомьтесь с ресурсами ниже. Там есть всё, только поисковый запрос уточните.
  • Please login or register to view links. Самые большие склады графического добра в интернете: русском и зарубежном.
  • Please login or register to view links. Ресурс с работами отечественных студий и дизайнеров.
  • Please login or register to view links. Сайт идентифицирует себя как «Visual RSS». И не врёт. Можно отслеживать интересующие темы, выбирая их в меню, или зарегистрироваться и сформировать персональную ленту.
  • Please login or register to view links. Агрегатор сайтов дизайнерской тематики. Активно пиарится за рубежом. Существует в формате расширения для Chrome и подсовывает подборку для вдохновения каждый раз, когда открываешь новую вкладку. Кого-то вдохновляет. Но, на мой взгляд, дико отвлекает от работы.
abc4c172da824c.gif

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

  • Please login or register to view links. Толковая рассылка о том, как сделать пользователю удобно. На сайте можно порыться в архивах.
  • Please login or register to view links. SkillBox — курсы за деньги для тех, кто хочет пробиться в digital. Но также ребята проводят бесплатные вебинары — канал с ними рекомендуем просматривать или хотя бы включать фоном, пока течёт ваш любимый кетчуп.
Конечно, это не все ресурсы в интернете, где можно нахвататься идей для веб-дизайна. Знаете ещё — делитесь в комментариях. Let's catch them all!