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

45 полезных сайтов и сервисов для графических дизайнеров

Содержание

Все в одном месте!

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

Цвета, градиенты и палитры (13)

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

1. Adobe Color

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

2. Color Mixer

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

3. Color Designer

Основная цель Color Designer — помочь в создании цветовой палитры и создании оттенков на ее основе. Просто выберите цвет и сайт сделает все остальное. Вы можете использовать предварительно выбранные цвета или создавать свою палитру.

4. Color Hexa

Color Hexa — это полезный инструмент, который показывает всю информацию о вашем цвете. Он создает цветовые палитры и показывает полный анализ выбранного цвета. Просто введите любое значение цвета в поле поиска и Color Hexa сделает свою работу.

5. Gradient Hunt

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

6. Color Hunt

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

7. Mesh Gradients

Готовая коллекция из 100 бесплатных фоновых градиентов. Вы можете скачать их по отдельности в формате jpg, в большом разрешении или загрузить все вместе в форматах eps, jpg и png.

8. CoolHue 2.0

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

9. Culrs

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

10. Palettable

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

11. WebGradients

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

12. Color Leap

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

13. Pigment

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

Шрифты (7)

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

1. Google Fonts

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

2. FontSquirrel

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

3. Font Space

На сайте собрано более 15 000 шрифтов для коммерческого использования и 66 000 шрифтов для личного использования. Шрифты можно сортировать по категориям, выбирая, например, популярные либо трендовые шрифты.

4. Телеграм канал о шрифтах

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

5. Fontflame

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

6. WhatTheFont

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

7. WhatFontIs

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

Фото, изображения и фоны (3)

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

1. Pixabay

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

2. Pexels

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

3. Unsplash

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

Векторная графика, иконки,
иллюстрации (6)

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

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

1. Freepik

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

2. FlatIcon

Flaticon — это один из самых популярных сайтов по иконкам. В нем собрано более чем 700 000 различных иконок, которые вы можете скачать в различных форматах и использовать для свих целей. Но не удивительно, почему сайт стал таким популярным, ведь его создатели — команда Freepik.

3. Pixelbuddha

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

4. Graphicpear

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

5. Icons8

На сайте Icons8 отличная база готовых наборов иконок. Более 125,500 бесплатных векторных иконок в форматах PNG, SVG, PDF и других. Кроме иконок, на сайте есть множество других полезных ресурсов для графических дизайнеров, заходите, смотрите.

6. Drawkit

Сервис с бесплатными и платными иллюстрациями. Открыл сайт дизайнер и иллюстратор из Сиднея. Он самостоятельно создает все иллюстрации и анимации на сайт. Что-то есть бесплатное, что-то платное.

Мокапы (3)

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

1. Mockups Design

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

2. Mockup World

Если вы ищете мокапы телефонов, упаковки, визитки, футболки, баннера или огромный макет вывески — вы найдете их здесь. Mockup World — это сервис с бесплатным доступом к сотням готовых к использованию макетов!

3. Mockup Download

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

Полезности (5)

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

1. Logorank

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

2. Good Brief

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

3. Iconset

Iconset — это бесплатная программа для хранения личной библиотеки SVG иконок. Иконки можно легко перетаскивать с программы в Figma, Sketch, Photoshop, Illustrator и в другие программы. Есть удобный поиск по папкам, система тегов и навигации.

4. Faces Design

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

5. Savee

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

Веселые сервисы и игры (8)

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

1. Kerntype

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

2. Copout

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

3. Color Method

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

4. Shape Type

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

5. Brandseen

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

6. Kill Comic Sans

Вам нравится шрифт Comic Sans? Думаем что нет, он никому не нравится. Окажите услугу всему миру – уничтожьте Comic Sans!

7. Odd One Out

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

8. Commments

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

Заключение

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

101 бесплатный сервис для дизайнера / Блог компании Pixli / Хабр
Представляем вам подборку бесплатных сервисов для дизайнера. Это первый вариант, в дальнейшем планируем расширять, добавляя новые разделы и инструменты.



Шрифты


  • Google Fonts – всеми любимая библиотека шрифтов. Позволяет подобрать и скачать разные шрифты на все случаи жизни.
  • 1001 Free Fonts — библиотека шрифтов. Имеет удобную навигацию – шрифты отсортированы как по алфавиту, так и по типам. Имеется раздел русских шрифтов.
  • Fontstruct – онлайн конструктор шрифтов. Очень простой инструмент, позволит создать собственный шрифт. Рисовать можно не только стандартными квадратами, но и другими фигурами – точки, закругленные углы и пр. Для начинающего идеальный инструмент, чтобы попробовать и увидеть типографику в действии.
  • Font Squirrel – одна из самых больших библиотек шрифтов. Кроме этого можно загрузить рисунок и получить названия шрифтов, используемых на нем. Есть магазин шрифтов, и даже магазин одежды с логотипами.
  • Type light – полнофункциональный редактор шрифтов. Позволяет создавать, редактировать и конвертировать шрифты OpenType, TrueType и PostScript. Необходимо скачивать и устанавливать. Бесплатная версия имеет ограниченный функцуонал по сравнению с бесплатной. Но для создания простого шрифта хватает.
  • What Font is – онлайн сервис для подбора шрифтов сайта. Загружаем файл шрифтов, указываем url сайта и выидим как загруженный шрифт будет выглядеть на сайте. Удобнцый сервис.
  • 1001 Fonts – библиотека шрифтов (более 15000). Удобная навигация – шрифт можно выбрать по размеру, типу, теме, дизайну и т.д. Меню позволяет настроить вывод, что дает возможность увидеть каждый шрифт в разных опциях: размер, начертание и т.д.
  • Font Flame – онлайн сервис подбора пары сочетаемых шрифтов. Действует очень просто – на главной странице предложен листок с двумя надписями, сделанными разными шрифтами. Понравилось – жмите «Love», нет – «Hate». Потом выбранные можно просмотреть еще раз. Клик по названию шрифта открывает Google Fonts.
  • Typecast – выбор шрифта для прототипа. Можно просмотреть как шрифт будет выглядеть на любых устройствах. Необходимо обозначить разные типы текста – заголовки, кавычки и т.д. Можно выбрать гарнитуру, размер, начертание, установить отступы. Вы увидите вашу будущую страницу в тех шрифтах, которые установили. Большой плюс – выбор макета (одна колонка или несколько, разные расположения блоков).
  • Wordmark — позволяет подобрать шрифт, установленный на компьютере пользователя, для текста, логотипа или заголовка. При вводе текста в поле показывает его различными шрифтами. Можно выбрать размер, регистр, отображение черно-белое или наоборот. Понравившиеся варианты публикуются в триттере или на фейсбуке – по выбору пользователя. Можно отправить на email.

Стоки фотографий


  • Unsplash – постоянно пополняемый сток фото. Коллекции разделены на темы. Можно найти все что угодно, от «Афроамериканцы» до «Природа». Каждая фотография имеет свою оценку, можно посмотреть лучшие или новинки.
  • FoodiesFeed – фото еды. Изображения разбиты по категориям. Можно выбрать лучшие, эксклюзивные, иконки, мокапы и пр.
  • Free Refe Photos — огромный список изображений «Real life». Главным образом пейзаж и фотографии природы. Неудобная навигация, все фото на главной странице, появляются при скроллинге.
  • Little Visuals – качественные фото ландшафтов и зданий. Можно скачать архивом лучшие фото, выложенные за неделю. Фотографии обозначены хештегами, но не разбиты по категориям.
  • Gratisography – огромная библиотека бесплатных фото. Все фото разбиты на шесть тем: люди, гримасы, города, предметы, природа и животные. Можно искать по словам.
  • Death to the Stock Photo – сток фотографий. Просто посмотреть и выбрать нельзя. Они делают подборку за месяц и дают ее скачать после ввода email. Архив весит около 11 Мб. На почту присылают лучшие фото и ссылку на скачивание.
  • Superfamous – большая коллекция фото с необычного ракурса. Набор небольшой, но интересный.
  • The Pattern Library – шаблоны и текстуры. Набор достаточно велик, шаблоны необычны. Сменяются прокруткой, причем постепенно. Можно увидеть как шаблон будет выглядеть на весь экран или на его часть.
  • New Old Stock – винтажные фото из архивов. Бесплатных фото немного, но регулярно появляются новые.
  • Pexels – большое количество фото на все случаи жизни. Разбиты по темам, очень удобно искать.
  • Jay Mantri — большой набор фотографий. Классификации как таковой нет, можно посмотреть по месяцам.

Стоки графики


  • Brusheezy – бесплатные кисти, шаблоны, текстуры и прочее для фотошопа. 12 категорий, в каждой из которых подкатегории. Выбор огромен.
  • Iconfinder – иконки, как платные, так и бесплатные. Скачать можно в форматах ICO, PNG, ICNS, SVG.
  • Brushez – большая коллекция кистей для фотошоп. Кроме них еще векторные примитивы, формы, шаблоны, стили. Каждый раздел разбит на подразделы. Например, для кистей более 20 категорий.
  • Vecteezy – бибилотека векторной графики, включая изображения и иллюстрации. Большое количество категорий и огромное – графики.
  • Iconbird — русскоязычный сервис по поиску иконок. Можно ввести тему и получить набор иконок, а можно просматривать по категориям.
  • Icons8 — русскоязычный сервис, предлагающий более 42000 иконок по разным тематикам.

