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

:

: 5

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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