База дизайна карт и 12 лучших сайтов с качественной векторной графикой

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

1. Pexels2. StockSnap3. Landing Stock4. Photo Creator5. Nappy

Бесплатные векторные иллюстрации

6. Drawkit7. Humaaans8. UnDraw9. Open Peeps10. Lukasz Adam Free Illustrations

11. Noun Project12. Ionicons13. Simple Icons14. Icons15. Animaticons

16. Google Fonts17. Use & Modify18. Fontfabric19. Dafont20. Font Squirrel

Бесплатные стоковые видео

21. Coverr22. Mixkit23. Videezy24. Life of Vids25. Videvo

Бесплатные инструменты графического дизайна

26. Crello27. Canva28. Gravit Designer29. Inkscape30. Pencil

Бесплатные инструменты для создания макетов

31. Shotsnapp32. Screely33. Screenpeek34. MockupsJar35. Mockup World

Бесплатные инструменты для редактирования изображений

36. Remove37. Social Sizes38. Fotor39. Pixel Editor X

Бесплатные инструменты для создания скриншотов

Вдохновение для дизайнеров

46. Behance47. Dribbble48. Httpster49. Microcopy Inspirations50. InspoFinds

Slack Communities

Самый исчерпывающий список всех сообществ по дизайну/веб-дизайну на Slack.

Sketch

Профессиональный цифровой дизайн для Mac.

Почему визуальная сторона продукта важна?

Чем занимается графический дизайнер?

Как графический дизайн повышает продажи?

Средства и инструменты графического дизайна

КомпозицияЦвет и формаСтилизация и декор

Тренды графического дизайна

Необычная типографикаМонохромЛоманая композиция и неправильные формыПримитивная геометрия3D

WordPress

Веб-софт, при помощи которого можно создавать прекрасные сайты, блоги и приложения.

Бесплатные иконки

Неважно, для какого продукта вы используете иконки — лендинга, сайта, мобильного или ПК приложения — главное, делать это с умом.

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

Noun Project

Основанный Софьей Поляковой (Sofya Polyakov), Эдвардом Боатманом (Edward Boatman) и Скоттом Томасом (Scott Thomas), сайт The Noun Project содержит более 2 000 000 тщательно отобранных иконок, доступных для бесплатного использования.

Ionicons

Ionicons — это премиальные иконки для использования на лендингах, а также в iOS, Android и десктопных приложениях. Созданные командой Ionic Framework, все они бесплатны и имеют открытый исходный код.

Simple Icons

Созданный Дэном Личем (Dan Leech), Simple Icons предоставляет бесплатные иконки популярных брендов в формате SVG.

Этот ресурс предоставляет целую библиотеку бесплатных иконок в форматах PNG и SVG. Помимо того, что сайт имеет русский интерфейс, его создатели также всегда следят за тенденциями. Так, недавно они сделали раздел «Иконки на тему COVID-9» для тех из компаний, которые ищут новые пути для маркетинга во время пандемии.

Animaticons

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

Все ваше общение и коммуникации в одном месте. Обмен сообщениями, архивация и поиск команд — все это в реальном времени.

Design Seeds

Ежедневная порция вдохновения для всех, кто любит цвет.

Squarespace

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

Flawless Feedback

Инструмент для получения фидбека по iOS-приложениям. Можно узнать много интересного о визуальных ошибках интерфейса, возможных проблемах. Как это работает? Пользователи загружают свои работы, оставляют друг другу фидбеки, комментируют и обсуждают разные решения. Что называется — и людей посмотреть, и себя показать. Еще и узнаешь что-то новое в сфере.

Pixel Budda

Коллекция бесплатных макетов, а также других ресурсов.

17–18. Piskel и Aseprite

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

Чем может заниматься графический дизайнер

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

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

Маркетинг

Для того чтобы грамотно подтолкнуть потребителя к решению и вызвать у него желание приобрести продукт, существуют маркетинговые стратегии.

