Сегодня я дам вам несколько источников, где вы сможете найти ресурсы для своего веб-дизайна, в том числе, фотографии, графику, карты. А также где вы сможете вдохновиться и посмотреть какие-то интересные решения для дизайна приложений.
Хорошо! Давайте начнем!
С такого ресурса, который нам помогает в случае, если вы хотите вставить в ваш дизайн какую-то красивую волну, при этом не очень хорошо у вас получается их рисовать. Красивая волна для сайта: https://getwaves.io/ .
Он вам генерирует вот такие волны. Можно менять форму, можно отражать, можно поменять цвет. Но это, в принципе, не важно, потому что, когда вы загружаете уже готовую волну себе, она вас загружается в формате svg-формате и ее цвет вы можете менять уже на тот, который вам нужно. Количество вершин настраиваете. В этом сервисе все рандомно генерируете и в конце загружайте готовый файл или копируете код. Все просто и очень легко, без возни с кривыми.
Вот и второй сервис: https://www.blobmaker.app/ , тоже похожий на тот.
Генерируются уже кляксы. Их тоже нарисовать самостоятельно бывает сложно, особенно, если их нужно много. Тоже можно выбрать цвет, но необязательно. Меняется форма вот такими вот параметрами. Тоже есть рандомный генератор и точно также загружаем.
Дальше у нас фотографии https://unsplash.com/ .
Это самый популярный сток бесплатных фотографий, которые вы можете использовать как в концептуальных работах, так и в коммерческих проектах, т.е. если нет бюджета на какие-то платные фотографии. Картинки для веб дизайна. Также есть раз различные фильтры, в том числе, по цветам.
Так же, если у вас тут есть profile вы можете добавлять фотографии в свои коллекции и сохранять их на потом, чтобы не скачивать на компьютер.
Еще один сайт с фотографиями, которые непосредственно для лэндингов: https://landingstock.com/.
Предусмотрены не такие достаточно шаблонные, немножко заезженые изображения, но для некоторых сайтов, очень даже подходят. Вот таких вот эмоциональных фотографий тут не так уж и много, но для лэндингов будет достаточно.
Идем дальше и тут у нас сток с видосами: https://vimeo.com/30482523 .
Если допустим нужно вставить какую-то заглушку с видео. Например, давайте поищем шоколад.
Конечно, далеко не все видео будут достаточно кинематографичными, чтобы вставлять их в дизайн, но, в принципе, что то найти симпатичное можно.
Большой плюс в том, что не нужно никаких дополнительных плагинов, чтобы скачать. тут есть кнопка, чтобы скачать это видео и использовать его, возможно, в своих проектах или для примеров, чтобы показать заказчику. В коммерческие проекты видео отсюда брать нельзя.
Дальше у нас вот такой интересный конструктор цветовой схемы https://www.colorbox.io/ ,
которые могут пригодиться, если вы не очень уверенно себя еще чувствуете в колористике и на глаз выбирать цвет для вас окажется проблемой. В чём тут фишка?
Вы можете выбрать два цвета и он сгенерирует градиентный переход с различными цветовыми комбинациями, которые будут между собой хорошо сочетаться. Тут можно менять разные параметры, в том числе, насыщенность разных точек.
В принципе, это может оказаться полезным, если подбирать вручную цвета и сочетать их у вас пока получается не очень хорошо.
Дальше просто очень важный и очень классный сервис для дизайнеров: https://snazzymaps.com/ .
Допустим, вы рисуете какую-нибудь контактную форму и вам нужно вставить в дизайн карту.
Вам нужна карта, которая кастомизирована под стиль вашего дизайна. Тут можно отфильтровать. Выбирайте то, что вам более-менее подходит. Можно менять цвета дорог, река, океанов, парков.
Когда вас все устраивает, вы можете сохранить изображение. Вы подаете ссылочку на получившийся дизайн кастомизированному разработчику и он вставляет уже на этапе разработки вашу карту. Либо сразу можно скопировать код.
Еще один очень полезный сайт https://worldvectorlogo.com/ru , где собраны логотипы каких-то популярных компаний.
Плюс в том, что вы их не ищите где-то через google, вы скачиваете оригинальный логотип сразу же в svg-формате и дальше можете его уже кастомизировать под свой дизайн.
Вводите в поисковую строку запрос и увидите возможные логотипы, старые, новые, в различных вариациях, которые доступны к скачиванию.
Еще интереснее сервис по ссылке https://www.manypixels.co/gallery/ .
Если вы создаете дизайн, где не подходит, допустим, какой-то фото-контент или его нет у заказчика, то можно использовать вот такого вида иллюстрации. Они бесплатны и их можно допустим кастомизировать под себя. Можно фильтровать по тегам или через поиск искать, что вам нужно.
Еще один похожий сервис https://undraw.co/illustrations
Ну тут иллюстрации другой стилистики. Тоже можно по цвету их менять, но вы скачиваете, а раскрашивать потом можно уже на вашем сайте.
И, напоследок, немножко вдохновения. Если вам нужно нарисовать дизайн мобильного приложения, но вы, допустим, не знаете как реализовать тот или иной экран, то этот сервис https://mobbin.design/ сможет вам помочь.
Тут есть огромная коллекция различных приложений, точнее скриншотов из различных приложений. Вы можете посмотреть просто в каких топовых приложениях как и что реализовано. Можно искать по приложению, а можно искать, непосредственно, по паттернам.
Допустим, нам нужно посмотреть, как реализован экран с теми же картами и вот мы смотрим различные варианты.
Пишите в комментариях: было ли вам полезно и интересно?Стоит ли писать еще такие статьи? А также можете оставить свои любимые ресурсы. Возможно я расскажу о них в следующий раз.
Желаю вам всем вдохновения и крутых проектов.