Где веб-дизайнеры подсматривают идеи
Каждый художник (и веб-дизайнер в том числе) немного вор: в одном месте утянул идею, в другом — сюжет, переварил своим креативным котелком и получил шедевр.
Если вы внаглую обводите сайты дня с Awwwards, вдохновляясь цитатой «Хорошие художники копируют, великие — воруют» — будьте осторожны, не порежьтесь об осколки разбитых иллюзий. Потому никто так не говорил, ребят. Это такое же сомнительное порождение интернетов, как цитаты Стетхема.
В оригинале говорилось, что воруют бездари, а креативные ребята только копируют и улучшают. Поэтому хватит лентяйничать, пора делать оригинальные макеты. С вас — усердная работа котелка, с нас — пища для переваривания :)
Мы потрясли дизайнеров Сибирикса и выяснили, где они ищут идеи и вообще вдохновляются (легально). Нашли и затёртые до дыр ссылки (Awwwards, кто бы сомневался), и кое-что оригинальнее. Раскидали по целям:
Получился неплохой такой склад вдохновения. Хватит и мудборд собрать, и фишку проекта придумать, и даже найти пару кусочков кода, чтобы облегчить жизнь верстальщику.
Мы потрясли дизайнеров Сибирикса и выяснили, где они ищут идеи и вообще вдохновляются (легально). Нашли и затёртые до дыр ссылки (Awwwards, кто бы сомневался), и кое-что оригинальнее. Раскидали по целям:
- Собрать идеи для сайта.
- Найти конкретный элемент.
- Нахвататься визуального вдохновения.
- Посмотреть всё в одном месте.
- Подтянуть матчасть.
Получился неплохой такой склад вдохновения. Хватит и мудборд собрать, и фишку проекта придумать, и даже найти пару кусочков кода, чтобы облегчить жизнь верстальщику.
Собрать идеи для сайта
По этим ссылкам можно посмотреть, как вообще выглядят добротные сайты — в случае, если референсы заказчика окончательно затёрли ваши представления о плохом и хорошем дизайне. Изучаем, впитываем, настраиваемся на правильную волну.
Awwwards | Не баян, а классика. Хотя «Коллекции» на Awwwards — относительно свежая фишка. |
---|---|
CSS Winner 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 — для тех, кто не хочет ворошить его завалы самостоятельно. |
Codrops Codepen | Ресурсы, где хранятся уже готовые рабочие элементы: хоть сейчас вставляй на сайт. Находите что-то крутое, обыгрываете в своём дизайне и несёте нужный кусок кода верстальщику — профит! |
Web Design Freebies | Подборка иконок, шрифтов, иногда проскакивают мокапы — золотая жила для мудборда. Больше не обновляется, так что пользуйтесь, пока не протухло. |
Color Supplyyy App | Простое и приятное приложение для подбора цветовой гаммы. |
Fonts Google | Шрифты, которые Гугл одобряет. |
Uimovement | Коллекция няшных микровзаимодействий. |
Нахвататься визуального вдохновения
Просто подборки картиночек, которые помогают нашим дизайнерам словить вдохновение.
Design Collector | Фото, видео, картинки и прочая мишура, которая помогает нащупать вектор, в котором нужно творить. |
---|---|
ffffound | Чуть более хипстерский склад изображений: больше глитча, кислотных гифок и сисек. |
Designspiration | Сборная солянка из дизайнерских работ и фоточек из инстаграма. |
Посмотреть всё в одном месте
Если вам нужно посмотреть сразу и макеты, и иконки, и шрифты, но вы слишком цените свой work in progress, чтобы переключаться между сайтами, кликайте по ссылкам ниже. Там есть всё, только поисковый запрос уточните.
Behance | Самые большие склады графического добра в интернетах, русском и забугорном. |
---|---|
Revision | Ресурс с работами отечественных студий и дизайнеров. |
LookWork | Сайт идентифицирует себя как «Visual RSS». И не врёт. Можно отслеживать интересующие темы, выбирая их в меню, или зарегистрироваться и сформировать персональную ленту. |
Muzli | Агрегатор сайтов дизайнерской тематики. Активно пиарится в инострании. Существует в формате расширения для Хрома и подсовывает подборку для вдохновения каждый раз, когда открываешь новую вкладку. Кого-то вдохновляет. Но ИМХО — дико отвлекает от работы. |
Подтянуть матчасть
На случай, если работа застопорилась не из-за отсутствия идей, а из-за недостатка скила, можно погулять по этим ссылкам.
Интерфейсы без шелухи | Толковая рассылка о том, как сделать пользователю удобно. На сайте можно порыться в архивах. |
---|---|
SkillBox Дизайн | SkillBox — курсы за деньги для тех, кто хочет пробиться в диджитал. Но также ребята проводят бесплатные вебинары — канал с ними рекомендуем просматривать или хотя бы включать фоном, пока течёт ваш любимый кетчуп. |
Конечно, это не все ресурсы в интернете, где можно нахвататься идей для веб-дизайна. Знаете ещё клёвые места? Делитесь в комментах — let’s catch them all!