Инфографика


  • Vizualize – онлайн сервис для создания инфографики «О себе». По сути, создает графическое резюме.
  • Canva – простой инструмент для создания любого дизайна. Позволяет оформить презентацию, плакат, запись в соцсетях, книги, письма, материалы и многое другое. Все делается на основании шаблонов, меняется текст. Но шаблонов очень много, есть из чего выбрать.
  • Easelly – создание инфографики на основании шаблонов. Встроенный онлайн редактор позволяет менять оформление, размещать дополнительные жлементы, менять текст.
  • Infogram – онлайн сервис для создания инфографики и интерактивных диаграмм. Не все функции доступны, придется покупать аккаунт.
  • Visage – простой инструмент для создания любого визуального контента (диаграммы, инфографика, изображения для блога и пр.). Множество шаблонов, простой редактор. Некоторые функции платные.
  • Gliffy – онлайн сервис для создания диаграмм. Редактор действует по принципу Microsoft Visio.
  • Visme – онлайн инструмент для создания презентаций и инфографики. Более 1000 шаблонов. Редактор позволяет добавлять текст (заголовки, списки, кавычки и обычный), анимированный текст и виджеты. В бесплатном аккаунте можно скачать как JPG файл.
  • Piktochart – создание высококачественной графики – презентации, инфографика или печатный материал. Выгружается PNG, JPG разных размеров.
  • Drawio – удобный онлайн сервис для создания диаграмм. Можно сохранять в dropbox и подобные сервисы, можно на диск.
  • Venngage – простое создание инфографики, плакатов, отчетов, материалов для соцсетей и пр. В бесплатной версии дает только ссылку на публикацию. За скачивание надо платить.
  • Cacoo —онлайн сервис для рисования диаграмм и карты сайта. Пожалуй, самый лучших по возможностям. Большое количество инструментов и шаблонов. Экспортировать можно в PNG, PDF, SVG, PPT и др.
  • Creately – онлайн сервис рисования диаграмм. Доступны только для публикации. Скачивание платное.
  • Lucidchart — онлайн сервис создания диаграмм и чертежей. Есть возможность импортировать диаграмму Microsoft Visio. Экспортируется в PDF, PNG и JPG. Имеется платный функционал.

Цвета


  • Color Hunt – подбор сочетаний цвета. Можно подбирать до четырех цветов. Есть готовые решения для выбора.
  • TinEye – анализирует сайт и выводит список ресурсов, на которых используется картинка с сайта.
  • ColorZilla – позволяет создавать цвета и градиенты. Выводит css свойства для них.
  • Adobe Color CC – создание цветовых схем.
  • Colicious – нажимайте на пробел и генерируйте новый цвет.
  • Colorscheme — подбор цветовых схем. Есть версия на английском и на русском. Позволяет подобрать цвета к сайту. Имеет тонкую настройку, показывает код цвета. В конечном итоге позволяет просмотреть страницу в выбранной цветовой гамме. Самый большой плюс – просмотр гаммы с точки зрения отклонения цветовосприятия. Также позволяет выбрать разные цветовые модели. Сохраняет в палитру Gimp, CSS,PNG и т.д. Имеет конвертер цветов для перевода из одной цветовой модели в другую.
  • Paletton – инструмент для создания комбинаций цветов. Ничем не отличается от Colorscheme.
  • Pictaculous – анализирует палитру изображения PNG, JPG или GIF. Загружайте изображение и получите набор всех цветов, которые в нем присутствуют.
  • Hex Color Tool – инструмент выбора цвета. Ползунками настраивается цвет, можно выбрать яркость. Затем выбранный цвет сохраняется. Можно подобрать палитру.
  • (Un)clrd – плагин для браузера, который удаляет все цвета и оставляет сайт в черно-белом цвете.
  • BrandColors — самая большая коллекция официальных фирменных цветовых кодов. Выбираете название бренда и скачиваете названия его цветов, в том числе и в css- файл.
  • Colortyper — подбор цветов с необычного ракурса. На экране показываются разноцветные символы, которые пересекаются. Результат пересечения – новый цвет. Выглядит интересно.

Вдохновение


  • Dribbble — Самое многочисленное сообщество дизайнеров. Работы, сообщества, общение – здесь можно найти все что угодно.
  • Freebbble – шаблоны и дизайны из Dribbble. Что-то можно скачать бесплатно, что-то купить. Можно найти шаблоны для CMS, конструкторов, иконки, мокапы, сверстанные шаблоны сайтов и многое другое.
  • Muzli — Ежедневное вдохновение дизайна. Ресурс для дизайнеров с примерами самых необычных работ.
  • Awwwards – лучшие разработки дизайнеров. Организован как сообщество, где можно проголосовать сайт. Выбираются сайт дня, месяца, года и пр. Большое количество дизайна, видео, разработок.
  • Design You Trust — сообщество дизайнеров, совместно использующее последние тенденции, новости, портфолио, дизайны и творческие объявления.
  • Really Good Emails — огромная коллекция хорошо разработанных электронных писем. Выбираете шаблон и получаете его код html, css и js. Можно менять текст, рисунки и пр.
  • Fubiz – публикации из области дизайна и креатива. Можно найти фотографии, дизайн, графику, видео и др. Все разбито по категориям.
  • Designspiration – коллекция дизайнов в стиле Pinterest. Огромное количество идей и примеров – типографика, логотипы, письма и многое другое.
  • Behance – коллекция портфолио от профессионалов. Можно оставить вакансию или резюме.
  • Mobile-patterns – библиотека скриншотов iOS и Android. Все разбито по разделам. Можно найти много идей.
  • One Page Love – галерея лучших дизайнов web-страниц. Можно купить шаблоны и темы. Есть и бесплатные.
  • Uispace — ресурс для дизайнеров. Можно бесплатно скачать psd, sketch, шрифты, мокапы и пр.

Графические редакторы


  • DAZ 3D — 3D моделирование. Регистрируетесь и скачиваете дескопное приложение.
  • Gimp – бесплатный аналог фотошопа. Позволяет настроить модульную сетку, создать направляющие, работать со слоями, добавлять эффекты и пр. Является неплохой бесплатной заменой фотошопу. Является расширяемым — можно скачать дополнительные плагины.
  • Blender — 3D моделирование, анимация, рендеринг, звук, видео. Позволяет создавать игры. Быстро развивающийся редактор, очень популярен.
  • Aviary – онлайн сервис редактирования фотографий. Много возможностей, в том числе «Эффект красных глаз», изменение размера и пр.
  • Pixlr – онлайн редактор фотографий и редактор графики отдельно. Последний похож на фотошоп. Сохраняет на диск.
  • BeFunky – онлайн сервис редактирования фотографий. Эффекты, рамки, графика, ретушь и многое другое. Есть русскоязычный интерфейс.
  • Inkscape – полноценный редактор векторной графики с открытым исходным кодом. Поддерживает возможности формата SVG — работу с фигурами, контурами, текстом, векторизацией растровой графики и др. Кроме обработки векторных изображений, позволяет создать шаблон сайта и нарезать его – модульная сетка присутствует. Дает возможность рисовать фоны, баннеры, векторные логотипы и др.
  • IconEdit2 – очень простая программа для рисования иконок. Имеет фильтры. Позволяет экспортировать изображение для Android и Apple. Можно настраивать глубину цвета, поворачивать и корректировать иконку. Поддерживает полупрозрачность, несколько изображений в один файл ICO и сглаживание во всех инструментах рисования.
  • Falco GIF Animator — программа для создания покадровой анимации и анимированных иконок. На ресурсе можно скачать много разных программ.
  • Krita – профессиональный десктопный редактор с открытым исходным кодом. Доступен для разных ОС.
  • Boxy-SVG — редактор векторной графики, подобный Adobe Illustrator, Sketch и Inkscape.
  • Photopos — многофункциональная программа, с функциями редактора фотографий, графического редактора и приложения для создания компьютерной графики.
  • 5Dfly — бесплатное приложение пакетной обработки фотографий. Умеет создавать слайд-шоу под PowerPoint. Отдельно можно скачать конвертер в PDF.
  • PaintStar — бесплатный редактор изображений. Интерфейс очень похож на Paint, но возможностей больше. Слои, например.
  • PhotoScape – простой редактор фотографий. Имеет функции настройки яркости и цвета, баланс белого, коррекция подсветки, рамки, воздушные шары, мозаичный режим, добавление текста, рисование изображений, обрезка, фильтры, удаление эффекта красных глаз, расцветка, кисть, клон-марка, кисть эффекта и пр.
  • Pablo — онлайн редактор, создающий изображения для социальных сетей. Можно загрузить изображение, посмотреть его для разных устройств, наложить эффект и и текст.
  • Internet Marketing Ninjas – онлайн сервис для быстрой обрезки изображений. Очень удобно, если надо сделать быстро.
  • Meme Generator — генератор мемов. Можно выбрать картинку, создать подпись или сгенерировать ее автоматически. Не скачивается, только публикуется в соцсетях.

Программы для создания логотипа


  • Free Logo Maker – онлайн редактор для создания простых логотипов. Позволяет рисовать с нуля. Бесплатно сохраняет в PNG.
  • DesignMantic – сервис, генерирующий логотип. В редакторе можно изменить, добавив новую форму или текст.
  • Logotype Maker – сервис, генерирующий логотип на основании шаблона. Потом можно поменять в редакторе. Сохраняет в JPG и PNG форматах.
  • Jeta Logo Designer — позволяет быстро создать красочный логотип. Очень проста в обращении. Имеет набор из более чем 10000 фигур и иконок. Возможности стилизации достаточно велики. Объекты, как и текст, можно трансформировать и поворачивать, добавлять эффекты сглаживания, свечения, обводки, тени и т.д. Всего имеет около 200 стилей для фигур. Ручное рисование не предусмотрено, но можно загружать рисунки. Имеет собственные шаблоны логотипов.
  • Flaming Text — онлайн сервис для разработки дизайна логотипа. Основан на шаблонах, но имеет встроенный редактор. Сохраняет в PNG формате.
  • Logo Ease — программа для создания логотипов. Логотип можно создать на основании шаблона, редактировать.
  • Online Logo Maker — онлайн сервис создания логотипов. Простой редактор, легко скачать. Бесплатно только вариант на 300px.

