Веб дизайн для вдохновения. Взаимодействие с пользователем

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

В закладки

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

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

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

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

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

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

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

Собрать идеи для сайта

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

• Awwwards . Не баян, а классика. Хотя «Коллекции» на Awwwards - относительно свежая фишка.
• 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 - для тех, кто не хочет ворошить его завалы самостоятельно.
• Codepen Codrops . Ресурсы, где хранятся уже готовые рабочие элементы: хоть сейчас вставляй на сайт. Находите что-то крутое, обыгрываете в своём дизайне и несёте нужный кусок кода верстальщику - профит.
• Web Design Freebies . Подборка иконок, шрифтов, иногда проскакивают мокапы - золотая жила для мудборда. Больше не обновляется, так что пользуйтесь, пока не протухло.
• Color Supplyyy App . Простое и приятное приложение для подбора цветовой гаммы.
• Fonts Google . Шрифты, которые Google одобряет.
• Uimovement . Коллекция няшных микровзаимодействий.

Нахвататься визуального вдохновения

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

• Design Collector . Фото, видео, картинки и прочая мишура, которая помогает нащупать вектор, в котором нужно творить.
• Ffffound . Чуть более хипстерский склад изображений: больше глитча и кислотных гифок.
• Designspiration . Сборная солянка из дизайнерских работ и фотографий из Instagram.

Посмотреть всё в одном месте

Если вам нужно посмотреть сразу и макеты, и иконки, и шрифты, но вы слишком цените свой work in progress, чтобы переключаться между сайтами, познакомьтесь с ресурсами ниже. Там есть всё, только поисковый запрос уточните.

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

Часть указанных сайтов и ресурсов используется в работе дизайнера ежедневно, другие - не чаще раза в неделю. С их помощью можно оставаться в тренде новостей веб-дизайна всего за 30-60 минут в день!

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

Вдохновение

Awwwards

Первый сайт из списка "места, куда следует приходить за вдохновением". Именно здесь Кристофер ищет новые идеи.

Muzli

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

One Page Love

Если вам нравится минимализм и одностраничники, то One Page Love подарит вам немало удивительных примеров дизайна.

Бесплатные изображения

Freepik

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

Freebiesbug

Freebiesbug раздает тысячи бесплатных PSD-макетов и других полезных в веб-дизайне ресурсов.

Graphic Burger

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

Палитра

Color.

При помощи Color. можно легко собирать и сохранять комбинации цветов. Движения назад и вперед регулируют HUE, вверх и вниз - яркость, колесико - насыщенность.

Pltts

Коллекция часто используемых палитр от Pltts может вызвать самые удивительные ассоциации. Думаю, сегодня я выберу Wasabi Suicide.

Adobe Color CC

Комбинатор палитр Adobe Color CC , переименованный из Adobe Kuler в нечто более осмысленное. Вместе с ребрендингом он получил мощное "колесо цветов", поэтому грех жаловаться.

Мобильные устройства

Pttrns

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

Так, например, выглядят калькуляторы под iOS8.

WTF Mobile Web

Или "Чего не следует делать при разработке мобильных сайтов". собраны яркие примеры ужасно неудобных дизайнерских решений.

Если вы попали сюда, надеюсь, Google забудет о вашем существовании.

Capptivate

Самый насыщенный источник вдохновения для дизайнеров мобильных сайтов. Capptivate поддерживает фильтрацию по шаблонам и используемых компонентам.

"Просмотр кода элемента" – проверка на поддержку мобильными устройствами

Этот инструмент Кристофер обнаружил совсем недавно, хотя он присутствует в Google Chrome с конца 2013 года. Достаточно щелкнуть правой кнопкой по содержимому страницы и выбрать последний пункт "просмотр кода элемента", либо нажать комбинацию Ctrl+Shift+C. На появившейся панели скраю четко будет видна пиктограмма мобильного устройства, в котором можно выбрать симуляцию любого интересующего вас аппарата.

Econsultancy’s Mobile Web Design Best Practice Guide

Если вы подписаны на Econsultancy, то не помешает скачать книгу с описанием лучших практик мобильного дизайна . 200 страниц чистого знания!

Правила хорошего мобильного приложения от Google

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

Взаимодействие с пользователем

Hover States

Коллекция новых, необычных интерфейсов и дизайнерских решений по взаимодействию с ним. Каждый пример на Hover States снабжен удобной видеодемонстрацией.

Little Big Details