Маркетинговые стратегии — это план действий компании, нацеленный на привлечение пользователей и продвижение продукта.

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

Иллюстрации

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

Типографика

Работа с печатной продукцией и цифровыми элементами, которые включают в себя большой объем текстовой информации.

Графический дизайнер работает с макетами. Ему необходимо понимать, через какие процессы будет проходить изображение, чтобы создать такой материал, который сохранит внешний вид после печати.

Социальные сети и сайты

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

Дизайн упаковки

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

Дизайн внешней среды

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

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

Этапы разработки графического дизайна

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

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

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

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

WhatFont

В буквальном смысле самый простой способ распознать шрифт — это можно сделать прямо в браузере.

NuSchool

Учитесь управлять своим фрилансовым бизнесом как настоящий босс.

Dreamweaver

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

Dribbble

Место, где дизайнеры могут представить свои мини-проекты и незавершенные работы.

Typekit

Изобилие шрифтов высшего качества, от Adobe.

Compressify

Один из лучших инструментов по оптимизации видеофайлов онлайн.

Adobe Kuler

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

Muz

Секретный ингредиент дизайнера: здесь, в ваших руках огромная порция вдохновения — стоит только открыть новую вкладку в Google Chrome.

Pricing Pages

Нам нравится этот сайт (и разделы про продуктовые страницы, страницы товаров и страницы чекаута тоже). Это каталог лучших страниц с ценами — и это настоящая золотая жила вдохновения.

Lingo

Создавайте библиотеки визуальных ресурсов и делитесь со всей командой — все это прямо с вашего десктопа. Это как Dropbox для дизайнерских команд.

Icon Store

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

JPEGmini

Посадите ваши фотографии на диету. Можно уменьшить изображение на 80% без потери качества.

Typewolf

Ежедневных источник вдохновляющей типографики “в природных условиях”.

Макеты и прототипы

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

Необычная типографика

Кажется, все уже наслышаны об «игре со шрифтами», но мы говорим немного о другом. Этот тренд не в совмещении Times New Roman, Georgia и десяти других на одной странице. Его суть в самом дизайне слова и фразы, в оформлении их как отдельного предмета искусства.

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

В пример можно привести логотип британской компании Cadbury, производящей кондитерские изделия. Он был придуман в 1921 году, и с тех пор почти не менялся.

Шрифт логотипа уникален, ведь он отображает подпись Уильяма Кэдбери, внука основателя компании

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

Ломаная композиция и неправильные формы

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

Хаос в дизайне по версии Airbnb

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

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

Шрифты

Прежде чем скачивать фото, вы можете посмотреть его в разных размерах, наложить текст и применить разные эффекты.

Ucraft

Конструктор сайтов с бесплатным доменом и хостингом. Есть шаблоны. Но ты, как истинный дизайнер, конечно, создашь свой лендинг или интернет-магазин с нуля, используя инструменты сервиса. А еще Ucraft предлагает использовать бесплатный конструктор логотипов, что тоже очень удобно. Скажу честно — эта платформа просто находка для заказов с невысоким бюджетом, но серьезными требованиями. Тут ты не потратишь много времени и сил на работу, но выдашь результат, за который не стыдно.

Pexels

Лучшие бесплатные стоковые фотографии (и видео), собранные в одном месте.

Coverr

Красивые, бесплатные видео для главной страницы.

Trello

Помогает следить за всем: от полной картины и до мелких деталей каждого дизайн-проекта.

Бесплатные стоковые видео

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

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

Coverr — это источник красивых стоковых видеороликов, которые можно бесплатно скачивать для коммерческого и некоммерческого использования без указания авторства.

Mixkit

Mixkit — это галерея тщательно отобранных высококачественных видео и анимации, созданных одними из самых талантливых авторов в мире, с лицензией на бесплатное использование.

Videezy

Одно из крупнейших видеосообществ Videezy содержит стоковые видеоролики в форматах HD и 4K. Большая часть коллекции доступна для бесплатного скачивания и использования, но также имеются и некоторые платные опции, если вы захотите расширить свой поиск.

