20 полезных сайтов для вдохновения в веб-дизайне

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

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

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

Интернет, мобильные устройства, эффекты, макеты и многое другое

В этом посте я расскажу о разнообразии.

Включая галереи, посвященные мобильному дизайну, галереи, демонстрирующие примеры «специальных» эффектов, и несколько ресурсов, посвященных макетам дизайна. В конечном счете, эти сайты предназначены для просмотра, когда вы ищете вдохновение, особенно в случае создания веб-сайта.

1. Лапа Ниндзя

У меня есть Lapa Ninja на панели закладок с тех пор, как он впервые появился на Product Hunt, то есть 7 лет назад. В наши дни сайт расширился и теперь включает в себя множество ресурсов для дизайна, но его основная цель — выделить лучшие дизайны целевых страниц — осталась прежней.

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

2. Благочестивый

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

Вам также не нужно посещать каждый сайт, поскольку Godly встраивает 15-20-секундные видеоролики, чтобы продемонстрировать основную концепцию каждого дизайна. Например, если что-то бросается в глаза – вы можете это посетить.

3. Бруталистские сайты

Что такое брутализм в дизайне? Как красноречиво выразилась Кейт Моран: «Брутализм в цифровом дизайне — это стиль, который намеренно пытается выглядеть сырым, бессистемным или неприукрашенным. Это перекликается с веб-сайтами в стиле начала 1990-х (вспомните Craigslist и Drudge Report). Иногда этот аспект брутализма выражается в голом, почти голом HTML-сайте с синими ссылками и монохромным моноширинным текстом».

Что касается меня, мне нравится минималистичный подход к дизайну, который также является одним из элементов, которые реализуются во многих веб-дизайнах в бруталистическом стиле. Единственное «предостережение» заключается в том, что все дизайны сразу перечислены на главной странице. Придерживаясь всей бруталистской идеи, я полагаю.

4. Баночка пользовательского интерфейса

UI Jar делает несколько вещей. Во-первых, это созданная вручную коллекция вдохновляющих веб-дизайнов, которые вы можете отфильтровать по цвету, стилю и отрасли. Но, кроме того, вы также можете изучить раздел «Брендинг», в котором представлены дизайны брендов на основе продуктов. Кроме того, в UI Jar есть раздел «Коллекции». Коллекции предназначены для демонстрации лучших дизайнов в определенной категории, такой как портфолио, типографика и т. д.

5. ХОВЕРСТАТ . ЕС

hoverstat.es фокусируется на неортодоксальных, творческих и экспериментальных типах дизайна. Это также хороший ресурс для проверки того, что возможно в браузере. Сайт работает с 2012 года, поэтому существует огромный каталог сайтов для изучения. Тем не менее, hoverstat.es время от времени публикует , но это в основном для того, чтобы сузить свое внимание к действительно уникальным и захватывающим проектам.

6. Поземельная книга

Моя любимая особенность Land-book — обширная система фильтрации. Вы можете сузить поиск до типов веб-сайтов, таких как портфолио или электронная коммерция, а затем применить дополнительные фильтры, такие как стили, отрасль и тип.

И моя наименее любимая особенность Land-book — это то, что вы должны создать учетную запись. Конечно, это не нарушение условий сделки, и вы можете создать его за считанные секунды с подключением к Google или Twitter. Регистрация означает, что вы можете просматривать все дизайны, а также сохранять их в отдельном каталоге для дальнейшего использования.

7. Любовь на одной странице

Роб Хоуп запустил One Page Love в 2008 году, и, во всяком случае, сайт является настоящей сокровищницей как текущих тенденций дизайна, так и того, каким был дизайн десять лет назад.

У всех списков есть полноразмерные скриншоты, которые пригодятся для старых дизайнов, поскольку есть вероятность, что некоторые сайты были полностью переработаны или оставлены мертвыми. Тем не менее, One Page love имеет превосходный интерфейс категоризации. Вы также можете подписаться на обновления с помощью RSS или подписаться на информационный бюллетень, который будет держать вас в курсе последних 10 одностраничных дизайнов.

8. Любуйтесь Интернетом

Admire The Web содержит более 130 страниц вдохновляющих веб-дизайнов, материалы которых были представлены 11 лет назад. Вы можете просмотреть списки, нажав на их название (а не на изображение), но, насколько я могу судить, скриншоты демонстрируют только первое окно просмотра сайта.

Есть много тегов , которые нужно пройти, особенно если вы ищете вдохновение по определенной теме, например, большие нижние колонтитулы или эффекты параллакса и тому подобное.

9. Сообщество Фигма

Все проекты начинаются в Figma, верно? Ну… во всяком случае, в дизайнерском приложении по вашему выбору.

Просто Figma действительно приняла во внимание аспект сообщества, объединяя дизайнеров со всего мира на одной унифицированной платформе. И это работает.

Если бы не ресурсы сообщества, Figma также хорошо известна своей обширной коллекцией плагинов, которые значительно улучшают рабочий процесс для графических дизайнеров. Вы можете получить любой ресурс (файл, шаблон или плагин) с его страницы, нажав кнопку « Получить копию », и все готово!

10. Минимальная галерея

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

Сайт курируется Питом Терхейденом, и нет никаких «ограничений» для проектов, представленных в этой галерее. Вы можете найти все, от редизайна бренда до творческих личных портфолио. Другими словами, пока дизайн остается верным минимализму, есть шанс, что он может быть представлен на этом сайте.