Прототипирование


  • Napkin – десктопное приложение для быстрого создания мокапов для iPhone.
  • HTML5 UP – отзывчивые и адаптивные шаблоны HTML5.
  • Inkbrush — Онлайн инструмент для проектирования шаблонов писем электронной почты. Совмещается с почтовыми службами.
  • Marvelapp – онлайн сервис для создания интерактивного прототипа. Можно создать прототипы для разных устройств. Позволяет загружать готовые макеты, просто перетаскивая их в указанную область. В качестве рисунков используйте mockup. Загружайте, выделяйте области, настраивайте переходы. Интегрирован с DropBox и ГуглДиск, Sketch.
  • MockPlus – программа для создания прототипов на всех платформах. Скачивайте и создавайте. Досьупно для всех устройств.
  • InVision – приложение для совместной работы над прототипом проекта. Инструмент для компании любого размера. Разработка программного продукта с общим доступом — все этапы могут видеть и контролировать как разработчики, так и менеджмент компании.
  • Pencil – десктопный инструмент создания прототипов и интерфейсов. Имеет большой набор инструментов, в том числе диаграммю
  • iPlotz — создание управляемых каркасов сайта или приложения. Для шаблонов можно получить код HTML. Есть онлайн версия, есть десктопная.
  • MockFlow — создание моделей интерфейсов пользователя. Бесплатный доступ ограничен одним пользователем на один проект.
  • Pictofon – быстрое создание мокапа для любого устройства. Выбираем макет, загружаем картинку и получаем мокап в PNG формате.
  • Placeit — Бесплатные шаблоны и мокапы для всех типов устройств. Выбираем макет (от него зависит ракурс просмотра), указываем имя сайта и видим как он будет выглядеть.
  • Pixli – платформа для web-дизайна. Есть бесплатный аккаунт, в котором можно создать мокап, прототип и на его основании сразу сайт.

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

Мы планируем расширять эту подборку новыми сервисами и разделами. Будем благодарны, если вы поделитесь своими находками!

7 главных бесплатных ресурсов для дизайнера | GeekBrains

Мы собрали то, чем вы точно будете пользоваться.

https://d2xzmw6cctk25h.cloudfront.net/post/1939/og_image/1ffa03d786fba61faaf5260e0f8925a2.png

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

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

Первая проблема, с которой сталкивается дизайнер в начале пути, — где брать фото? Цены Shutterstock кусаются даже для профессионалов, а сам сервис рассчитан на командную работу. Канадский стартап Unsplash в 2014 году буквально поглотил нишу стоковых фотографий, предложив то, чего все хотели и ждали: бесплатный реестр качественных фото с удобным поиском.

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

Сегодня Freebie Supply, пожалуй, самый функциональный ресурс по поиску бесплатных файлов. В основном ориентирован на дизайнеров, но пригодиться может и разработчикам, и менеджерам. Охватывает все современные инструменты в сфере дизайна: Figma, Photoshop, Adobe XD, Illustrator, Sketch, Google Slides и другие.

Большой плюс Freebie Supply в том, что для скачивания файлов не нужно даже регистрироваться — только нажать кнопку «Скачать». Можно оформить бесплатную подписку, и еженедельно вам на почту будет приходить подборка новых материалов.

Вы слышали о Google Fonts? В век лицензирования и борьбы с пиратством советуем задумываться, используя шрифты. Для собственных работ вы, конечно, можете брать и пиратские. Но если проект коммерческий, применение нелицензированных шрифтов может обернуться судебным иском.

Google Fonts — это библиотека, в которой более 800 свободно распространяемых шрифтов. Можно воспользоваться интерактивным предпросмотром и подобрать «тот самый» шрифт для любого проекта. А если поначалу вам сложно определиться, сохраните в закладки подборку шрифтовых пар Google Fonts.

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

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

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

Более 700 иконок на 43 темы — вот что нужно всегда иметь под рукой. Их можно свободно использовать как в личных, так в коммерческих целях — при условии, что вы ссылаетесь на ресурс-источник. Воспользуйтесь быстрым поиском в нижнем правом углу страницы — просто введите название объекта, чтобы найти подборку иконок.

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

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

Сервис по генерации цветовых палитр Coolors встречается в каждой подобной подборке, потому что он действительно классный! Как часто вы сталкиваетесь с тем, что вам нужно подобрать гармоничное сочетание трех или четырех цветов? Если вы дизайнер — почти ежедневно. Нет единой методологии: одни дизайнеры создают палитры «как чувствуют», другие — копируют чужие работы, третьи смотрят подборки на Pinterest. А Coolors — решение универсальное и подойдет всем.

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

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

Не важно кто вы: профессиональный дизайнер или любитель, smm-специалист или владелец бизнеса и т. д. Картинки, видосы, иконки и прочие штуки для сайта, поста, статьи, баннера временами ой как нужны всем, кто трудится над продвижением бизнеса в Интернете.

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

Материал разбит на тематические блоки, чтобы вам проще было ориентироваться и выбирать нужный сервис. В общем, читайте, берите и пользуйтесь. 😉

Смотри, любуйся, вдохновляйся

    1. https://dribbble.com/ – популярный среди дизайнеров веб-портал. Дизайнеры со всего мира выкладывают свои работы и делятся опытом. Сайт – это социальная сеть для креативных людей: смотрите и оценивайте чужие работы как зарегистрированный пользователь. Делиться своими работами можно после специального приглашения (invite) от друга-дизайнера. Или показав свои работы другому пользователю с имеющимся приглашением.
    2. https://www.behance.net/ – сетевая платформа для творческих людей. Behance предназначен не только для дизайнеров и иллюстраторов, но и для художников, фотографов, видеографов, архитекторов и многих других людей, чья профессия связана с креативом. Большинство работ представлены как полноценные презентации своих навыков и талантов.
    3. http://revision.ru/ – сетевой выставочный зал в основном с работами русскоязычных дизайнеров.
    4. https://onepagelove.com/ – площадка с большим разнообразием одностраничных сайтов, созданных дизайнерами и разработчиками с разных уголков планеты.
    5. https://land-book.com/ – еще один сайт-портфолио только одностраничных сайтов.
    6. https://www.awwwards.com/ – авторитетная премия в мире веб-дизайна и разработки сайтов. На сайте представлены лучшие работы студий со всего света.
    7. http://www.webdesign-inspiration.com/ – название сайта говорит само за себя. Ресурс, созданный для вдохновения сайтами. Удобная фильтрация работ по цвету, типу и тематикам.
    8. http://www.fltdsgn.com/ – вы любитель сайтов в стиле FLAT? Тогда этот ресурс для вас.
    9. http://www.siteinspire.com/ – тут собраны красивые и вдохновляющие сайты. Сам ресурс регулярно обновляется и пополняется новыми работами.
    10. https://www.thebestdesigns.com/ – еще один сайт с вдохновляющими работами в сфере веб-дизайна.
    11. https://www.uplabs.com/material/ – для любителей Material Design полезно заглянуть сюда. Вдохновение не заставит себя ждать.
    12. https://ru.pinterest.com/ – как же обойтись без Мировой доски вдохновения. Здесь можно найти вдохновение на что угодно и кого угодно.
    13. https://pttrns.com/ – сайт с шаблонами пользовательского интерфейса на любой вкус.
    14. http://www.gomoodboard.com/ – сайт для создания собственной доски вдохновения.

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