Life of Vids

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

Videvo

Videvo предлагает массу видеороликов для бесплатного использования в личных и в коммерческих целях. При использовании видеоклипов с лицензией Creative Commons 3.0 следует указывать авторство.

Placeit

Создавайте скриншоты продукта в разных жизненных ситуациях.

Showbox

Создавайте видео студийного качества прямо в браузере.

Tuts+

Тысячи бесплатных обучающих видео по веб-дизайну и разработке от опытных преподавателей.

How Design University

Источник непрерывного обучения для дизайнера.

Graphic Burger

Настоящий шведский стол качественных дизайн-ресурсов, доступных бесплатно.

Design for a Perfect Screen [eBook]

Красивая, подробная электронная книга, которая доведет ваш процесс проектирования под экраны до совершенства.

Mural

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

Awwwards

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

Mindsparkle Mag

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

Как графический дизайн повышает продажи?

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

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

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

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

Сочетание цвета CTA-кнопки и цвета неба — прекрасная работа дизайнера. Так и хочется нажать на эту кнопку

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

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

User Onboarding

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

Crayon

Исследование ниши и конкурентов — важная задача. Тебе нужно быть в тренде, сделать современный сайт, который будет выделяться среди аналогичных. Crayon помогает отследить разные сайты по заданной нише. Анализируй дизайн конкурентов и делай лучше! Сервис предлагает помощь искусственного интеллекта, который подскажет, какие элементы нужно внедрить, чтобы повысить конверсию. Доступна бесплатная демо-версия.

Если ты настроен серьезно и уже готов с головой окунуться в мир дизайна и создания собственного портфолио, то онлайн-курс «Графический дизайнер: вектор бренда» для тебя. Набор уже идет, присоединяйся!

UnDraw

Коллекция красивых изображений в формате SVG, которая постоянно обновляется. Бесплатно и даже без указания авторства. Иллюстрации, векторные изображения, объекты с настраиваемыми цветами. Ресурс запускался как вклад в сообщество дизайнеров и за 5 лет стал уважаемой платформой в своей нише.

Чем занимается графический дизайнер?

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

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

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

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

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

Один из примеров фирменных персонажей — говорящие конфеты M&M’s

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

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

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

Схема линий Московского метро, разработанная дизайн-студией Артемия Лебедева

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

Piktochart

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

Frontify

Создавайте бесплатные руководства по стилю менее чем за 5 минут.

Бесплатные шрифты

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

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

Google Fonts

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

Кстати, вам больше не нужно открывать сервис Google Fonts для получения сторонних шрифтов, ведь теперь шрифты подключаются прямо из редактора лендингов LPgenerator.

Use & Modify

Use & Modify — персональная подборка «классных, панковских, профессиональных, неполных и странных шрифтов» с открытым исходным кодом, которые можно бесплатно использовать и модифицировать.

Fontfabric

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

Dafont

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

Font Squirrel

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

Really Good Emails

Создание электронных писем — не то чтобы частая, но типичная задача. Которую можно упростить и ускорить с сервисом Really Good Emails. Он предлагает разноплановые шаблоны, которые ты подстроишь под свою задачу и внесешь коррективы. Там расписаны функционал и значение каждого элемента — почему он не просто для красоты, а для повышения конверсии. Если ты новичок в имейл-маркетинге, то это очень познавательно.

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

Сообщества

Подобранная вручную коллекция красивых цветовых градиентов.

Бесплатные инструменты для редактирования изображений

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

Remove

Нужно удалить фон на изображении? Этот бесплатный инструмент поможет вам сделать это очень быстро, всего за один клик. Сайт доступен на русском языке.

Social Sizes

Social Sizes, созданный Питером Ассенторпом (Peter Assentorp), обеспечивает дизайнеров лучшими размерами изображений и видео для социальных сетей. Шаблоны для Sketch, Adobe XD и Photoshop включены и доступны для бесплатного скачивания.

Fotor