11. Моббин

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

В таком случае Mobbin предоставляет, вероятно, лучший обзор того, что люди и крупные бренды делают со своим выбором мобильного дизайна. И даже если большинство из них — это дизайн мобильных приложений, существует множество небольших элементов UI/UX, которые можно изучать и изучать.

Все списки Mobbin (более 500 из них) сопровождаются сотнями скриншотов в приложении как для iOS, так и для Android. И они также хранят историю, поэтому, если приложение было переработано, вы можете вернуться в прошлое и посмотреть, как оно выглядело тогда. Звучит слишком хорошо, чтобы быть правдой, верно?

Что ж, как бесплатный пользователь — у вас есть некоторые ограничения, например, количество коллекций, которые вы можете создать (3 для бесплатного уровня), и вы не можете воспользоваться премиальными фильтрами / функциями поиска.

12. СОХРАНИТЬ

SAVEE — это платформа для курирования дизайна, и я бы сказал, что в этом отношении она довольно нишева. Он охватывает различные дизайны, и если вас интересует именно веб-дизайн, вам придется поискать его.

Основная причина использования этой платформы — если вы ищете необычное дизайнерское вдохновение. Такие платформы, как SAVEE, как правило, привлекают более конкретную аудиторию (в данном случае дизайнеров), поэтому вдохновение для дизайна может варьироваться от реальных веб-проектов до изображений и фотографий.

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

13. Дриббл

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

14. Беханс

Behance также является одним из тех старожилов, которые продолжают оставаться сильными. Как и Dribbble, это управляемая сообществом платформа для всех типов дизайнеров. Лично мне в Behance нравится то, насколько совершенна его функция поиска. Вы можете выполнить краткий поиск, используя только встроенные функции, которые пригодятся при поиске вдохновения для определенного стиля/схемы.

15. Награды

Awwwards — это платформа дизайна и разработки, которая продвигает инновационные и нестандартные веб-дизайны, которые затем оцениваются избранными специалистами. Эти специалисты, жюри, избираются каждый год независимо друг от друга, и любой желающий может подать заявку на участие в этой комиссии.

Сайт работает с 2014 года, так что есть много истории для изучения! Для всех списков голоса, отданные жюри, являются публичными, как и голоса пользователей. Жюри также может оставлять заметки, но это основано только на цифрах, поэтому реальных мнений нет.

Тем не менее, Awwwards хорошо известен в сообществе, и люди гордятся тем, что один из баннеров Awwwards размещен на их веб-сайте. Кроме того, из-за того, насколько большой платформа стала за эти годы, это также хорошее место для привлечения потенциальных работодателей, демонстрируя свои собственные навыки!

16. Сайт вдохновляет

На сегодняшний день Siteinspire обработал более 7700 активных заявок. Как и следовало ожидать, это галерея домашних страниц, использующая интересные и современные методы веб-дизайна. Но определенно есть некоторые особенности, которые делают эту галерею уникальной. Одним из них является возможность фильтровать результаты по дизайнеру/агентству, доступ к которым можно получить из раздела «Каталог».

Еще одна особенность — возможность сортировать результаты по стилям, типам и темам. А если вы создадите учетную запись, вы также сможете создавать свои собственные коллекции на заказ.

17. Музли

Я узнал о Muzli в этом году после публикации статьи о различных CSS-трюках для фронтенд-разработчиков.

Через несколько дней я увидел значительное количество посетителей из Музли — я заценил проект, и, конечно же, это вещь! Настолько, что у расширения Muzli Chrome более 300 000 пользователей.

По их собственным словам,

Muzli мгновенно предоставляет передовые дизайнерские проекты и новости каждый раз, когда в вашем браузере открывается новая вкладка. Откройте для себя лучшее вдохновение для веб-дизайна, лучшие веб-сайты, лучшие логотипы, веб-тенденции, лучшие мобильные сайты и приложения, минималистские веб-сайты, бруталистские веб-сайты, инновационные иллюстрации, особенности дизайна, уникальные веб-сайты, фотопроекты и изобразительное искусство, а также мнения и статьи. от экспертов по дизайну в Интернете и по всему миру.

Muzli выполняет некоторые курирования автоматически (с таких сайтов, как Dribbble и некоторых других в этом списке), а затем пользователи также могут оставлять свои отзывы. По сути, это немного похоже на RSS-ридер для дизайнеров/разработчиков на стероидах.

18. ФВА

Здесь у нас есть The FWA — еще один сайт в стиле галереи, посвященный наградам. В отличие от Awwwards, в состав жюри FWA входят более 500 дизайнеров и разработчиков со всего мира. Как и Siteinspire, FWA также имеет каталог лучших агентств и частных лиц.

19. Ввод/вывод 3000

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

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

Галерея I/O 3000 фокусируется как на японском, так и на западном дизайне. Если вы когда-нибудь захотите, я настоятельно рекомендую проверить, что делают люди за границей! И да, это каламбур.

20. Типволк

Мы просматривали множество сайтов/галерей, специально демонстрирующих полные сайты, и Typewolf тоже в некотором роде делает это. Но больше, чем графический дизайн, Typewolf сосредоточен на последних тенденциях в типографике. Typewolf использует систему «Сайт дня», но вы также найдете множество статей и ресурсов, чтобы узнать больше о том, как шрифт влияет на общий дизайн, который вы создаете.

Если вы когда-либо искали пары шрифтов, скорее всего, Typewolf был одним из сайтов, на которые вы попали.