Фотографии, картинки и видео часто нужны в работе. Где брать, если нет возможности сделать свои качественные фотографии? На фотостоках. В сети есть платные и бесплатные. Мы перечислили для вас отличные бесплатные фотобанки, которые проверили и рекомендуем к использованию.

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

    1. https://www.pexels.com/ – огромное количество красивых и бесплатных фотографий на самые разные темы со свободной лицензией. Есть очень удобный фильтр по цветовой гамме фотографии.
    2. https://unsplash.com/ – больше 200 000 бесплатных фотографий со свободной лицензией. Фотографии разбиты на коллекции от достойных фотографов со всего света.
    3. https://pixabay.com/ – бесплатные изображения высокого качества, так же есть иллюстрации и видео (для коммерческих целей).
    4. https://www.firestock.ru/ – бесплатный фотосток с огромным количеством категорий. Тип лицензии Editorial (для личного пользования).
    5. http://isorepublic.com/ – бесплатные изображения для творческих людей. Каждый день добавляется огромное количество новых фотографий. Можно использовать для коммерческих целей.
    6. http://jeshoots.com/ – более 800 000 бесплатных фотографий высокого разрешения. И тут есть лицензия для коммерческого использования.
    7. http://cupcake.nilssonlee.se/ – вдохновляющие изображения от талантливого фотографа Nilsson Lee, которые можно ставить на сайт и в рекламу. Коммерчески пригодные фото.
    8. https://magdeleine.co – на сайте представлены потрясающие фотографии разных тематик. Доступен поиск по преобладающему цвету. Ну и лицензии на все случаи жизни.
    9. http://nos.twnsnd.co/ – винтажные фотографии из публичных архивов. Все круто, но только для личного и некоммерческого использования.
    10. https://picjumbo.com/ – более 3 000 изображений высокого качества, библиотека активно пополняется. Разрешено использование фотографий в коммерческих целях, но запрещена перепродажа.
    11. https://www.freestockimages.ru/photo/ – бесплатный фотобанк лицензионных фотографий высокого разрешения. Допускается использование в коммерческих целях.
    12. https://www.sitebuilderreport.com/stock-up/ – более 18 000 доступных фотографий. Stock Up объединяет множество различных бесплатных веб-сайтов с фотографиями, поэтому лицензия на каждую фотографию будет отличаться.
    13. http://kaboompics.com/gallery – популярный бесплатный источник качественных фотографий. Фотографии с Kaboompics появляются на сайтах, таких как BBC, CNN, Forbes, Cosmopolitan, Yahoo и т. д. Но важно проверять лицензии на фотографии, они могут быть разными.
    14. https://www.foodiesfeed.com/ – бесплатный фотобанк с изображениями еды в высоком разрешении. Допускается использование в коммерческих целях.
    15. https://www.splitshire.com/ – фото и иллюстрации для бесплатного использования.
    16. http://www.lifeofpix.com/ – еще один бесплатный фотосток с фотографиями высокого качества и его вполне можно использовать для поиска фото в коммерческих целях.
    17. http://www.gratisography.com/ – сайт с креативными снимками от фотографа Райана Макгуаера. Фотосток пополняется еженедельно и также подходит для коммерческого использования.

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

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

    1. http://www.clipcanvas.com/free-footage/ – на сайте большое количество платных и бесплатных видеороликов высокого качества.
    2. http://www.lifeofvids.com/ – бесплатные видеоклипы высокого разрешения с лицензией ROYALTEE-FREE. Разрешено использование в коммерческих целях.
    3. http://www.wedistill.io/ – бесплатные профессиональные видео для творчества. Можно использовать в рекламных целях.
    4. https://www.videezy.com/ – площадка профессиональных и начинающих видеооператоров, чьи работы находятся в открытом доступе. Разрешено использование в коммерческих целях.
    5. http://www.free-hd-footage.com/ – бесплатные видео отличного качества. Также имеются такие категории как 3D, 4k, 2k. Видео банк небольшой, но категории самые разнообразные.
    6. https://www.videvo.net/ – бесплатные видеоролики для любого проекта. Для скачивания требуется регистрация. Видео разрешено использовать в коммерческих целях.
    7. http://mitchmartinez.com/free-4k-red-epic-stock-footage/ – бесплатные 4к-видео от профессионального фотографа и видеографа Mitch Martinez. Его видео разрешается использовать только в личных целях, не в коммерческих, но есть возможность договориться с автором о расширенной лицензии.
    8. https://pixabay.com/ru/videos/ – бесплатные видео отличного качества. Разрешено коммерческое использование.
    9. http://www.coverr.co/ – сервис для подбора фонового видео на сайт. Видео разрешены для использования в коммерческих целях.
    10. http://mazwai.com/ – большое количество спокойных и живописных видео про природу. Лицензия позволяет использовать в коммерческих целях.

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

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

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

    1. http://ru.365psd.com/ – на сайте огромное количество коллекций бесплатных векторных изображений, эмблем и PSD-исходников.
    2. http://www.freepik.com/ – графические ресурсы для всех. Поможет вам найти бесплатную векторную графику, иллюстрации, иконки, PSD и фотографии для использования на сайтах, баннерах, презентациях, журналах. На сайте есть в том числе и платные премиум-иллюстрации.
    3. https://www.flaticon.com/ – более 400 000 иконок на самые разные темы. Есть встроенный редактор иконок по цвету, размеру. В довесок есть и платные качественные иконки.
    4. https://icons8.com/ – 55 000 иконок в стиле Flat. Иконки формата png бесплатны, за формат svg нужно заплатить.
    5. http://dbfreebies.co/ – на сайте отобраны лучшие бесплатные работы с behance и dribbble. Среди них дизайнерские шрифты, иконки, PSD-шаблоны и мокапы, которые используются для презентаций своего дизайна на пустом макете продукта.
    6. https://www.toptal.com/designers/subtlepatterns/ – большое количество аккуратных фонов для сайта. Есть возможность посмотреть на фон «в работе» перед скачиванием.
    7. http://www.heropatterns.com/ – небольшой сайт с паттернами и фонами в svg формате от дизайнера Стива Сёргера. Есть удобный редактор цвета, формата и размера узора. Все паттерны Стив предоставляет бесплатно.
    8. https://freevectormaps.com/ – сайт полностью посвященный векторным картам в разных стилях и техниках. От больших карт Мира до карт мелких островов.
    9. https://freebiesbug.com/ – бесплатные иллюстрации, шрифты и PSD от популярных дизайнеров.
    10. http://www.fribbble.com/ – бесплатные PSD-файлы и другие бесплатные дизайнерские ресурсы от Dribbble.
    11. https://www.mockupworld.co/ – источник бесплатных фотореалистичных мокапов для презентаций, кейсов.
    12. http://fontello.com/ – большое количество иконок хорошего качества в формате svg, есть возможность генерации шрифта из иконок.
    13. http://perfecticons.com/ – генератор иконок социальных сетей онлайн.
    14. https://thenounproject.com/ – на сайте почти миллион дизайнерских иконок формата png и svg. Есть редактор иконок перед скачиванием.
    15. http://www.endlessicons.com/ – бесплатная библиотека плоских и контурных иконок.
    16. http://fontawesome.io/ – шрифт, генерирующий иконки.
    17. http://pixelmap.amcharts.com/ – генератор карты в аккуратные пиксели. Получившееся изображение можно скачать в формате svg, html, png.
    18. https://www.iconfinder.com/free_icons/ – бесплатные коллекции иконок в разных стилях.

Подбор цветовой схемы и палитры

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

    1. https://color.adobe.com/ – один из самых популярных помощников по подбору цветовой схемы. Есть возможность сохранять свои палитры и смотреть палитры других дизайнеров.
    2. https://colorscheme.ru/ – удобный инструмент для веб-дизайнера. Помогает не только определиться с цветом сайта, но и посмотреть выбранное сочетание на сайте-примере.
    3. http://bootflat.github.io/color-picker.html – подборка контрастных цветов для проектов в стиле Flat.
    4. https://uigradients.com/ – на сайте собраны самые модные и приятные градиенты для ваших проектов.
    5. https://dribbble.com/colors/9cf4df?percent=30 – у сайта dribbble.com так же есть фильтр по цвету работ. Можно выбрать подходящий цвет из палитры и посмотреть сочетания в работе популярных дизайнеров.
    6. http://discovercolor.ru/ – удобный сайт с приятными фотографиями, разбитыми на цветовые палитры.
    7. https://brandcolors.net/ – самая большая коллекция официальных цветов популярных мировых брендов.
    8. https://chrome.google.com/webstore/detail/eye-dropper/ – удобный определитель цвета для браузера Google Chrome (перед использованием требуется установка).
    9. http://www.0to255.com/ – сайт для подбора более светлых и темных оттенков одного цвета. Очень удобен для создания градиентов и hover-эффектов.
    10. https://www.materialpalette.com/ – генерация палитр в стиле material design.
    11. https://coolors.co/ – супербыстрый и бесплатный генератор цветовых схем.

Бесплатная типографика

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

    1. https://fonts.google.com/ – бесплатные шрифты от Google.
    2. https://www.canva.com/font-combinations/ – бесплатный поиск шрифтовых комбинаций для вашего дизайна.
    3. http://fishtext.ru/ – генератор рыботекста для незаконченных шаблонов или других ваших проектов.
    4. http://allfont.ru/cyrillic/ – большая коллекция кириллических шрифтов (не все лицензии подходят для коммерческого использования).
    5. http://typespiration.com/ – бесплатный подбор вдохновляющих шрифтовых комбинаций. Увы, не все шрифты доступны в кириллице.

Hover-эффекты, анимация и живые фоны

Возможно, у кого-то возник вопрос: зачем здесь информация для front-end разработчиков? Но выбрать правильный hover-эффект или анимацию – задача дизайнера. Знания html и css еще ни одному веб-дизайнеру не навредили и быть в курсе новинок в стезе верстки его прямая обязанность. В этом помогут приведенные ниже сервисы и не обязательно изобретать велосипед. Вдохновляйтесь тем, что уже есть, и применяйте это в своей работе.

  1. https://tympanus.net/ – это блог веб-дизайна и разработки. Можно найти достойные примеры hover-эффектов и анимации для вашего сайта.
    Выделим несколько особенно полезных ссылок с этого ресурса:
  2. https://tympanus.net/Development/ButtonStylesInspiration/ – коллекции эффектов кнопок при наведении.
  3. https://tympanus.net/Tutorials/CaptionHoverEffects/ – эффекты наложения заголовка.
  4. https://tympanus.net/Development/HoverEffectIdeas/ – вдохновляющие коллекции эффектов при наведении на фотографию.
  5. https://codepen.io/search/pens?q=canvas&limit=all&type=type-pens – бесплатные живые фоны для вашего сайта от профессиональных разработчиков и любителей (работы в основном для вдохновения, не для коммерческого использования).

Конечно, сервисы – это очень полезно. Но помните, что не стоит полностью копировать бесплатные шаблоны макетов PSD, вставляя стоковые изображения, даже если это позволяет лицензия. Проект должен быть заточен под конкретные цели, а дизайн – помогать понять содержание и совершить целевое действие.

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

300 полезных сайтов в помощь дизайнеру

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

Дизайн (46)
Веб-дизайн(44)
Логотипы (13)
Удаленная работа (31)
Упаковка (5)
Ресурсы (32)
Иконки (19)
Цветовая палитра (19)
Для вдохновения (22)
Flash (4)
Видео и анимация (7)
Типографика и шрифты (10)
Персональные дизайнерские блоги и сайты (14)
Фотообработка онлайн (10)
Разное (21)