Fotor — это не только графический дизайнер, но и фоторедактор со множеством функций: обрезка, вращение, выравнивание, изменение размера и добавление эффектов к любому изображению — и все это в окне браузера. Также здесь можно создавать фотоколлажи.

Pixel Editor давно известен как базовый, но надежный фоторедактор, доступный для бесплатного использования в браузере. Недавно вышла новая версия — Pixel Editor X. Она имеет больше инструментов для редактирования и интегрируется с Dropbox. Доступен интерфейс на русском языке.

Iconfinder

Небольшая команда работает над созданием базы иконок (одной из самых крупных в мире). Есть возможностью поиска.

breezzly.ru — среда для тренировки творческих навыков

Бесплатные инструменты для создания макетов

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

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

Shotsnapp

Screely

Screely позволяет мгновенно превратить снимок экрана в макет без использования Sketch и Photoshop. Просто загрузите свое изображение, а приложение сделает за вас все остальное.

Screenpeek

Скопируйте и вставьте URL своего лендинга или сайта в Screenpeek, и всего за 10 секунд он создаст привлекательный макет. Это приложение, созданное Хансом Пейджелом (Hans Pagel) и Филиппом Куном (Philipp Kuhn), бесплатно только для макетов iPhone.

MockupsJar

Еще один замечательный веб-сайт, где вы можете создавать реалистичные макеты для своих сайтов, приложений и многого другого без использования Photoshop и плагинов. Все организовано по категориям, таким, как, например, «Macbook» и «упаковка».

Mockup World

Mockup World — крупнейший источник бесплатных фотореалистичных макетов. Эти легко настраиваемые файлы PSD со всего мира готовы для использования в ваших проектах, демонстрациях приложений и презентациях.

UXCheck

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

Just Creative

Статьи о брендинге, дизайне логотипов, фотографии, веб-дизайне, социальных сетях и о многом другом.

Unsplash

База красивых, качественных, бесплатных ( с ними можно делать все, что хотите) фотографий для творческого использования. Никаких нелепых стоковых фоток в офисе.

DesignerNews

Место, где можно узнать и обсудить, что интересного происходит в веб-индустрии и за ее пределами.

Бесплатные инструменты графического дизайна

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

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

Crello

Crello — «бесплатный онлайн-редактор видео, изображений и анимации для соцсетей и веба». Вам даже не нужны навыки дизайна, чтобы начать использовать его. Crello предоставляет огромный выбор из более чем 5000 готовых анимированных шаблонов. Кроме того, сайт доступен на русском языке.

Canva

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

Gravit Designer

Gravit Designer — это полнофункциональное приложение для векторного графического дизайна, доступное на всех платформах. Бесплатная версия поставляется с 500 МБ облачного хранилища.

Inkscape

Inkscape — это высококачественный профессиональный инструмент для работы с векторной графикой, доступный для Windows, Mac OS X и GNU / Linux. Является свободным и открытым программным обеспечением. Есть русский интерфейс.

Pencil

Pencil — бесплатная альтернатива Adobe XD. Это мощный инструмент с открытым исходным кодом, позволяющий создавать прототипы для веб-приложений, мобильных и десктопных приложений. Доступен для всех платформ.

Typeface

Новый тип менеджера шрифтов для Mac. Помогает подобрать идеальный шрифт за счет быстрого и четкого предпросмотра шрифтов.

Death to Stock

Фотографический рай и источник вдохновения для творческих личностей, постигающих свой путь.

IconBird

Иконок много не бывает! Мы учим, как сделать самостоятельно сет в едином стиле. Но можно ведь и выбрать из готовых решений, если проект того требует. На этом сайте есть 50+ тысяч вариантов. Разные категории, поиск по названиям (английским и русским), дополнительные фильтры по цветам и размерам. Просто выбирай и скачивай в нужном формате — доступны PNG, ICO и SVG.

Вдохновение

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

WebdesignerNews

Авторская подборка историй и обсуждений на тему дизайна, разработки, творчества, инструментов и вдохновения.