Всем любителям скрупулезной работы над дизайном посвящается Little Big Details - место, где незначительные детали становятся несущей конструкцией дизайна.

UXPin

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

Сообщество

Behance

Dribbble

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

Чтиво

Smashing Magazine

На Smashing Magazine публикуют полезные статьи по дизайну и коду, руководства по созданию пользовательских интерфейсов и по работе с Wordpress. Обновляется ежедневно.

Designer News

Что-то вроде Hacker News, но для дизайнеров. На Designer News сообщество профессиональных дизайнеров делится интересными ссылками и собственным опытом с другими.

User Testing Blog

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

Вот, к примеру, наглядная демонстрация работы дизайнера, отложившего верстку адаптивной версии на потом.

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

Автор - Белла Антоненко , редактор раздела "Дом" блога "The pled" (лайфстайл блог о современных семьях), создатель магазина тканей и подушек Myatafabric .

Сейчас есть прекрасный ресурс, направленный создание творческого контента: он называется Pinterest . Это очень удобный сервис для формирования коллекций картинок на совершенно разные темы. Большим плюсом его является то, что каждый день люди со всего мира загружают в него все новые и новые изображения. Находясь на разных сайтах, есть возможность добавить понравившуюся картинку в свою папку Pinterest. К тому же при сохранении “пин” становится ссылкой на ресурс, с которого он был взят. Хотелось бы отметить уникальную систему сайта, которая позволяет просматривать картинки, похожие на те, что вы изучаете в данный момент. Можно подписываться на доски (так называются папки на определенные темы, куда сохраняются картинки) пользователей, либо на обновление всех досок конкретного пользователя, а также отправлять “пины” друзьям и постить их в другие социальные сети. Таким образом, у вас появляется хранилище ваших предпочтений, которое структурировано по вашему усмотрению, что на наш взгляд очень удобно. Для пользователей смартфонов существует специальное приложение от Pinterest. Казалось бы все прекрасно, но есть большая опасность: застрять тут надолго;)

Просматривая множество картинок, сложно создать определенный образ будущего интерьера у себя в голове. Можно прийти к тому, что нравятся совершенно разные концепции. Для того, чтобы представить наглядно всю картинку интерьера, можно создать доску вдохновения или по-другому - коллаж. Он может быть в электронном виде или реальной доской, прикрепленной к стене. Главное условие - возможность частой визуализации ее содержимого. Смысл в том, чтобы добавлять те фото, которые могут “зацепить”; сперва можно сохранять “разношерстные” изображения, затем постепенно убирать то, что выбивается из выбранной темы. И так как общая картинка уже будет складываться, какой-то элемент, возможно, будет вносить дисгармонию. Это достаточно увлекательный процесс, особенно, если следовать определенной задаче. Например, начать можно с выбора палитры, затем добавить фактуры, интересные решения организации пространства, образцы мебели и так далее. В интересном направлении может повести совсем неожиданный элемент - фото природы, какого-то явления или предмета. Следуйте за своими чувствами, и это может стать первым шагом к новому и приятному опыту.

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

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

По правде говоря, независимо от того, насколько Вы являетесь творческим и знающим человеком в веб-разработке, Вы всё равно не сможете создать самый лучший дизайн страницы, если не имеете под рукой необходимые инструменты и ресурсы. Конечно, Вы можете покупать услуги на различных сервисах, но что если есть бесплатные аналоги, которые практически ничем не хуже их платных "собратьев"? Вы могли даже не знать о существовании данных сервисов, которые являются абсолютно бесплатными.

Отдельно хочу сообщить о другой подборке для веб-дизайнеров, но она относится больше к векторным изображениям:

Итак, вот подборка из 5-ти групп сервисов для веб-дизайнера:

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

С помощью данных ресурсов Вы сможете создавать и генерировать свой собственный уникальный дизайн, который будет не только современным и красивым, а также и максимально удобным.

Следующие сайты являются одними из самых лучших в данной области:

• 1 Freebbble — если Вам нужно еще больше бесплатностей для создания Вашего дизайна, тогда загляните на данный сервис. Здесь Вы найдете очень много великолепных дизайнерских решений, которые можно скачать абсолютно бесплатно.
• 2 AllFreeStock — классный сервис с бесплатными фото, mockup-ами, видео, звуковыми эффектами, а также иконками. Да и сам сайт очень прост в использовании.
• 3 Dribbble — введите в поиске «freebie» и Вы найдете список всех бесплатностей, которые есть на этом сервисе и сможете скачать каждую из них.
• 4 Graphic Burger — дизайн в высоком качестве.
• 5 Pixel Buddha — сайт для профессиональных дизайнеров. Есть платные материалы.
• 6 Freebiesbug — если Вы хотите использовать при разработке дизайна самые новые PSD шаблоны и новинки, тогда обязательно посетите данный сайт.
• 7 365 PSD — большая коллекция PSD файлов.
• 8 Dbf — данный сервис объединяет лучшие бесплатности сервиса Dribble и сервиса Behance.
• 9 Marvel — это бесплатные материалы от дизайнеров, которые имеют хорошую репутацию у своих коллег и клиентов.
• 10 UI Space — материалы ручной работы.
• 11 Free Section of Pixeden — здесь находятся премиум-материалы.
• 12 Free Section of Creative Market — новая бесплатность каждый понедельник.
• 13 Teehan+Lax — это лучший ресурс с mockup-ом для iPhone 6 и iPad, а также графического интерфейса iOS8.
• 14 Tech&All — большая коллекция PSD шаблонов, которые Вы можете использовать без какой-либо дополнительной ответственности.
• 15 Freepik — бесплатные графические ресурсы.
• 16 Tethr — самый потрясающий дизайн для iOS.

19 онлайн-палитр

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

• 1 Material Palette — полезный инструмент для генерации и экспорта цвета для Material Design.
• 2 New Flat UI Color Picker — этот сервис просто обязателен к использованию, если Вы создаете дизайны в современном Flat стиле. Цвета сделают Ваш сайт более привлекательными, несмотря на саму плоскую Flat концепцию дизайна.
• 3 Flat UI Colors — еще один сервис, который должен присутствовать в арсенале дизайнера работающего с Flat.
• 4 Coolors — классный сервис для дизайнеров, который позволяет получить не только великолепные цветовые схемы для сайта, а также сделать это очень быстро.
• 5 Skala Color — это бесплатное ПО для подбора и определения цвета на OS X.
• 6 Couleurs — еще одно приложение для пользователей Mac для работы с цветом на экране монитора.
• 7 Material UI Colors — большой спектр цвета на Ваш выбор.
• 8 Colorful Gradients — большая коллекция готовых градиентов, которые Вы можете использовать в своих проектах.
• 9 Adaptive Backgrounds — плагин jquery который автоматически понимает доминирующий фоновый цвет изображения и делает фоновый блок с таким же цветом.
• 10 Brand Colors — здесь Вы найдете цвета, которые используют самые известные бренды.
• 11 Paletton — данный сервис позволит очень легко подобрать цветовую гамму для Вашего сайта.
• 12 0 to 255 — поиск и изменение цветовых схем происходит намного легче с использованием данного сервиса.
• 13 Colour Lovers — это небольшое сообщества где дизайнеры делятся своими наработками. Вы также можете создать свою цветовую схему или узор и разместить для общего обозрения свое творение.
• 14 Adobe Color CC — цветовые схемы созданные в сообществе Kuler.
• 15 Bootflat — если Вы работаете с сайтами во Flat дизайне, тогда Вы просто обязаны попробовать данный сервис.
• 16 Hex Colorrrs -преобразование из формата HEX в RGB.
• 17 Get UI Colors — с помощью данного сервиса Вы получаете потрясающие цвета для интерфейса пользователя.
• 18 Coleure — отличный инструмент для выбора цвета.
• 19 Palette for Chrome — данный плагин для браузера Google Chrome позволяет создавать цветовые схемы. А изображения можно брать прямо из изображений.

17 сайтов для поиска вдохновения

Чаще всего самая большая проблема любого проекта это начать его. Возможно в Вашей голове плавают какие-либо идеи. Но как их все взять и реализовать? Да еще так, чтобы всё смотрелось действительно современно и стильно? Так почему же не взять некоторые концепции, а также идеи на лучших дизайнерских сервисах в интернете! С помощью данных сервисов Вы сможете самостоятельно создать действительно потрясающий и современный дизайн чего бы то ни было:

