Наличие банка хороших идей для дизайна веб-сайтов способно оказаться огромным преимуществом для вашего рабочего процесса. Имея список вдохновляющих ресурсов, вы сможете быстрее и эффективнее приступать к работе над проектами, располагая избытком дизайнерских идей и возможностью лучше соответствовать требованиям любого творческого задания.
Независимо от того, являетесь ли вы опытным веб-дизайнером или только начинаете, объем проекта может быстро сузить количество доступных ресурсов, что затрудняет поиск подходящего примера для вдохновения. Однако наличие нескольких надежных отправных точек может помочь вам удовлетворить потребности клиентов, поощряя вас исследовать новые дизайнерские решения, идти в ногу с тенденциями дизайна и развивать свой творческий потенциал.
Вот 19 источников, которые вы можете использовать для вдохновения при создании веб-сайтов:
1. Best Website Gallery
Тщательно отобранная галерея вдохновляющих веб-дизайнов премиум-класса, управляемая одним человеком, Дэвидом Хеллманном. Он начал этот сторонний проект еще в 2008 году, и до сих пор остается надежным ресурсом, возможно, потому, что платформа также служит личной галереей вдохновения Дэвида.
Если задуматься, это отличная идея. Возможно, к концу прочтения этого поста вы будете вдохновлены и вооружены, чтобы начать создавать собственную галерею вдохновения!
Best Website Gallery, или BWG, использует систему тегов, чтобы вы могли быстро находить сайты в зависимости от их стиля, подхода к дизайну, функциональности и многого другого. Это очень удобно, поскольку для просмотра вам представлены более 2600 качественных веб-сайтов.
Почему вам следует обратиться к BWG за вдохновением
Потому что BWG может похвастаться обширной, высококачественной, тщательно отобранной галереей с возможностью поиска и надежной системой тегов. Это особенно полезно для:
Сайты портфолио
Если вы из тех, кто любит принимать участие в ежегодной первомайской перезагрузке таблицы стилей, довольно удобно иметь под рукой множество примеров портфолио других дизайнеров, глядя на которые можно вдохновиться.
Сайты агентств
Агентства, как правило, привлекают креативщиков самого высокого уровня, поэтому их веб-сайты часто входят в число лучших из лучших в Интернете. Они могут быть вдохновляющими не только для веб-сайта вашего собственного агентства, но и для сайта любого клиента, компании или портфолио.
Цветовое вдохновение
BWG дает вам возможность фильтровать сайты по цвету, чтобы вы могли легко найти красивую цветовую палитру, включающую цвета бренда вашего клиента!
2. Behance
Behance позволяет действительно легко найти огромное количество идей для веб-дизайна при помощи их огромного, разнообразного творческого сообщества. Переключайте настройки поиска, чтобы указать временные рамки, популярность и/или местоположение. Например, вы можете выполнить поиск по запросу «самые популярные веб-дизайны за последнюю неделю в Торонто, Канада» и найти эти результаты. По крайней мере, это даст вам возможность по-новому оценить размер и талант мирового творческого сообщества!
Почему вам следует обратиться к Behance за вдохновением
Учитывая, что Behance входит в семейство компаний Adobe, это, вероятно, самое большое и самое активное творческое сообщество в мире. А его чрезвычайно подробные параметры фильтрации могут помочь вам найти практически все, что вы ищете, от последней популярной типографики из Японии до самых обсуждаемых дизайнов пользовательского интерфейса, созданных в Мексике и лучших копирайтеров из вашего родного города.
Вдохновение от сообщества
Такие фильтры, как «наиболее оцениваемый», позволяют заглянуть в творческое коллективное подсознание и гарантируют, что вы увидите лучших из лучших — с точки зрения лучших.
Фильтр «Используемые инструменты»
Большинство сайтов-источников вдохновения не знают, какие инструменты используются в творческом процессе, но не Behance, который дает вам удобный способ увидеть, что люди делают с определенной платформой или инструментом, с помощью фильтра «Используемые инструменты» (в разделе «Дополнительные фильтры»).
3. Awwwards
Респектабельная система наград Awwwards привлекает заявки высочайшего качества — то есть те, которые постоянно раздвигают границы между искусством и веб-дизайном.
Качество вдохновения отражает качество жюри: компания Awwwards заручилась помощью некоторых из лучших специалистов современного веб-дизайна, чтобы оценить качество каждой заявки.
Почему вам следует обратиться к Awwwards за вдохновением
Если исключить Webbys (которые немного шире по охвату), Awwwards в значительной степени является золотым стандартом, когда дело доходит до признания самого высококачественного веб-дизайна, создаваемого сегодня. И тому есть несколько причин.
Голосование экспертного жюри
Хотя большинство вдохновляющих сайтов являются личными или побочными проектами, Awwwards тщательно отобрала в жюри веб-экспертов, которые тщательно взвешивают каждый представленный сайт. И они не просто оценивают сайт на основании того, насколько он «привлекательный»: вместо этого они рассматривают дизайн, удобство использования, креативность и контент каждого сайта, присваивают каждому параметру оценку, а затем подсчитывают общий балл. Они даже объясняют систему подсчета очков.
Разбивка по подробным страницам
Но прозрачность не ограничивается обменом их системой подсчета очков. Они фактически отображают оценки каждого члена жюри по всем четырем параметрам прямо на странице с подробными сведениями о сайте — вместе с оценками обычных членов сообщества (которыми вы можете стать, присоединившись к платформе).
Обширная маркировка
Наконец, Awwwards помечает каждый сайт множеством терминов, детализирующих различные элементы, такие как используемые фреймворки и платформы, доминирующие цвета и детали отрасли / вертикали.
4. CSS Nectar
Вдохновляющие сайты CSSnectar проходят тройную проверку. Во-первых, существует плата за отправку веб-сайта на рецензирование, и можно с уверенностью предположить, что люди не будут платить за отправку, если они не уверены в своей работе и не гордятся ею. Во-вторых, команда креативщиков просматривает каждую заявку до того, как она будет опубликована.
Почему вам следует обратиться CSSNectar за вдохновением
Трижды проверенный контент.
В то время как вы можете найти контент, созданный людьми, и вдохновение для дизайна повсюду в Интернете, трехэтапный процесс проверки с участием тщательно отобранных экспертов действительно помогает найти лучшие из лучших.
Подробные параметры фильтрации
CSS Nectar упрощает поиск вдохновения для определенных типов сайтов при помощи своих тегов и фильтров, которые включают теги категорий, функций, стран и цветов.
5. Abduzeedo
Abduzeedo предлагает большие дозы дизайнерского вдохновения каждый день, что позволяет вам идти в ногу с сегодняшними тенденциями веб-дизайна. А поскольку вещи не ограничиваются веб-дизайном, вы обнаружите, что это помогает расширить вашу личную парадигму дизайна до новых измерений. В конце концов, ничто не говорит о том, что ваш следующий сайт не может быть вдохновлен потрясающим графическим дизайном в печатной рекламе, не так ли?
Почему вам следует обратиться к Abduzeedo за вдохновением
Записи с практическими примерами
Каждая заявка на Abduzeedo представлена как практический пример с подробной информацией о проекте, клиенте (или бренде), подходе к дизайну и решениях, а также элементах дизайна.
Простой и понятный пользовательский интерфейс
Дизайн Abduzeedo простой, чистый и минималистичный, что делает навигацию легкой и понятной.
6. SiteInspire
SiteInspire, управляемый Дэниелом Хауэллсом из Howells Studio, может похвастаться огромной библиотекой вдохновляющих веб-сайтов, которые вы можете легко фильтровать с помощью обширной системы тегов. Использование нескольких тегов одновременно может действительно улучшить тип веб-вдохновения, которое вы получите, а различные комбинации могут дать некоторые интересные результаты.
Почему вам следует обратиться к SiteInspire за вдохновением
Элегантная система тегов поможет вам найти нужное вдохновение.
Предметное вдохновение
Как фрилансеры и дизайнеры агентств, вы хорошо знаете, что иногда вам нужно вдохновение для конкретной отрасли или бизнес-вертикали. Независимо от того, в какой отрасли вам нужно вдохновение, тематические теги SiteInspire приведут вас в нужное место.
Навигация на основе стилей
Иногда предмет или отрасль интересуют вас меньше, чем общий макет или даже конкретный шаблон дизайна. К сожалению, когда вы ищете что-то вроде «необычной навигации» на других вдохновляющих сайтах, результаты обычно не то, что вы ищете. К счастью, на сайте SiteInspire есть фильтры/теги только для этого, и они отлично подходят для поиска гипер-ориентированного вдохновения.
7. Landbook
Land-book позиционирует себя как «источник вдохновения для лучших веб-сайтов, отобранный вручную», и на это есть веские причины. Land-book предлагает широкий выбор целевых страниц из различных отраслей. В Land-book вы найдете широкий спектр дизайнерских идей, от целевых страниц SaaS, веб-сайтов агентств и портфолио до магазинов электронной коммерции.
Вы даже можете создать учетную запись на их веб-сайте и сохранить коллекцию дизайнов веб-сайтов, на которые вы захотите посмотреть позже. Ищете ли вы ретро-дизайн, вдохновение для социальных сетей, хотите изменить дизайн или работаете над пользовательскими интерфейсами, Land-book — хорошее место для вдохновения.
8. Dribbble
В зависимости от того, как часто вы ищете вдохновения, вы, вероятно, сталкивались с Dribbble — сообществом дизайнеров, которые делятся своими знаниями и развивают свои навыки, причем все это на одной торговой площадке. Это отличный ресурс для любого дизайнера, но он особенно полезен как источник вдохновения для дизайна.
Почему вам следует обратиться к Dribbble за вдохновением
У Dribbble есть большая витрина дизайна — от печати до веб, поэтому это прекрасный ресурс для поиска вдохновения не только в веб-дизайне.
Поиск вдохновения вне веб-дизайна
Иногда лучшие идеи дизайна веб-сайтов приходят, когда вы делаете что-то совершенно новое. Попробуйте найти вдохновение в графическом дизайне или анимации. У Dribbble есть множество разнообразных дизайнов для разных сфер деятельности, которые помогут повлиять на ваш творческий подход. Если вы ищете вдохновение для UX или даже для веб-разработки, Dribbble — отличное место для вдохновения.
9. Brutalist Websites
Это немного необычно, но: в мире дизайна, где доминируют веб-сайты, которым нужно, прежде всего, привлекать новых пользователей и зарабатывать больше денег, средний палец, который представляет собой брутализм, поднятый в сторону UX, может быть чем-то вроде глотка свежего воздуха.
На Brutalist Websites вы не увидите кучу изысканных взаимодействий, нежных наборов шрифтов или строго гармоничных сеток. Вместо этого вы увидите массивные заголовки, написанные старыми «веб-безопасными» шрифтами, причудливые эффекты на основе курсора, которые, кажется, предназначены для уничтожения, а не для навигации по веб-сайту, и эффекты прокрутки, способные атаковать любые чувства.
В целом, собранные здесь сайты предлагают интригующее представление о том, чем может быть Интернет, когда креативность не связана с конверсиями. И хотя брутализм, конечно же, не единственный способ исследовать эту тему, он очень интересен.
Почему вам следует обратиться к Brutalist Websites за вдохновением
Истинно художественное вдохновение
Большая часть Интернета не посвящена самовыражению. Напротив, речь идет о росте: новых читателях, новых подписчиках, новых клиентах, а это — всплывающие окна, реклама, поглощения и спонсорский контент.
Брутализм, напротив, открывает пространство, где дизайнеры могут делать то, что они хотят, а не то, что они должны. Созданные здесь работы избегают всех советов по оптимизации и списков передовых методов в пользу внешнего вида и эффектов, которые живут в резких ощущениях, а иногда граничат с оскорблением.
Если вам нравится смотреть, как креативные дизайнеры расслабляются и не беспокоятся о том, чтобы увеличить продажи, Brutalist Websites придется вам по вкусу.
Вдохновение для веселого дизайна
Еще одна замечательная черта Brutalist Websites — это то, насколько странным может быть этот «неотшлифованный» дизайн. Легко заблудиться на сайтах, которые отбирает для вас ресурс, удивляясь тому, как сильно отражает 90-е сайт NO, SHE DOESN’T LABEL, или даже насколько хорош такой сайт, как Internet Warriors.
Brutalist Websites — это сайт, на который вы заходите за сюрпризом. И один из этих сюрпризов заключается в том, насколько бруталистские веб-сайты могут быть близки к остальной части Интернета — вы знаете, к той части сайтов, которые не были оптимизированы до упора.
10. Admire The Web
Admire The Web — еще один сильный ресурс благодаря высококачественному тщательно отобранному контенту. Поиск по сайту оказывается более обременительным, чем у других в нашем списке, но награда заключается в богатом контенте.
Почему вам следует обратиться к Admire The Web за вдохновением
Категории вдохновения
Admire The Web, возможно, не столь популярен или престижен, но его контент заслуживает внимания, поэтому, если вы не прочь немного напрячь глаза, то в одно мгновение откроете для себя богатую жилу тематического вдохновения.
Связанный контент
В наши дни многим сайтам нужен классический элемент «Похожий контент» в стиле Amazon. В то время как легко отмести в сторону контент, когда совпадение не столь точное с том постом, который действительно вас вдохновляет, похожий контент позволяет легко продолжать рыть туннель в этой кроличьей норе вдохновения.
11. Template Monster
Возможно, магазин будет не первым местом, о котором вы подумаете, когда станете искать творческое вдохновения. В конце концов, дизайн имеет тенденцию к более общей стороне визуального спектра.
Тем не менее, Template Monster может оказаться действительно эффективным местом, с которого можно начать, поскольку качественные темы, как правило, имеют по настоящему хорошую архитектуру и часто уделяют пристальное внимание лучшим практикам.
Используйте темы в качестве вдохновения, изучив их структуру контента и шаблоны визуального дизайна, а затем примените собственные творческие идеи в соответствии с потребностями проекта.
Почему вам следует обратиться к Template Monster за вдохновением
Качественное вдохновение для лучших практик
Хотя «лучшие практики» дизайна могут различаться в разных отраслях, и часто основаны больше на предположениях и традициях, чем на анализе, их стоит изучить, особенно когда вы разрабатываете что-то для незнакомой отрасли. С более чем 25 тысячами шаблонов практически во всех сферах деятельности вы обязательно найдете что-то, что вам поможет.
Примечание редактора: другие популярные тематические магазины, от таких гигантов, как Themeforest, до бутиков, таких как Pixel Union, также могут стать отличным местом для поиска вдохновения.
12. Pttrns
Мы знаем, о чем вы думаете: почему сайт, посвященный дизайну мобильных приложений, включен в список идей для веб-дизайна?!
Что ж, любое мобильное приложение может служить отличным источником вдохновения для ваших небольших проектов с точками останова. Кроме того, если вы немного абстрагируетесь от среды, совсем не трудно представить, как шаблон мобильного дизайна может повлиять на ваши проекты для больших экранов.
Кроме того, Pttrns имеет различные виды экранов для каждого отобранного приложения, поэтому вы можете легко получить более широкое представление о том, как шаблоны дизайна воспроизводятся в нескольких средах, и обеспечить согласованность (или внести различия) в течение всего потока.
Почему вам следует обратиться к Pttrns за вдохновением
Фокус на шаблонах
В отличие от многих других сайтов, Pttrns фокусируется (что удивительно) на шаблонах дизайна, разделяя избранные приложения на такие категории, как «подтверждение», «спросить разрешение» и «лента действий». Так что, если вы ищете вдохновение в небольшом подмножестве взаимодействия или потока, Pttrns предоставит вам лучший набор результатов.
Мобильно-ориентированный
Хотя многие из дизайнов и структур в Pttrns являются нативными приложениями, мы все знаем, что в наши дни мобильный Интернет совсем не уступает нативному, поэтому черпать вдохновение отсюда для мобильных веб-макетов довольно хорошая идея.
13. Pinterest
Может быть, вы слышали об этом не таком уж маленьком веб-сайте Pinterest? Pinterest — это центр распространения контента в Интернете. От кулинарных рецептов до дизайнерских идей — в Pinterest есть все. Если вы выполните поиск по запросу «вдохновение для веб-дизайна», то увидите всех пользователей, которые «прикрепили» свой любимый контент в области веб-дизайна, чтобы другие могли его увидеть.
Почему вам следует обратиться к Pinterest за вдохновением
Pinterest не только позволяет вам находить вдохновляющие дизайны для вашей собственной работы, но также может помочь вам найти контент, который вдохновит, сформирует или изменит всю вашу карьеру дизайнера. Поскольку любой желающий может разместить пост на Pinterest, вы найдете широкий спектр контента от витрин веб-сайтов до ценных публикаций в блогах.
Всем успешной работы и творчества!
0 комментариев