Color Hunt

Pinterest для цветов. Множество четырехцветных палитр — можно скролить бесконечно.

Font Flame

Это сайт новый и достаточно простой — можно залипнуть подбирая шрифтовые пары: это как Tinder только для шрифтов.

Moodboard

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

MarvelApp

Сервис для создания интерактивных прототипов. Есть платная версия с огромным функционалом, который точно пригодится, если прототипирование твоя специализация. Но и бесплатно тут есть чем заняться. Можно создавать макеты с нуля или загружать их. Удобная платформа для командной работы.

Mouseflow

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

ColorZilla

Крутой встроенный в браузер инструмент-пипетка. Позволяет анализировать цвета, использованные на странице. Работает в Chrome и Firefox.

Создать что-то кардинально новое, чего ещё не было — непростая задача. Новые тренды появляются за счёт множества пробных экспериментов и смелости специалистов.

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

Рассмотрим современные тренды, которые сегодня получают самые высокие оценки.

Игра со шрифтами

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

Например, актуальный приём с переплетением букв между собой — они могут создать фигуру и стать во главе логотипа или вовсе занимать весь экран.

Монохром и минимализм

Чем меньше информации, тем выше шансы, что пользователь останется на странице и примет во внимание каждую фразу.

Здесь идёт использование одного цвета и громкое заявление или какое-то яркое предложение.

Отличный способ выделиться среди конкурентов и продемонстрировать уверенность в своем продукте за счёт ярких, выразительных фраз и ненавязчиво описанных ценностей.

Намеренный хаос

Иными словами — ломаная композиция, которая вытесняет привычные симметричные формы и создает хаос.

Еще один пример — неправильная сетка, где пропущены некоторые ячейки. Это ломает классический шаблон и привлекает внимание больше.

Объекты 3D

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

Техника Duplex

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

Flaticon

Веб-платформа для прототипирования и совместной работы, которая позволяет дизайнерам создавать интерактивные макеты для мобильных и веб-проектов.

Right Font

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

HackingUI

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

Png2jpg

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

The Great Discontent

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

Совместная работа и производительность

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

Font Reach

Сканирует миллион топовых сайтов и показывает, какие шрифты используются в веб. Это как зоопарк для дизайнеров.

Бесплатные векторные иллюстрации

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

Кроме того, элементы векторной графики «весят» меньше, чем их аналоги в других форматах. Это позволяет сократить время загрузки страницы и тем самым уменьшить отток пользователей.

Drawkit

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

Humaaans

В Humaaans Пабло Стэнли (Pablo Stanley) создал нечто совершенно особенное: модульные векторные иллюстрации людей, которые можно смешивать, вращать и перемещать для создания своих собственных дизайнов. Все, что вы сделаете здесь, бесплатно для коммерческого и личного использования.

UnDraw — это постоянно обновляемый дизайн-проект Катерины Лимпитсуни (Katerina Limpitsouni), содержащий «иллюстрации с открытым исходным кодом для любых ваших идей». Здесь представлены красивые изображения в формате SVG, которые вы можете использовать совершенно бесплатно и без указания авторства.

Open Peeps

Нужно что-то более рисованное? Тогда обратите внимание на библиотеку иллюстраций в стиле «от руки» Open Peeps. Векторная графика в форматах SVG и PNG с открытым исходным кодом доступна для Sketch, Figma, Studio и XD. При желании можно сделать пожертвование.

Lukasz Adam Free Illustrations

Лукаш Адам (Lukasz Adam) — независимый веб-дизайнер, создавший множество высококачественных векторных иллюстраций и иконок для бесплатного использования. Их можно использовать как для личных, так и для коммерческих проектов.

Icomoon

Библиотека иконок для самых придирчивых пиксельных идеалистов, а также генератор иконочных шрифтов.

Designer List

Глобальный реестр дизайнеров от королей вдохновения — Muzli.

Coolers

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

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