• 1 FLTDSGN — Вы работаете преимущественно с сайтами у которых дизайн в стиле Flat? Тогда данный ресурс даст Вам очень много информации благодаря которой у Вас будут происходить идеи постоянно.
• 2 Site Inspire — создаете сайты под заказ и уже не хватает вдохновения? Тогда просто загляните на данный сайт.
• 3 UI Cloud — это одна из самых больших баз, где собраны дизайн для пользовательских интерфейсов. Данный сервис поможет Вам создать очень качественный UI (пользовательский интерфейс) дизайн для своего проекта и обеспечить легкость в использовании сайтом или веб-приложением.
• 4 Moodboard — сервис дает возможность создать свой проект, который будет состоять из определенных изображений в одной стилистике, цветов и других материалов.
• 5 Crayon — если Вы работаете над дизайном страницы с каким-либо товаром или услугой, то этот сервис поможет Вам в поиске идеи в данной области.
• 6 Land-Book — занятие творческое. Посетите данный ресурс, чтобы узнать больше о и элементах, которые можно размезстить на своем лендинге.
• 7 Dribbble — для опытных дизайнеров данный ресурс будет очень знаком, ну а для начинающих он окажется крайне полезным. Учитесь дизайну у профессиональных дизайнеров с помощью данного ресурса.
• 8 Behance — также очень знаменитый ресурс, где профессиональные дизайнеры выкладывают свои работы.
• 9 Pttrns — данный сервис полезен для тех, кто очень увлекается дизайном сайтов для мобильных устройств. Здесь Вы найдете большое количество различных примеров, которые сделаны профессиональными дизайнерами.
• 10 Flat UI Design — простыми словами это «доска вдохновения».
• 11 Awwwards — данный проект постоянно награждает самые креативные, самые минималистичные и самые красивые сайты. Поэтому советую посетить и посмотреть что сейчас наиболее актуально в мире веб-дизайна.
• 12 The Starter Kit — полезный инструмент для веб-дизайнеров и веб-разработчиков.
• 13 One Page Love — если Вы занимаетесь созданием одностраничных сайтов, то данный сервис Вы обязательно должны взять на вооружение. Потому что благодаря ему Вы будете создавать более дружелюбные сайты, которые будут нравится пользователям и будут максимально удобны при использовании.
• 14 UI Parade — дизайн элементов пользовательского интерфейса и новые идеи после посещения данного ресурса Вам обеспечены.
• 15 The Best Designs — лучшие разработки в сфере веб-дизайна.
• 16 Agile Designers — если Вы являетесь дизайнером или разработчиком, то это ресурс, который Вы обязаны проверить.
• 17 Niice — это поисковик "со вкусом". Потому что он позволяет искать информацию сразу на нескольких популярных сайтах посвященных дизайну. Вводить запрос, естественно, необходимо латинскими буквами.

38 бесплатных фотостоков

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

Вот небольшой список сайтов, которые Вы можете использовать для поиска качественных изображений совершенно бесплатно:

• 1 Stock Up — один из лучших фотостоков, который предлагает на выбор большой спектр различных изображений.
• 2 Pexels — лучшие фотографии заката, автомобилей, здания, людей, улиц города, природы и так далее.
• 3 All the Free Stock — этот сервис предоставляет не только изображения, а также иконки и видео. Все изображения со свободной лицензией (Creative Commons Zero license).
• 4 Unsplash — многим может быть знаком данный сервис. Здесь каждые 10 дней можно скачать 10 новых изображений.
• 5 Startup Stock Photos — коллекция изображений посвященных стартапам.
• 6 Jay Mantri — потрясающие изображения в высоком разрешении для Ваших нужд.
• 7 Moveast — это фотографии одного португальского путешественника, который делает качественные снимки и позволяет использовать их абсолютно бесплатно.
• 8 Stokpic — если все вышеупомянутые сайты при поиске не дали тот результат, который Вам нужен, тогда поищите необходимую фотографию здесь.
• 9 Kaboompics — большой выбор потрясающих фотографий.
• 10 Function — данный сайт предлагает целые наборы изображений.
• 11 MMT — потрясающие фото интернета, которые сделаны автором Jeffrey Betts.
• 12 Travel Coffee Book — данная коллекция фотографий была сделана при путешествии по всему миру.
• 13 Designers Pics — здесь Вы сможете легко найти изображения как для Вашего личного использования, так и для бизнеса.
• 14 Death to the Stock Photo — после подписки, данный сервис будет присылать Вам абсолютно бесплатные изображения каждый месяц.
• 15 Foodie’s Feed — работаете над сайтами с тематикой питания? Тогда посетите данный сайт. Потому что там находится очень много изображений еды в высоком качестве. Так и хочется пустить слюну при просмотре 🙂 .
• 16 Mazwai — большой выбор видео для фона.
• 17 Jéshoots — если Вы хотите воспользоваться самыми новыми и современными изображениями прямо сейчас — тогда этот сервис самое подходящее место для поиска таких изображений.
• 18 Super Famous — данные фотографии были сделаны голландским дизайнером Folkert Gorter.
• 19 Picography — этот сайт дает Вам возможность выбрать из большого количества изображений с высоким разрешением.
• 20 Splashbase — коллекция фото и видео материалов для Ваших проектов.
• 21 Pixabay — еще один сервис с изображениями в высоком разрешении.
• 22 Little Visuals — подписавшись, Вы будете получать 7 изображений в высоком разрешении каждую неделю. То есть каждый день новое изображение!
• 23 Splitshire — бесплатные "аппетитные" фотографии.
• 24 New Old Stock — если Вам нужны старинные фотографии из государственных архивов, тогда Вам отлично подойдет данный сайт.
• 25 Picjumbo — это еще один сайт, где Вы можете найти и скачать фотографии абсолютно бесплатно.
• 26 Life of Pix — не все изображения данного сайта полностью бесплатны, но все они в очень высоком разрешении.
• 27 Gratisography — если Вы не можете найти подходящее изображение с высоким разрешением, тогда данный сайт может Вам в этом помочь.
• 28 Getrefe — еще больше беспталных изображений для Вашего дизайна.
• 29 IM Free — этот сайт может похвастаться действительно большим выбором изображений.
• 30 Cupcake — этот сайт является настоящим раем для фотографов, созданный Jonas Nilsson Lee.
• 31 The Pattern Library — если Вы ищете паттерны для своего проекта, тогда данный сайт сможет Вам в этом помочь.
• 32 Public Domain Archive — данный сервис предлагает 100% беслптаные изображения.
• 33 ISO Republic — этот фотосток также предлагает Вам на выбор изображения в высоком разрешении.
• 34 Paul Jarvis — на этом сайтке Вы найдете не только статьи, посвященные дизайну, а также коллекции из очень качественных изображений.
• 35 Lock & Stock Photos — коллекция качественных фото.
• 36 Raumrot — большой спектр изображений в высоком качестве.
• 37 Bucketlistly — изображения путешествий.
• 38 Magdeleine — каждый день новое изображение в высоком качестве.

14 сервисов с бесплатными иконками

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

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

Awwwards

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

Siteinspire

Siteinspire — это удобная галерея сайтов. Коллекция постоянно пополняется. Если вы ищите что-то конкретное, к вашим услугам разделения на стили, типы, темы и платформы.

Webdesign Inspiration

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

The Best Designs

И еще одна галерея — The Best Designs . Здесь вы найдете примеры сайтов на любой вкус. Есть теги для более удобной навигации. Также здесь есть отдельная галерея тем WordPress.

The Design Inspiration

На сайте The Design Inspiration можно найти много категорий для поиска вдохновения, однако нас интересует раздел «Websites». Сортировать сайты можно только по цветам, зато удобство этой галереи заключается в том, что на одной странице расположено довольно много примеров.

Mobile Awesomeness

Сайт Mobile Awesomeness посвящен мобильному веб-дизайну.Здесь также предусмотрена система рейтинга. У вас есть возможность ознакомиться с последними тенденциями в этой области, рассортировав примеры по новизне. Также вы можете посмотреть самые лучшие примеры, за которые было отдано максимальное количество голосов, рассортировав проекты по рейтингу.

One Page Love

Собираетесь разрабатывать одностраничный сайт? Тогда в поисках вдохновения загляните на One Page Love . Здесь собраны самые интересные примеры из этой области. Вы можете рассортировать сайты по темам и посмотреть галерею шаблонов для одностраничных сайтов.

Line25

Line25 — это блог Криса Спунера. Крис — довольно известная личность в мире веб-дизайна, а на своем блоге он публикует подборки сайтов на различную тематику.

Behance

Behance — сайт, с которого начинает день множество дизайнеров по всему миру. Здесь своими творениями делятся как новички, так и лучшие представители от дизайна. В разделе Web Design можно найти не только уже реализованные проекты, но и работы, созданные ради удовольствия, новые концепции, которые еще не нашли своего воплощения в жизни, но вполне могут принести вдохновение вам.

Revision

Если вам нужно разработать проект для рунета, имеет смысл искать вдохновение среди наших дизайнеров. В этом случае вам поможет раздел Site на Revision . Здесь вы найдете работы отечественных веб-дизайнеров.