Дизайн

  1. abduzeedo.com — сайт о логотипах и дизайне с подробными объяснениями.
  2. davidairey.com — официальный сайт дизайнера David Airey, здесь он делится своим опытом в дизайне.
  3. behance.net — большая подборка работ различных художников, людей искусства со всего мира.
  4. designiskinky.net — австралийский сайт о дизайне, только новости дизайна.
  5. freelancefolder.com — блог-сообщество фрилансеров с регулярными статьями, как организовывать свою работу вне штата.
  6. youthedesigner.com — незаурядный сайт с разнообразными статьями о графическом дизайне.
  7. bangbangstudio.ru — качественный российский сайт для иллюстраторов с интересными дизайнерскими работами.
  8. crazypixels.net — здесь собраны туториалы для photoshop, полезные статьи о дизайне.
  9. creativebloq.com — интернет-журнал о компьютерном искусстве.
  10. lookatme.ru — социальная сеть, где много-много дизайнеров.
  11. ucreative.com — много интересных статей, сайт на английском.
  12. designmodo.com — на этом сайте часто появляются интересные статьи и ресурсы. Здесь есть уникальные Photoshop туториалы, навряд ли вы их встретите на других сайтах.
  13. instantshift.com — отличный ресурс по подборке дизайна для сайта.
  14. dejurka.ru — очень качественный российский ресурс с уникальным контентом.
  15. piccsy.com —  очень много потрясных картинок, надписей и фотографий. Огромный полет для творчества.
  16. render.ru — ну просто замечательный сайт для любого дизайнера, особенно меня вдохновляет 2D галерея аварда. Безусловно в закладки.
  17. dribbble.com — огромное количество работ различных дизайнеров, заходи обязательно!
  18. deviantart.com — мегакрутые работы, очень много талантливых и профессиональных дизайнерских проектов. Кто не знает этот сайт? Да каждый дизайнер на него заходил, все сливки общества здесь!
  19. techdesigner.ru — само название говорит за себя.
  20. fubiz.net — замечательный блог о дизайне, который постоянно обновляется, здесь вы узнаете новинки дизайна.
  21. aisleone.net — статьи о дизайне с примерами работ, англоязычный сайт.
  22. visuelle.co.uk — сюда я захожу частенько, когда требуется вдохновение и настрой к тех.дизайну, сборка различных студий расскажет и покажет что к чему.
  23. siteinspire.com — интересный ресурс, со множеством примеров в различных направлениях графического дизайна.
  24. awwwards.com — здесь только лучшие работы дизайнеров, словом AWARD.
  25. yankodesign.com — красивые рекламные фотографии.
  26. topdesignmag.com — интересные статьи из мира дизайна с красивыми картинками, как мы любим.
  27. butdoesitfloat.com — один из лучших блогов по граф.дизайну/современному искусству.
  28. fastcodesign.com — креативные идеи в мире дизайна, много красивых презентаций и видео.
  29. oneeyeland.com — огромная галерея работ, плюс интересные статьи.
  30. thebestdesigns.com — работы дизайнеров и фотографов, рекламные идеи, много креатива с потрясающим качеством работ.
  31. tutorial9.net — здесь можно найти ссылки на различные ресурсы.
  32. graphic-exchange.com — блог о дизайне, с красивыми фотографиями и работами.
  33. tympanus.net/codrops — обо всем.
  34. designgu.ru — здесь не только о графике, но и о фотографии и lightroom, много полезной информации, вообще разработчики молодцы, интересный ресурс.
  35. popsop.ru — новости в мире дизайна.
  36. informationisbeautiful.net — учимся предоставлять информацию красиво.
  37. industrialdesignserved.com — о промышленном дизайне.
  38. dburn.ru — фотографии на различную тематику, бесплатный фотосток.
  39. thefabweb.com — здесь можно взять любое понравившееся фото.
  40. designet.ru — все о промышленном дизайне, часто организовывают различные конкурсы для дизайнеров.
  41. pinwin.ru — дизайнерам интерьера придется по вкусу этот ресурс.
  42. artageless.com — очень много всего о дизайне и для дизайна.
  43. uxmag.com — здесь много полезных статей. Все статьи написаны специалистами, будьте уверены, каждая новость проходит тщательную проверку и отбор.
  44. ia.net/blog — блог об информационной архитектуре.
  45. uxmovement.com — блог, в котором вы узнаете как плохой интерфейс может влиять на поведение пользователя.
  46. heydesigner.com — рассылка материалов ежедневная/еженедельная для дизайнеров.

Веб-дизайн

  1. noupe.com — отличный сайт о веб-дизайне и веб разработках. Постоянно обновляются новости, и много-много креативных идей, есть чему поучиться.
  2. smashingmagazine.com — эта информация подойдет как начинающему разработчику, так и профессионалу в области дизайна.
  3. alistapart.com — еще один островок в море блогов, посвященный веб-дизайну.
  4. sitepoint.com — очень разнообразный сайт: графика, css, ajax.
  5. webappers.com — блог, содержащий множество исходников, распространяемых по принципу open-source и предназначенный для веб-разработчиков и дизайнеров.
  6. happycog.com — на этом сайте его создатели публикуют свои собственные красивые веб-сайты и делятся лучшими из своих идей.
  7. webdesignerwall.com — каждый дизайнер должен знать, пусть даже если он не интересуется веб-дизайном.
  8. vandelaydesign.com — сборник отличных статей из различных медиаресурсов. Веб-дизайнер, тебе понравится!
  9. bestwebsite.gallery — знакомимся с модными тенденциями в мире веб дизайна.
  10. octaveoctave.com — очень полезный ресурс, зайдем на внутренние страницы.
  11. zurb.com — хорошая библиотека современного веб-дизайна.
  12. firefreebies.com — здесь можно скачать понравившуюся работу, тоже хорошая сборка качественного дизайна, жаль мало шаблонов.
  13. premiumpixels.com — неплохая сборка по навигации для сайта.
  14. spoongraphics.co.uk — можно скачать кучу фонов, векторной графики и т.д., на первый взгляд все туториалы платные, но это не так, заходите, выбирайте, бесплатно, без регистрации, проверено!
  15. onepagelove.com — коллекция одностраничных сайтов.
  16. line25.com — полезный блог для веб-дизайнера, свежие новости, примеры работ, советую к просмотру.
  17. houseofbuttons.tumblr.com — примеры навигации для сайта.
  18. stockvault.net — стильные сайты, будьте в тренде, вдохновляйтесь, черпайте идеи.
  19. minimalexhibit.com — портфолио веб дизайнеров, flat-дизайн.
  20. foliofocus.com — работы известных фирм, следим за новинками в мире веб дизайна.
  21. webdesignerdepot.com — новости в мире дизайна.
  22. webdesignledger.com — новости + ссылки на полезные ресурсы, на которых можно скачать понравившиеся шаблоны и не только.
  23. 24ways.org — здесь я часто смотрю о новшествах в навигации, много статей по цвету, оттенкам, да и вообще информативный ресурс (все статьи от профессионалов)
  24. design-mania.ru — блог о вебдизайне
  25. womtec.ru — блог вебмастеров
  26. cssbeauty.com — есть полезная информация
  27. bestwebgallery.com — очень полезная дизайн-галерея, которая подойдет для дизайнеров разных направлений.
  28. cssremix.com — современные интересные идеи по одностраничным сайтам можно черпать отсюда.
  29. templatemonster.com — каталог веб-студий. Уверена, этот сайт знает каждый разработчик.
  30. share-design.ru — много полезной информации и бесплатные шаблоны сайтов.
  31. templated.co — 845 бесплатных шаблонов HTML5 и CSS
  32. optimizilla.com — оптимизация изображений на сайте, изображения будут занимать меньше места и загружаться быстрее
  33. easel.ly — создание неповторимой инфографики.
  34. freebiesbug.com — самые свежие бесплатности.
  35. html5gallery.com — хорошие идеи для вашего ресурса.
  36. minimalsites.com — здесь собраны интересные сайты в стиле минимализма.
  37. webnews.ws — бесплатные шаблоны различных сайтов, все в psd, по слоям, как нам нравится.
  38. ruseller.com — уроки, исходники, шаблоны и много полезной информации.
  39. templaza.com — шаблоны и плагины для джумлы, для вордпресса, все распределено в тематическом каталоге.
  40. https://wordpress.com/themes — здесь большое количество бесплатных и платных шаблонов, и буквально все мне очень нравятся, это вордпресс. Если нужна идея, это место для вас, вдохновляемся и вперед к своему уникальному творению!
  41. responsivedesignchecker.com — проверка сайта на адаптивность. Рекомендую всем.
  42. megatimer.ru — генератор счетчиков/таймеров
  43. livetools.uiparade.com — генератор иконок, форм, лент для сайта
  44. websiteplanet.com — хороший англоязычный ресурс для начинающих веб-дизайнеров

Логотипы:

  1. logodesignlove.com — сайт о логотипах и только. Регулярное обновление новостей.
  2. logopond.com — сайт о логотипах. Много красивых примеров.
  3. logaster.com — здесь можно сгенерировать свой логотип. В маленьком размере бесплатно, можно использовать любителям создавать шаблоны, либо для примера клиентам, когда в шапку нечего поставить (из-за отсутствия логотипа у заказчика). Сервис очень выручает.
  4. squarespace.com/logo — маленькие логотипы бесплатно.
  5. hipsterlogogenerator.com — генератор логотипов для хипстеров.
  6. logotypes101.com — бесплатные векторные логотипы.
  7. logobaker.ru — кухня логомэйкеров.
  8. logofury.com — креативные идеи для создания логотипа.
  9. logomoose.com — сборка логотипов со всего мира, лучших логотипов на мой взгляд.
  10. Canva — работы различных логодизайнеров, достаточно хорошие работы!
  11. logofaves.com — отличная постоянно обновляющаяся галерея идей, плюс есть победители каждую неделю, так что обязательно участвуйте!
  12. thedesigninspiration.com — отличная подборка логотипов, просто смотрим и вдохновляемся. Многие идеи оригинальны, удивляюсь фантазии разработчиков.
  13. thelogomix.com — тоже неплохая подборка логотипов.