Это сильно упрощает коммуникацию с заказчиком, ему не придется объяснять детали, он и так видит, как что будет работать.

Есть бесплатная версия и платные пакеты от $8 до $10 в месяц. Это довольно дешево для такого сервиса и стоит того, если ты специализируешься на приложениях.

Средства и инструменты графического дизайна

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

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

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

Одна из возможных структур первого экрана лендинга

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

Цвет и форма

Цвет способен отразить ценности компании и ее корпоративные принципы, хотя бы в общем виде. Традиционно за холодными цветами синих оттенков закрепились ассоциации с чем-то серьезным и ответственным. Более яркие цвета, которые сильнее раздражают сетчатку, например красный или оранжевый, делают настроение бренда более резким и динамичным.

Соответственно цветам и их закрепленным значениям бренд выстраивает вокруг себя аудиторию:

• Если людям важны стабильность и спокойствие, графический дизайнер использует в разработке фирменного стиля более сдержанные краски.
• Если ЦА — молодые бунтари, то решение окажется противоположным.

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

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

В пример можно привести компанию, осуществляющую ж/д перевозки в Мельбурне Metro Trains. Она создала короткий видеоролик, призывающий молодое поколение проявлять бдительность, находясь рядом с железнодорожными путями. Так как сообщение было таргетированно на поколение миллениалов, при создании видеоролика компания использовала множество разных цветов и самые разнообразные формы.

Компания Metro Trains создала милейшие красочные существа разнообразной формы и намеренно лишила их пола и расы. К слову, у видео почти 230 000 000 просмотров

Стиль — это то, что определяет взаимодействие всех элементов дизайна в едином целом. Это и настроение, и ощущения, и ассоциации, другими словами это общая картина.

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

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

Gliffy

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

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

Особенности профессии

Профессия «графический дизайнер» сегодня одна из самых востребованных на рынке труда. Она имеет ряд особенностей, о которых стоит знать заранее.

Для того, чтобы стать графическим дизайнером, необходимо обладать продвинутыми навыками и знаниями:

Владение академическим рисунком.

Графический дизайнер должен разбираться в изобразительном искусстве, уметь работать со светотенью и перспективами.

Знание основ колористики.‍

Графический дизайнер должен уметь грамотно сочетать оттенки между собой, а также работать с цветовой палитрой.

Знание ключевых принципов построения композиции.

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

Умение пользоваться программами.‍

Всё приходит с опытом, но чем лучше навыки работы в редакторах, тем быстрее и качественнее будет выполняться проект.

Понимание маркетинговых принципов.‍

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

Зачастую профессии графического дизайнера и дизайнера интерфейсов не различают. Поможем в этом разобраться.

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

То есть дизайнер интерфейсов может напрямую взаимодействовать с графическим дизайнером и работать над одним проектом. Они дополняют и усиливают друг друга. Но у графического дизайнера зона ответственности больше в отличие от дизайнера интерфейсов.

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

Бесплатные инструменты для создания скриншотов

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

Giphy Capture

Это бесплатное приложение для Mac позволяет легко захватывать часть экрана и экспортировать ее в файлы GIF и MP4. Также всего за пару кликов возможна запись экрана в формате GIF до 30 секунд.

ScreenToGif

Это бесплатное приложение для Windows с открытым кодом обеспечивает запись экрана, вебкамеры и скетчборда со встроенным редактором. Доступно на русском языке.

ShareX

Snappy

Lightshot

Еще одно бесплатное приложение для Mac и Windows, а также браузеров Chrome, Firefox, IE и Opera, Lightshot позволяет вам захватывать любую часть экрана, загружать ее на их сервер и получать короткую ссылку. Вы также можете добавлять на скриншоты линии, стрелки и текстовые аннотации.

The Pattern Library

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

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

Color Scheme

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

Сайтостроение

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

Грамотная работа с колористикой позволяет акцентировать внимание пользователя на ключевых элементах и кнопках СТА. С помощью цвета дизайнер может передать сообщение и донести идеи и ценности бренда.

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

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

