Бесплатные инструменты для дизайн-процесса

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

Иконки
Noun Project. Богатый выбор, удобный интерфейс, возможность скачать SVG, то есть редактируемый вектор. Основатель сервиса — Sofya Polyakov, красавица, родившаяся в Ленинграде, ныне живущая в штатах. Просто супер-ресурс.

Иконки соцсетей можно быстро брать на Simpleicons. Тоже SVG.

На Perfect Icons можно в пару кликов сделать кнопки соцсетей нужной формы и размера. И сразу получить код.

Material Design icons — стандартные гугловские, например.

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

Symu.co. Бесплатной версии Invision хватит только на 3 прототипа одновременно. Если надо ещё, в помощь другие подобные сервисы. Мой выбор — Symu.co. Удобный, быстрый. Чуть проще функционал.

Цвета
Сolourco.de молниеносный выбор цвета в браузере и его HEX-значения

Цветовые схемы
Coolors
Colorhunt
Adobe Color CC

Градиенты
Генератор красивых CSS-градиентов
Коллекция готовых CSS-градиентов

Сток готовых дизайнов/фото
Freepik.com. Конечно это помойка и мы не будем её сравнивать с Shutterstock, но сколько сотен файлов оттуда скачано бесплатно для оперативной работы, мне не счесть.

Шрифты
Google Fonts — тут всё понятно;
fonts4web.ru — кириллица для вэба. Лицензии лучше проверять;
Вот у этого парня например симпатичная бесплатная кириллица;
Fontface.Ninja — расширение для Chrome, показывает используемый на странице шрифт и его основные параметры;
Type Zebra показывает как будет выглядеть нужный тебе локальный шрифт в браузере;
Fontdragr покажет как будет выглядеть любой сайт с твоим шрифтом.

Текстуры для сайта
Subtlepatterns

Тестирование
Screenfly. Отображение сайта на различных устройствах;
Window resizer и Emmet Re:view. Фичи для Хрома для отображения сайта на различных размерах экрана и устройствах.
Litmus. Главный сервис для тестирования вёрстки e-mail. В халявной версии показывает отображение для Outlook 2013, Gmail и iPhone 6S, но даже это супер-помощь.

Свалки
Graphicsland.ru — русский ресурс. Исходники, пресеты, фоны, шаблоны, эффекты;
Фри шаблоны, мокапы и пр. на Pixelbuddha, Thehungryjpg.com и Freebiesjedi;
На Creativemarket бесплатные позиции ограничены по времени и количеству, лучше подписаться и получать раз в неделю свежую халяву на почту.

Дизайн-паттерны, примеры
Dribbble вне конкуренции в категории «Посмотри как делают нормальные пацаны»; 
Codepen. Фронт-энд примеры, анимация, элементы, готовый код;
UIgarage. Примеры реализации элементов UI.

Работа со скриншотами
Monosnap. Не встречал ничего удобнее. Быстрое рисование на скриншотах, удобная история.

Работа с текстом
TextWrangler особенно хорош для кода, но и с простым текстом тоже удобно работать.

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

Trello использую проектно, но с удовольствием.

Документы, автоматизация
Google Drive, разумеется. Тайминги, описания, контент, документация, бюджеты... Без этого никуда. Вот например бриф удобный на основе Google Form. Используйте Add-ons для кастомизации. В данном случае работает Form Publisher — через шаблон формирует готовый бриф в нужном мне виде.

Всякое
18 лучших музейных коллекций в сети;
Онлайн-конвертер из CDR в AI. В 2016 году это, как ни странно, всё ещё бывает актуально.


Наверняка что-то забыл. Пишите, с чем работаете вы.

One clap, two clap, three clap, forty?

By clapping more or less, you can signal to us which stories really stand out.