18 ресурсов для вдохновения веб-дизайнеру

Всем привет, на связи WAYUP. Сегодня мы посмотрим сайты с сайтами. Ресурсы, на которых публикуются лучшие образцы веб-дизайна. Это пригодится тебе для вдохновения, а еще для поиска новых стилей, тренировки насмотренности и просто чтобы быть в тренде.

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

Плагиат — это плохо. Но заимствование не всегда является плагиатом. Особенно в направлении UX/UI. Если бы не было заимствования, то мы бы застряли в каменном веке. А так мы берем самые удобные и полезные штуки и внедряем их в жизнь, даже если придумал их кто-то другой.

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

Если ты уже состоявшийся дизайнер и попал в пучину ступора, то здесь тоже есть решение. Видишь хороший сайт — не передирай его. А выпиши себе списком, чем этот сайт так тебе понравился и почему он подходит для проекта. Нравится асимметрия, контрастный акцент, параллакс и сочетание курсивного и жирного шрифта? Так и сделай все это в своем проекте без копирования оригинала. Будет так же круто, но без плагиата. К тому же, плагиат — это вредно для карьеры. Это как минимум репутационный риск, как максимум — юридическая ответственность. И скажем прямо, постоянное копирование чужого не дает расти как специалисту. Нужно создавать свой продукт, только так ты сможешь стать профи и держать планку.

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

Вот мы подобрали немного ресурсов, которые в этом деле помогут.

18 ресурсов для вдохновения

1. Siteinspire — много классных сайтов, которые разделены по категориям. Можно найти схожую сферу деятельности или вдохновляться сайтами других направлений — тут их достаточно. Что примечательно — нет никаких условностей и заданной стилистики, подборка пестрит очень разноплановыми работами.
2. Design made in germany — оригинальный подход к созданию веб-страниц от немецких дизайнеров. Много современных работ, которые создаются по последним трендам или даже диктуют их.
3. Design shack — ссылка ведет на страницу с критикой сайтов. Демонстрация проекта, разбор экспертов, подробный анализ. Полезно не только для вдохновения, но и для общего понимания, как сделать сайт хорошо, а какие детали лучше не использовать.
4. Best Website Gallery — здесь можно не только посмотреть крутые сайты, но и участвовать в голосовании за лучшие из них. Есть ветки обсуждения, где веб-страницы обсуждаются пользователями и специалистами. Поделиться мыслью или узнать чужое мнение — бесценно.
5. CSS Design Awards — подборки с хорошими сайтами. По итогам месяца выбираются лучшие работы. А еще можно сортировать их по темам.
6. Awwwards — ты уже знаешь об этом ресурсе, но любая подборка сайтов для вдохновения без него будет неполноценной. Все еще это одна из главных площадок для дизайнеров, которые хотят и других посмотреть, и себя показать — можно за €50 участвовать в конкурсе за награду. А можно просто бесплатно смотреть, какие интересные сайты делают мастера своего дела.
7. FltDsgn — крутые подборки в стиле Flat Lay. Там же описания проектов, которые могут помочь при ступоре с твоими задачами. Ищи подобные кейсы и смотри, как их реализовали.
8. Behance — этот ресурс тоже явно не станет открытием. Но от этого он не становится хуже, а наоборот — тысячи дизайнеров со всего мира делятся тут своими работами. И кстати, если у тебя еще нет портфолио на Behance, то пора его завести. Это все чаще становится пожеланием, а иногда и требованием работодателя/заказчика при выборе исполнителя. Читай подробнее, как сделать портфолио, с которым тебя захотят.
9. One Page Love — классные одностраничники. Если ты специализируешься на лендингах, то тут можно найти вдохновения целый мешок. Лаконичные и удобные страницы, которые наглядно показывают, что размер не главное. Есть не только примеры хороших работ, но еще и шаблоны.
10. Land-book — еще одна подборка отличных лендингов и не только. Там же есть примеры удачных блогов, интернет-магазинов, портфолио.
11. Pinterest — тут найдется и вдохновение сайтами, и дизайном в целом, и цветовыми палитрами, это универсальный ресурс для вдохновения творческого человека. Здесь просто волшебная настройка рекомендаций — сервис при последующих посещениях будет выдавать действительно релевантные подборки, основываясь на твоих интересах. Ну и плюс удобная функция сохранения интересных идей.
12. Dribbble — здесь публикуются достойные работы, ведь вход в клуб только по приглашению. Но это касается только публикаций — смотреть можно всем. Так что если ты еще не там, то хотя бы учись у лучших, чтобы в один прекрасный день получить инвайт.
13. Design Collector — сюда сливается много плодов современного искусства, в том числе цифрового. Есть и фото, и иллюстрации, и видео, и NFT, и музыка. Даже дизайн интерьеров. Не столько о сайтах, сколько о творчестве в целом. Хотя из многих артов можно почерпнуть идеи для расположения блоков и цветовую палитру.
14. Designspiration — много интересных примеров сайтов, но это еще не все. Тут есть разделы с архитектурой, искусством, фотографиями, типографикой. И интересные функции сортировки. Хочешь найти классные идеи в определенной цветовой гамме? Держи.
15. Scrnshts.club — превьюшки классных сайтов с деталями навигации. В принципе, ничего лишнего — только общий вид, концепт дизайна и кнопок. И сразу в том виде, как это смотрится на смартфоне. А это немаловажно, ведь mobile-first никто не отменял.
16. Abduzeedo.com — подборки по категориям 3d, брендинг, графический дизайн, NFT, иллюстрации, UX\UI и прочим. Концептуальный веб-дизайн, который точно натолкнет на новые идеи.
17. Mobbin.design — находка для тех, кто специализируется на дизайне мобильных приложений. На сайте представлены скриншоты разных сервисов и сайтов — в библиотеке больше 50 тысяч примеров. Естественно, их можно сортировать.
18. Hoverstat.es — это платформа с подборкой действительно новаторских сайтов, которые удивят необычными фишками и нестандартным подходом. Тут будут скорее примеры веб-дизайна для конкурсов, а не стандартных продающих ресурсов. Но если ты ищешь вдохновение, то это точно сюда. Много разноплановых идей, краткое описание проектов, масса впечатлений от увиденного.

Ритуал по вызову музы

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

Просмотр вышеперечисленных сайтов должен помочь. По крайней мере натолкнуть на идею. Если ступор не проходит — отвлекись. Прокрастинация бывает полезной, если задача уже известна. Проект должен “настояться” у тебя в голове, созреть. К тому же, вдохновение можно искать не только в веб-дизайне. Хорошие идеи возникают от занятий совершенно посторонними вещами. Музыка, запахи, эмоции, все это заставляет твой мозг работать. Ищи вдохновение в окружающих предметах, природе, урбанистике.

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

Если хочешь использовать идеи с других ресурсов — ты можешь взять интересные решения из разных проектов и объединить их. Но это решение требует некоторого мастерства. Важно понимать, как сочетать детали, чувствовать целостность структуры. Новичку такое будет сложно. И если ты совсем еще не имеешь опыта, то начни лучше с основ. Пройди обучение на курсе «Веб-Дизайнер: Взрывной старт». Это бесплатно.

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