Illustrio

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

Hello Color

Удобный, супер-простой генератор контрастных цветов по клику.

На этом сайте можно вручную подбирать гарнитуры — все просто, понятно и бесплатно!

Изображения + видео

Ребята создают визуальный язык иконок, который сможет понять каждый. Это огромная база “глифовых” иконок, созданных сообществом дизайнеров. Есть возможность поиска.

Superfamous. com

Все пользуются одними и теми же фотостоками. Да, они крутые и обширные, но иногда одно и то же фото встречается буквально на каждом сайте узкой тематики. Разорви порочный круг — возьми картинку с superfamous.com. Тут не очень большой выбор, но есть уникальные работы, которых не найти на других платформах.

Это бесплатно, но с лицензией Creative Commons BY. То есть, можно применять изображения даже в коммерческих целях совершенно безвозмездно, но с указанием авторства.

LOL Colors

Авторская подборка цветовых палитр от дизайнера Маккензи Чайлд.

UpLabs

Подборка лучших работ, ресурсов и бесплатных штук в мире дизайна и разработки. Каждый день!

Вдохновение для дизайнеров

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

Конечно, вы можете создать что-то прекрасное из своего воображения, но намного легче что-то сделать из уже имеющейся работы, не так ли?

Behance

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

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

Httpster

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

Microcopy Inspirations

На этом часто недооцененном ресурсе вы найдете тщательные отобранные примеры страницы ошибки 404, текстов рассылок и интернет-магазинов.

InspoFinds

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

Napkin

Макеты на скорую руку прямо с айфона.

Программы для работы с графическим дизайном

Графические дизайнеры пользуются специальными программами для создания объектов. Рассмотрим самые популярные и востребованные:

Adobe Photoshop

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

Adobe Illustrator

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

Одна из фишек программы — возможность редактировать тексты после наложения эффектов.

Corel Draw

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

Figma

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

Ulead Photoimpact

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

Jasc Paint Shop Pro

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

Expression

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

Photo Brush

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

Adobe After Effects

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

Landingfolio

Авторская подборка лучших дизайнов лендингов.

Обучение и образование

Подкидывает идеи, как привлечь, удержать и направить внимание пользователя.

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

Webydo

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

GoVisually

Самый простой способ шагнуть от идеи и до одобренной версии дизайна — при помощи быстрой обратной связи от клиентов по вашим проектам.

It’s Nice That

Альтернативное онлайн-издание, авторы которого верят, что творческое вдохновение — достояние всех и каждого. Публикуют самые увлекательные/удивительные работы: как цифровые, так и печатные.

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

Считается, что стоковые фотографии на лендингах выглядят ненастоящими, неестественными — и, как результат, не внушают доверия посетителям.

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

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

StockSnap

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

Landing Stock

Landing Stock — это нишевый сайт с бесплатными стоковыми фотографиями для специально для посадочных страниц. Созданный лондонским продуктовым дизайнером Крейгом Барбером (Craig Barber), Landing Stock содержит только высококачественные и минималистичные фотографии, которые хорошо кадрируются и оставляют достаточно места для текста на ваших лендингах.

Photo Creator

Хотите получить фото, которого больше ни у кого нет? Photo Creator позволяет миксовать различные стоковые фотографии для создания собственного уникального изображения. Комбинируйте объекты, людей, фоны и даже собственные изображения, используя быстрый и простой интерфейс.

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

Eye on Design (AIGA)

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

Wix

Союз красоты и технологий, этот облачный сервис “сделай сам” позволяет кому угодно создавать HTML5 сайты в удобном drag’n’drop редакторе.

Land-Book

Чаще всего делаешь лендинги? Загляни на этот сайт. Это каталог отличных примеров, с которых стоит брать пример. Можно просто листать для вдохновения, искать определенные тематики, сохранять самые интересные проекты.

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

Phlearn

Один из лучших сайтов с обучающими видео о многочисленных возможностях Photoshop.

Wake

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