Удаленная работа:

  1. profitcentr.com — здесь часто подрабатываю, когда устаю от дизайна и программирования. Выполняете задания, типа «подпишитесь на меня в вк», вступите в группу фб, лайкните инсту. И за это платят, суммы небольшие, но на продление интернета или на телефонию хватает. А если вы трудолюбивы, то можно заработать нормально. Бывало по 700-1000р. в день выходило. Далее приведу примеры сайтов более подходящих дизайнерам.
  2. fl.ru/projects — здесь можно заработать на дизайне. Новые предложения от заказчиков практически каждый час, ставьте уведомление на email, и вы будете в курсе новых вакансий и проектов. Один огромный минус ресурса — на многие работы нельзя оставить заявку без PRO-аккаунта, за который надо платить 🙁
  3. https://ru.jobsora.com/ — Разве не было бы замечательно, если бы вы могли искать вакансии на нескольких разных сайтах в одном месте? Ну, теперь вы можете! https://ru.jobsora.com/ избавляет от необходимости посещать многочисленные сайты, чтобы найти следующую ступень в своём развитии, экономя ваше время и делая поиск работы более эффективным. Кроме того, вы можете воспользоваться бесплатной услугой Jobsora, которая связывает соискателей с соответствующими работодателями! Посетите Jobsora, чтобы найти тысячи рабочих мест в России.
  4. masterbundles.com — на этом сайте любой дизайнер может попробовать продать свои работы западным клиентам. Если не знаете английского — не беда, менеджер поможет все оформить.
  5. Исполню.ру — отличный вариант для дизайнеров продавать услуги по собственным ценам. Регистрируетесь, публикуете услугу (например, «нарисую логотип» или «создам дизайн 1 страницы сайта»), указываете стоимость от 300 до 15000 руб и срок выполнения. Всё! Далее получаете заказы.
  6. moguza.ru — интересный сервис, не похож на другие биржи, здесь каждое объявление начинается с «МОГУ ЗА…» с выбором определенной цены, все просто, доступно и оригинально. В особенности отмечу раздел «самые безумные ворки», обязателен к просмотру. У меня здесь партнерка, если регаетесь, получаете 100 бонусов на баланс … это примерно пара бесплатных ворков для ознакомления. А вот регистрироваться лучше по этой ссылке http://moguza.ru/?promo=2131819213941 так как вам подарят 100 бонусов, эквивалентно 100 рублям. На них можно купить понравившиеся ворки, либо прорекламировать себя.
  7. kwork.ru — регистрируемся как продавец или покупатель какой-либо услуги (что вам больше подходит). Хороший сервис, советую.
  8. 5bucks.ru — отличный ресурс для заработка, цена работ фиксированная 5$
  9. blogging.im — сообщество всех внештатных дизайнеров для работы за рубежом.
  10. work-zilla.com — удобное переключение от заказчика до исполнителя. Работы, они же «ворки», от 100 р до 35000 р.
  11. profittask.com — вот здесь задания типа «зайди в гугл, установи приложение, удали приложение» ну и много разной мелочевки, так сказать для ленивых 😉 в выходные здесь провожу время, за которое еще и платят, ну не так много, и мне нравится.
  12. upartner.pro — проект юкоZа или совместный проект с UCOZ, лично я захожу через свой Ui аккаунт. Кто работал с этим движком, поймут что к чему. Понятный и приятный интерфейс, удобная навигация.
  13. freelance.ua — крупная украинская биржа труда, обязательно регистрируемся.
  14. free-lancing.ru — хотелось бы почаще обновлений о работе, а так все отлично.
  15. freelance-tomsk.ru — редко обновляется, но клиенты находятся.
  16. revolance.ru — еще реже обновления, и все же регистрируемся.
  17. dalance.ru — тоже неплохой поиск работы и заказов.
  18. itfreelance.by — здесь только для it-разработчиков и дизайнеров.
  19. kitwork.net — биржа фриланса, пока только развивается.
  20. web-lance.net — редко обновляется в сравнении с другими ресурсами, но сайт развивается, думаю скоро станет отличной платформой для бизнеса в сети.
  21. indeed.com
  22. дизайнером.рф — нормальный ресурс, выложила здесь портфолио, и не думала, что будут  заказы, что удивительно бОльшая популярность у меня именно на этом ресурсе.
  23. freelance.ru
  24. free-lancers.net
  25. best-lance.ru
  26. 24freelance.net — биржа фриланса, пока что развивающаяся, но с большими надеждами на будущее.
  27. freelancehunt.com — редко обновляется, но кто знает, лучше зарегистрироваться сейчас.
  28. allfreelancers.su
  29. freelancejob.ru
  30. gorodrabot.ru — дополнительно на сайте бесплатно предоставляется статистика зарплат и вакансий по отдельным городам и специальностям. Это поможет вам понять, на какую зарплату рассчитывать, какие специальности и работодатели наиболее востребованы.
  31. freelancerbay.com — обязательно регистрируйтесь.

Упаковка:

  1. thedieline.com — этот ресурс считается мировым информационным ресурсом об упаковке.  Здесь вы найдете всю информацию по дизайну упаковки.
  2. wtpack.ru — блог об упаковке.
  3. lovelypackage.com — подборки классных упаковок.
  4. packagedesignmag.com — интернет-версия авторитетного журнала Package Design Magazine. Все самое модное в мире упаковки, много комментариев, обзоров и статей.
  5. packagingoftheworld.com — дизайн различных упаковок со всего мира, достаточно информативный сайт.

Ресурсы

  1. designfloat.com — здесь ссылки на ресурсы, где есть все: туториалы, шаблоны, уроки, flash и т.д.
  2. psd.tutsplus.com — уроки по веб-дизайну как для новичков, так и для ассов.
  3. bluevertigo.com.ar — здесь ссылки на все фотобанки интернета (крупные фотобанки).
  4. sxc.hu — самый крупный фотобанк интернета, а главное бесплатный.
  5. dafont.com — более 10 000 шрифтов любого вкуса.
  6. bittbox.com — сайт посвящен всем дизайнерским нуждам: узоры, текстуры, кисти, а самое главное консультации. Опять же как мы любим — все БЕСПЛАТНО!
  7. lenagold.ru — отличный сайт со множеством клипартов, уже вырезанных на прозрачном фоне, здесь и текстуры, и рамочки, и т.д., много psd картинок. Люблю этот сайт.
  8. allday.ru — замечательные материалы под любые дизайнерские нужды.
  9. 365psd.com — каждый день здесь появляются новые и бесплатные psd ресурсы. Спасибо создателю/лям!
  10. ru.clipart.me — более 40 тыс полезных материалов, векторная и растровая графика, по слоям, для иллюстратора и корела тоже есть, и очень много. Все бесплатно!
  11. 1001freedownloads.com — фотографии, обои, кисти, фоны и много-много еще чего. Весь материал в свободном скачивании (БЕСПЛАТНО)
  12. breezyprague.com — есть полезный материал, качайте на здоровье (больше разработчикам сайтов), материала чуть меньше, чем в предыдущих сайтах, но тоже выручает.
  13. wireframes.tumblr.com — подборка разных классных вещей.
  14. pixeden.com — понравится веб дизайнерам, шаблоны, бутстраповские темы, иконки на сайт и т.д.
  15. thenounproject.com — иконки, иконки и еще раз иконки, можно загрузить свою галерею.
  16. officialpsds.com — куча графики отделенной от фона.
  17. fonday.ru — галерея растрового клипарта.
  18. adigitaldreamer.com — различные галереи растрового клипарта, бесплатный фотосток, кисти, шрифты и многое другое.
  19. unprofound.com — много картинок.
  20. amazingtextures.com — здесь текстуры.
  21. placeit.net — бесплатные мокапы.
  22. graphicburger.com — большая «кухня» дизайнера: текстуры, текстовые эффекты, различные эффекты
  23. thehungryjpeg.com — смотрим раздел Freebies ^_^ Думаю, итак все понятно
  24. pixelbuddha.net — сборник бесплатных элементов с разных ресурсов.
  25. uispace.net — много мокапов, иконок, сайтов, в psd по слоям.
  26. techandall.com — бесплатная графика, стокфото.
  27. fotolia.com — частенько использую мелкие изображения 🙂
  28. photoshop-orange.org — все для фотошопа, в особенности выделю скрап-наборы и рамки для Photoshop.
  29. all-free-download.com — полным-полно качественного векторного клипарта!
  30. hameleons.com — различный клипарт
  31. 0lik.ru — набор разного клипарта
  32. all-clipart.net — много фотографий и хорошего клипарта

Иконки:

  1. fontello.com — генерируйте шрифтовые элементы из иконок здесь!
  2. fortawesome.github.io/Font-Awesome — или здесь (тоже шрифтовой генератор).
  3. flaticon.com — плоские векторные иконки.
  4. endlessicons.com — огромное количество плоских иконок.
  5. iconsweets.com — сборка иконок от Photoshop.
  6. glyphsearch.com — пиктограммы ищем здесь.
  7. makeappicon.com — генератор иконок для различного рода приложений.
  8. icomoon.io — более 3х с половиной тысяч иконок в векторном формате.
  9. thenounproject.com — сообщество создателей иконок.
  10. perfecticons.com — пиктограммы для социальных сетей.
  11. iconfinder.com/free_icons — ресурс по поиску иконок.
  12. roundicons.com/doodle-icons-free-set — 50 забавных doodle-иконок.
  13. roundicons.com/free-icons — 60 круглых плоских иконок.
  14. roundicons.com/free-vector-line-icons-set — а здесь сборка круглых иконок (все иконки векторные).
  15. favicon.ru — мой любимый генератор иконок для сайта.
  16. iconizer.net — иконки для вашего сайта на любой вкус и цвет.
  17. iconfinder.com — и тут отличный ресурс по иконкам.
  18. getbootstrap.com — иконки для бутстрап
  19. iconmonstr.com — много иконок (ищем в поиске на английском языке)

