Примерно полгода назад я начал заниматься этим направлением и могу сказать то, что полезных ресурсов в интернете большое количество. Очень часто в различных статьях на эту тему в списки необходимых ресурсов пихают все подряд: нужное и ненужное. Давайте для удобства попробуем самые используемые и полезные, на мой взгляд, структурировать в одну систему.
Сразу хотелось бы уточнить, что в данной статье не будут рассмотрены все веб-ресурсы, а только те, которые могут помочь вам в начале вашего дизайнерского пути (но и потом вы точно от них не откажетесь). В связи с тем, что сайтов очень много, вам нужно выбрать сначала для себя ограниченный круг, а в дальнейшем пополнять их шаг за шагом. Повторюсь, если вы встречаете в интернете полезные статьи, материалы, сайты, то сохраняйте их себе и используйте для дальнейшей работы.
1. Идеи и вдохновение
Первое, с чего строится работа над каким-то проектом, - это поиск примеров (референсов). Эти референсы можно показать заказчику и таким образом узнать его вкусовые предпочтения, а также просто подчерпнуть для себя интересные решения и фишки.
1) Pinterest (pinterest.ru)
Сервис, которые позволяет пользователям добавлять изображения, помещать их в тематические коллекции (доски) и делиться с другими пользователями. Вы можете создавать для себя доски и прикалывать к ним понравившиеся вам изображения (это могут быть веб-дизайны, пользовательские интерфейсы, различные фотографии, баннеры и т.д.).
2) Behance (behance.net)
Этот ресурс очень удобен для поиска примеров отличных дизайнерских решений. Некоторые работы даже есть возможность скачать (например, файлы фотошопа с различными мокапами) и использовать в своих работах. На Behance затронуто очень большое количество разных областей помимо web-дизайна. На сайте можно найти много полезной информации.
3) Awwwards (awwwards.com)
Работы на Awwwards обновляются каждый день. Они все разбиты по категориям, начиная с развлекательных ресурсов и заканчивая серьёзными коммерческими проектами. Awwwards нацелен именно на красивый пользовательский интерфейс, выделяя лучших веб-дизайнеров.
4) Dribbble (dribbble.com)
Этот ресурс на случай, когда общая концепция уже есть, и остается придумать какие-нибудь цепляющие мелочи: взаимодействия, иконки, шрифты и т.д. На данном ресурсе большое количество красивых анимаций и взаимодействий. Каждый для себя точно сумеет что-то найти.
5) Landingfolio (landingfolio.com)
Ресурс с авторской подборкой лучших дизайнов лендингов, который имеет удобные фильтры для поиска.
2. Изображения
Здесь будут ресурсы с красивыми, бесплатными, сочными картинками и фотографиями, которые можно скачать и использовать в своих проектах.
1) Unsplash (unsplash.com)
2) Pexels (pexels.com)
3) Pixabay (pixabay.com)
4) Pikwizard (pikwizard.com)
5) Picjumbo (picjumbo.com)
6) Coverr - бесплатные видео для главной страницы (coverr.co)
3. Шрифты
1) Google Fonts (fonts.google.com)
Галерея шрифтов, которые есть возможность скачать и использовать в своих проектах.
2) Adobe Fonts (fonts.adobe.com)
Галерея шрифтов от Adobe.
4. Цвета
1) Color Hunt (colorhunt.co)
Большое количество четырехцветных палитр, где можно найти для себя подходящее сочетание.
2) Adobe Kuler (color.adobe.com)
Сервис для работы с цветовым кругом, которые можно использовать для исследования различных цветовых комбинаций.
3) UI Gradients (uigradients.com)
Интересная подобранная вручную коллекция цветовых градиентов.
5. Иконки
Ресурсы, которые имеют огромное количество иконок на все случаи жизни. На них есть как платные варианты, так и бесплатные. Скачать их можно как в формате PNG, так и в SVG.
1) Flaticon (flaticon.com)
2) Iconfinder (iconfinder.com)
3) Iconmonstr (iconmonstr.com)
4) Icons8 (icons8.ru/app)
6. Логотипы
1) Logaster (logaster.com)
Сервис позволяет генерировать логотипы. Это очень помогает, когда у клиента нет логотипа, а в макет сайта нужно что-то вставить.
2) Logofury (logofury.com)
Сервис для генерации логотипов. Просто вводите название компании, выбираете категорию, и вам создается десятки различных вариантов.
3) Logotypes101 (logotypes101.com)
Сервис с подборками бесплатных векторных логотипов. Есть возможность найти что-то подходящее.
4) Logodesignlove (logodesignlove.com)
Сервис с большим количеством различных логотипов с заметками, где описано то, как автор того или иного логотипа пришел к своей идее.
5) Logofaves (logofaves.com)
Ресурс с подборкой логотипов, где есть возможность просто посмотреть различные интересные дизайнерские решения и идеи.
-------------------------------------------------------------------------------------------------
Помните, полезных ресурсов в области web-дизайна очень много, поэтому пытайтесь структурировать поступающую информацию и шаг за шагом пополняйте свои накопления.
Спасибо за внимание! Ставьте лайк, подписывайтесь на канал! Буду рад вашей поддержке!)
Текст: Андрей Мухорин