Цветовая палитра

  1. materialpalette.com — создает палитру при выборе двух цветов.
  2. materialui.co/colors — еще палитра для material design.
  3. flatuicolorpicker.com — выбираем цвет интерфейса.
  4. getuicolors.com — еще поиск цвета интерфейсов.
  5. flatuicolors.com — красивые flat-цвета.
  6. bootflat.github.io/color-picker.html — хороший сайт flat-цветов.
  7. coolors.co — быстрота создания палитры на 5 цветов.
  8. bjango.com/mac/skalacolor — необычная пипетка для подбора цвета.
  9. couleursapp.com — сервис копирования цвета, который вам понравится с экрана.
  10. colorfulgradients.tumblr.com — автоматическое создание градиентов.
  11. briangonzalez.github.io/jquery.adaptive-backgrounds.js — плагин, который выделяет преобладающий цвет в изображении, затем делает его фоном.
  12. brandcolors.net— цвета известных брендов.
  13. paletton.com — создание палитры цветов. Очень удобная штука.
  14. color.adobe.com/ru/create/color-wheel — палитра от Adobe.
  15. 0to255.com — подбираем оттенки цветов.
  16. colourlovers.com — любителям подбора идей и брендов. Эта цветовая палитра для вас!
  17. hex.colorrrs.com — конвертируем из Hex в RGB.
  18. coleure.com — умный подбор цвета.
  19. colllor.com — еще один генератор, и довольно хороший.

Для вдохновения

  1. wikiart.org/en/paintings-by-style — энциклопедия искусства.
  2. petergreen.tumblr.com — фотоснимки из жизни.
  3. wallcoo.net — потрясающие обои на рабочий стол.
  4. adme.ru — редкие фотографии, рекламные подходы, красивый арт, и всему этому сопутствует описание, не только вдохновляющий, еще и информативный ресурс.
  5. fashionserved.com — о стиле, моде в фотографии.
  6. render.ru/gallery/?gal_rub=28&gal_add=award — и опять мой любимый render 🙂 часто захожу за вдохновением, отличные AWARD-работы, за которыми слежу вот уже более 5 лет, с тех самых пор, когда ресурс был на graphics.ru.
  7. photocasa.ru — журнал о фотографии PhotoCASA.
  8. fotose.com — а это отличная соц. сеть для фотографов, можете тоже делиться своими фотоснимками. Очень много достойных работ.
  9. temos.ru — сайт посвящен только свадебной тематике, профессиональные свадебные фотографии, ну и много полезной информации на эту тему. И самое главное, все работы выполнены профессионалами.
  10. airpano.ru — 3d панорамы мира, выбирайте любое место на земле, над землей, под водой. Очень красивое зрелище с приятной фоновой музыкой.
  11. unsplash.com — креативные фотографии.
  12. 500px.com — красивые атмосферные фотографии.
  13. photoshelter.com — портфолио профессиональных фотографов
  14. lightroom.ru/gallery — здесь галерея фотографий обработанных с помощью Lightroom.
  15. bushrenz.com — красивый сайт, не забудьте включить звук 😉
  16. siiimple.com — минимализм.
  17. digitalabstracts.com — абстракция.
  18. exodusgodsandkings.com — как снимали «Боги и короли». Просто красивый сайт.
  19. jviewz.com — смотрим, вдохновляемся (со звуком).
  20. bookcoverarchive.com — сборка дизайнов разных времен, много ретро. Потрясающие работы.
  21. designspiration.net — дизайны всего со всего мира, чепаем новые идеи.
  22. buamai.com — фотосток на различную тематику.

Flash

  1. labs.adobe.com — новые технологии и обновления от Adobe.
  2. coenraets.org — блог для разработчиков во Flex.
  3. flasher.ru — один из крупнейших форумов флешеров. Здесь и совет дадут и обучат )
  4. thefwa.com — здесь собраны FLASH-сайты высокого качества.

Видео и анимация:

  1. motionographer.com — международный ресурс для профессиональных аниматоров.
  2. fxguide.com — крупное сообщество о видео.
  3. videocopilot.net — сайт предоставляет бесплатные консультации по специальным видео-эффектам.
  4. animator.ru — русский аналоговый сайт про видео и анимацию.
  5. motionworks.com.au — сайт John Dickinson. Просто вдохновляющий сайт.
  6. motiongraphics.it — много полезного об анимации.
  7. videocopilot.net — туториалы, 3d, хорошая галерея работ, часто посещаю этот ресурс.

Типографика и шрифты

  1. ilovetypography.com — вы тоже полюбите этот ресурс, я уверена.
  2. typographe.com — сайт о типографике по-французски.
  3. slanted.de — крупный немецкий сайт о типографике с огромным количеством примеров.
  4. paratype.ru — сайт посвящен только шрифтам, вы будете в восторге.
  5. typofonderie.com — коллекция шрифтов
  6. webfont.ru — шрифты, подойдут разработчикам, ну и дизайнеру конечно! БЕСПЛАТНО.
  7. ph5.ru — эти шрифты отлично подойдут для баннеров, листовок и открыток.
  8. fontshop.com — конкретно о шрифтовом дизайне.
  9. google.com/fonts — бесплатные шрифты от google. Отлично подойдут веб-дизайнерам (для сайтов).
  10. typographyserved.com — креативная типографика.

Персональные дизайнерские блоги и сайты

  1. elliotjaystocks.com — блог графического дизайнера Elliot Jay Stocks.
  2. veerle.duoh.com — очень красивый блог. Подробные статьи и профессиональные консультации. Рекомендую.
  3. snook.ca — полезные советы и хитрости от графического дизайнера, писателя и разработчика Jonathan Snook.
  4. stuffandnonsense.co.uk — очень крутой и лучший на мой взгляд блог о веб-дизайне.
  5. blogof.francescomugnai.com — блог итальянского дизайнера Francesco Mugnai, вдохновляйтесь здесь.
  6. lysergid.com —  французский блог, много полезного.
  7. blog.iso50.com — отличный блог дизайнера Scott Hansen.
  8. blogs.adobe.com — блог графического дизайнера John Nack. Статьи о графике, и об Adobe.
  9. weebls-stuff.com — отличный блог флэш-аниматоров.
  10. paris.blog.lemonde.fr — блог всеми известного Питера Гэйбора (Peter Gabor), здесь много вдохновляющих постов, читайте.
  11. vladstudio.com — красивые работы, думаю, согласятся все.
  12. lotusart.de — официальный сайт Alexander Beim. В принципе с него и началось мое увлечение графикой. …и та самая магическая коробка, смотрим работы, восхищаемся )
  13. pedramk.com — дизайнер-визуализатор Perdam Karimfazli, здесь вы найдете много известных работ.
  14. mattrobot.com — отличные иллюстрации от дизайнера Matt Talbot.

Фотообработка онлайн:

  1. canva.com — отличный онлайн-сервис обработки фотографий (можно отразить ваше фото зеркально, повернуть в любую сторону, плюс полезные фильтры). Часто пользуюсь этим сервисом при выкладывании фотографий в соцсеть + приятный интерфейс.
  2. instagram-foto.ru — фотоэффекты как в инстаграм (эффект ретро).
  3. picmonkey.com/editor — фотоэффекты + различные стикеры поверх фотографии.
  4. fotor.com
  5. photocat.com
  6. befunky.com
  7. photobucket.com/editor
  8. ipiccy.com
  9. fotoflexer.com
  10. popartstudio.nl — сервис позволяет сделать из своей фотографии оригинальную картинку в стиле попарт.

Разное

  1. flickr.com — огромная соц.сеть, где миллионы людей ежедневно делятся своими фотографиями. Вы найдете как начинающих фотографов, так и профессионалов.
  2. computy.ru — блог моего друга-программиста, часто захожу посмотреть новые заметки, и вам советую, пригодится
  3. hypebeast.com — модный журнал о культуре, дизайне и графике.
  4. tumblr.com — блоги обо всем. Много постов с красивыми огромными картинками, регистрируйтесь.
  5. pttrns.com — интерфейсы для мобильных устройств.
  6. mobile-patterns.com — приложения для мобильных устройств и интерфейсы.
  7. likecool.com — много разных креативностей.
  8. smashingjournal.ru — о том, как выгодно продать свои работы. Очень интересные статьи, подойдет всем фрилансерам рунета.
  9. pinterest.com — можно завести свой блог.
  10. favim.ru — коллекция гивок, и можно создать свою галерею картинок.
  11. phototalents.ru — много фотографий, каринок и уроков по фотографии.
  12. linksfarm.ru — генератор статей.
  13. admagazine.ru — журнал о дизайне, не только графическом.
  14. secondstreet.ru — сборка креативных идей.
  15. zarabotaydengi.com — немного о том как заработать на конкурсах и вообще на фрилансе
  16. pinme.ru — много оригинальный работ, регистрируйтесь и тоже участвуйте.
  17. translate.google.ru — гугл-переводчик, пользуюсь, когда просматриваю иностранные сайты о дизайне.
  18. pr-cy.ru — проверка текста на уникальность
  19. timeweb.com — завершу свой список хостингом, который всем рекомендую, если планируете создавать свой сайт. Цены дешевые, поддержка круглосуточная, я довольна. Очень подойдет для начинающих из-за удобного интерфейса.
  20. ruweb.net — здесь можно купить дешевый домен
  21. blogun.ru — сервис поможет в раскрутке вашего сайта

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

как выбрать своё направление — руководства на Skillbox

Если вам нравится анализировать поведение пользователей и прорабатывать сценарии взаимодействия с сайтами, присмотритесь к UX-дизайну.

UX (англ. user experience) — это про опыт пользователя, который он получает, работая с сайтом или приложением.

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

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

Так как пользовательский опыт и проектирование интерфейсов нераздельны, почти всегда этим занимается один человек — UX-дизайнер. Он интервьюирует заказчика и будущих пользователей продукта, собирает и анализирует информацию о целевой аудитории, составляет CJM (англ. Customer Journey Map), карту путешествия потребителя от первого контакта с продуктом до целевого действия. Интересно?

В России не так много мест, где можно получить образование в сфере UX. Этому не учат в вузах, но у Skillbox есть курс по UX-дизайну от компании AIC.

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


курс


UX-дизайн

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

Записаться на курс

Как заработать на веб-дизайне

запись вебинара

 2 ч. 27 мин.

статья

 12 мин.

Экономия времени

2 ч. 15 мин.

Регламент работы и отношение к клиенту — это самое важное. От этого зависит 90% успеха. Сделаете все правильно — сможете продавать дизайн дорого.

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

Создают красивые картиночки, вносят правочки от клиентов.

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

К какому типу относитесь вы? Внедрите в свою работу принципы UX/UI-дизайна, развивайте навыки маркетолога, пусть на минимальном уровне. Разберитесь в путях пользователя на сайтах и научитесь понимать клиента.

Хороший продукт — это небольшая часть, условно 15% успеха. Соглашайтесь работать с заказчиками, продукт которых вам действительно нравится. Это некое безусловное слагаемое, без которого нельзя обойтись. Взамен вы должны делать хороший, эффективный дизайн.

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

Правильная презентация продукта — 55%. Если ваша презентация — сбросить заказчику макет на почту, то будьте готовы к низким чекам. Без правильной презентации дизайнер рискует так и остаться на минимальном уровне профессионального развития.

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

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

В большинстве случаев в веб-дизайне заказы выполняются так:

  • Беседа с заказчиком сводится к трем составляющим. Дайте текст, покажите,
    что нравится, расскажите, зачем нужен сайт.
  • Специалист уходит рисовать. Довольный готовит концепт.
  • Сбрасывает заказчику макет на почту.
  • Получает кучу правок.
  • Приходит к выводу, что заказчик идиот.
  • Уходит в бесконечный цикл «правки-макет-правки».

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

Это стильный, красивый дизайн. Только сразу непонятно, что продается — кухня, повар или что-то еще. Источник

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

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

На встрече сразу объясните заказчику, что вы делаете не картинку, а работаете
над решением его задачи. Получите информацию:

Выясните проблему

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

Уточните задачу клиента

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

Узнайте больше о целевой аудитории

Кто эти люди? Зачем они вообще пользуются сайтом заказчика?

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

Запомните!

Вы делаете дизайн для целевой аудитории. Ваш клиент — человек, который купит продукт заказчика.

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

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

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

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

Идеальная презентация — личная встреча, куда вы приедете со своим ноутбуком. Если онлайн — выбирайте Skype с демонстрацией экрана.

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

На презентации действуем по алгоритму:

  1. Сначала напоминаем цели, задачи и проблемы клиента;
  2. Показываем макет и по шагам разбираем, как все работает;
  3. Подмечаем множество деталей, на которые заказчик может не обратить внимание сразу.
  4. Объясняем в спорных моментах, почему сделано так или иначе.

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

Важно!

Заказчик не знает, дизайн плохой или хороший. Только специалист может объяснить, почему конкретное решение будет или не будет работать.

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

Заказчик часто ошибается с формулированием задачи. Решение — провести воркшоп с представителями заказчика и им самим.

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

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

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

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

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

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

Основные минусы клиентов, которых вам приносят холодные продажи:

  • Хочет быстро, дешево и качественно. Желательно, как у Apple.
  • Хочет волшебную таблетку — вложить в сайт 5 тысяч и получать миллионы.
  • Хочет гарантии прибыли и продаж.

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

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

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

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

Skillbox Media — пример контент-маркетинга

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

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

Готовьте полезный контент, размещайте его на разных площадках. Начните с блога на собственном сайте, добавьте соцсети. Опубликуйте собственные работы на Behance. Прочитайте нашу статью о контенте, который будет продавать.

Хороший продукт — это лишь 15% успеха дизайнера. Правильно построенные процессы повышают ваши шансы стать высокооплачиваемым специалистом на 30%. Еще 55% приходятся на грамотную презентацию.

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

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

Курс «Веб-дизайн с 0 до PRO»

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

  • Живая обратная связь с преподавателями
  • Неограниченный доступ к материалам курса
  • Стажировка в компаниях-партнёрах
  • Дипломный проект от реального заказчика
  • Гарантия трудоустройства в компании-партнёры для выпускников, защитивших дипломные работы
10 лучших бесплатных сайтов, которые каждый графический дизайнер должен знать

Best 10 Websites for Graphic Designers to explore freebies_670

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

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

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

Вот 10 креативных веб-сайтов для графических дизайнеров, чтобы изучить некоторые бесплатные вещи

1. людьми

bypeople

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

2. Freebiesjedi

freebiesjedi

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

3. CSS Автор

cssauthor

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

4. Пиксель Будда

pixel buddha

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

5. DesignShock

designshock

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

6. Flaticon

flaticon

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

7. Optik Verve Labs

optik

,
25+ Лучшие онлайн-ресурсы для профессионалов графического дизайна

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

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

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

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

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

Canva

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

Земельная книга

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

Visme

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

Мастер Дизайна

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

Awwwards

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

Лучший дизайн

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

Logaster

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

Простой редактор drag-n-drop для дизайна электронной почты

Использовать сейчас

ресурсов с более чем 1 000 000 проектов

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

Dribbble

Behance


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

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

Picjumbo

Picjumbo — это отличный фото-сайт с огромной базой бесплатных изображений.

Я свободен

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

Гратисография

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


сайтов с бесплатными исходными файлами

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

DesignEvo

DesignEvo — это бесплатный веб-разработчик логотипов с более чем 4000 шаблонами. Шаблоны удобно разбиты на 34 категории по отраслям, и вы можете легко найти свой шаблон, используя ключевые слова и теги. Все шаблоны полностью настраиваемы с огромным выбором шрифтов и иконок.

365psd

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

Graphicburger

Graphicburger предлагает бесплатные исходные файлы, собранные в одном месте. Широкий спектр ресурсов включает PSD-файлы, векторную графику, шрифты, шаблоны веб-сайтов и многое другое, бесплатное использование без ограничений авторского права. :).

Graphicex

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

Pngtree

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

Последнее сообщение

Шрифты

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

Dafont

Dafont предлагает огромную коллекцию шрифтов, все бесплатно.

MyFonts

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

Google Шрифты

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

300+ бесплатных шаблонов для легкого проектирования

Как пользоваться

Иконки

Всегда полезно использовать простые для понимания значки, например, в блоке «Свяжитесь с нами». Зачем писать «номер мобильного телефона», если вместо этого вы можете просто добавить подходящий значок? На веб-сайтах ниже представлены различные значки на выбор.

Flaticon

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

Icons8

Это спасает меня, когда Flaticon терпит неудачу; такое бывает редко, но … :). Вы даже можете бесплатно заказать нужные значки, если не можете найти нужную среди 60 000+.


Цветовые схемы

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

Кулеры

Этот ресурс генерирует цветовую схему из 5 основных цветов, которые вы можете использовать в своем дальнейшем дизайне новостной рассылки. Эти цвета могут быть настроены, изменены или заменены … Так что эта услуга действительно полезна.

RapidTables

Это универсальный конвертер цветов, в котором вы можете конвертировать цвета во множество других. Поддерживается преобразование цветовых моделей HEX, RGB / RGBA, HSL / HSLA, RGB / CMYK, XYZ, LAB.

Веб-дизайнер Google

Это хорошая альтернатива настольному Photoshop.Он занимает гораздо меньше места, чем Photoshop, имея аналогичные функции. В отличие от Photoshop, Google Web Designer можно использовать бесплатно.


Youtube видео уроки

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


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

4,1 с 5 по 21 Отзывы

,
10 лучших мест для поиска рабочих мест в области графического дизайна в Интернете в 2020 г.

Последнее обновление: 20 января 2020 г.

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

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

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

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

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

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

Ищете работу фрилансера по графическому дизайну?

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

02. Naukri

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

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

03.Krop

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

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

04. Peopleperhour

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

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

05. Fiverr

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

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

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

06. Toptal

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

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

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

07. Upwork

Этот портал был запущен как Elance O-desk, а затем переименован в Upwork. Портал также предлагает другие виды работ в дополнение к графическому дизайну и веб-дизайну. Порталы работают над процессом торгов, а соискателям предоставляется определенная сумма кредитов. Дополнительные кредиты можно приобрести, и они будут пополняться на постоянной основе.

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

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

08. Freelancer

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

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

09. Гуру

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

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

10. Craigslist

Craigslist, один из самых популярных сайтов объявлений, имеет отдельную категорию для списка вакансий. Категория далее разделена на подкатегории, где рабочие места перечислены в хронологическом порядке. Эта функция доступна для всех мест.Внештатные возможности графического дизайна доступны в категориях Web / Info Design, TV / Film / Video / Radio, Art / Media / Design.

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

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

Вы ищете нового графического дизайнера? Если да, позвоните нам по телефону + 1-855-699-2851 [время для звонков с 9:00 до 18:00 по восточному поясному времени (США)] или зарегистрируйтесь для получения бесплатной консультации по дизайну

Заключение

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

Найти вакансии фриланс-дизайнера

.
15 существенных мест графических дизайнеров-фрилансеров могут найти новых клиентов

Поиск близко Показать меню
    • Искусство и культура
    • Реклама
    • Пленка
    • Графический дизайн
    • Иллюстрация
    • Фотография
    • Карьера
    • Бизнес
    • Маркетинг
    • Клиенты
    • Self
    • Активы
    • Творческие трусы
    • Обучение
    • Инструменты и поддержка
    • Интервью
    • Книжный клуб
    • Покупки
    • События
    • Около
    • Подкаст
    • Контакт
    • Реклама и партнерство
    • Присоединяйтесь к нашему форуму
    • Станьте Лучшим
    • Найдите нас на
    • Twitter
    • Facebook
    • Instagram
    • Pinterest
  • советов /
  • Клиенты
,

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *