10 лучших сервисов для дизайнеров и веб-дизайна
Сервисы для работы с графикой помогут быстро решать типовые задачи, с которыми сталкивается каждый диджитал-специалист. К ним относится обработка фото, создание тизеров и обложек для социальных сетей, разработка прототипов сайтов и многое другое.
Мы подготовили подборку самых разнообразных инструментов для работы с графикой, которые помогут быстро решить любые проблемы с веб-дизайном.
10 онлайн-сервисов для работы с графикой
Canva
Это бесплатный инструмент для работы с графикой, с помощью которого можно решать самые разные задачи: создание обложек для соцсетей, плакатов, логотипов, инфографики, миниатюр для YouTube, визитных карточек, резюме и многое другое. Редактор у Canva настолько простой, что справиться с задачей сможет даже новичок. Сервис предоставляет уже готовые шаблоны, наборы фонов, шрифтов, фигур, шрифтов (можно и загрузить свое).
Цена: бесплатно. Есть платные элементы, от 0,99 у.е. за шт.
Online-fotoshop.ru
По какой-то причине не можете установить себе Photoshop? Не надо переживать — есть вполне хорошая онлайн-версия этой программы. Конечно, ее функционал немного упрощен, но для решения стандартных задач вполне хватит. Здесь вы можете обрезать фото (в том числе по кругу), убрать фон, добавить рамку или стикеры, кадрировать, изменить резкость… И все это прямо в окне браузера, без регистрации и смс ????
Цена: бесплатно.
InVision
Это сервис для создания прототипов веб-страниц. Он может похвастаться такими клиентами, как HBO (да-да, тот самый!), Netflix, Airbnb. В чем его преимущество – тут можно работать в команде и обмениваться файлами. Именно поэтому этот облачный сервис очень популярен среди команд разработчиков по всему миру.
Инструмент обладает всеми необходимыми функциями для того чтобы создать каркас будущего сайта, проработать продающую структуру лендинга или мобильного приложения. И ничего не нужно устанавливать, а вся работа сохраняется в облаке.
Цена: бесплатно для одного прототипа. Три прототипа – 15 у.е. в месяц. Безлимит – от 25 у.е. в месяц.
Pixelmator
Это полнофункциональное приложение для редактирования изображений для Mac. С его помощью можно подправлять и обрабатывать изображения, рисовать, создавать сложные композиции. Доступно около 160 различных эффектов. Готовое изображение можно сохранить в популярных графических форматах, отправить по e-mail или в социальных сетях, распечатать или сохранить.
В программе можно вырезать части изображения и вставлять их в другое, рисовать разными кистями, использовать эффекты, исправлять дефекты и многое другое. Есть полный набор инструментов для ретуширования. Одним словом, это Фотошоп для Mac.
Цена: 29,99 у.е.
Axure
Это инструмент для тех, кому нужно разработать прототип сайта. Его особенность в том, что в нем можно создать не просто картинку, а полностью работающий прототип, интерактивный, состоящий из связанных между собой страниц. Причем для этого не нужно работать отдельно дизайнеру и верстальщику, то есть на работу уходит намного меньше времени. Интерактивный прототип позволит объективно оценить будущий сайт, его вид и возможности.
Программа работает на Mac и PC. Минус – высокая цена.
Цена: 99 у.е. в месяц. Есть бесплатная триал-версия на 30 дней.
Paletton
Онлайн-сервис, который поможет сгенерировать цветовую палитру для вашего веб-сайта, подобрав цвета по цветовым схемам.
Инструмент очень прост в использовании: на цветовом круге нужно просто выбрать цвет, который вы хотите использовать как основной. Сервис автоматически предложит вам цвета, которые дополнят цветовую палитру. Есть разные варианты цветовых схем, можно выбирать, переключаясь между ними. Оценить результат вы сможете на сайте-примере, который предоставляет сам сервис.
Минус – инструмент работает на двух языках, английском и чешском. Но разобраться в его работе очень просто.
Цена: бесплатно.
Gliffy
Этот сервис станет выручалочкой для тех, кому нужно часто рисовать сложные блок-схемы, графики, диаграммы, технические чертежи и каркасы. Готовыми чертежами вы можете делиться с другими людьми, а также обсуждать работу с другими членами команды. Сервис хранит историю изменений, и вы всегда сможете вернуться назад, если надо. Можно импортировать свои старые диаграммы, легко сохранять новые.
Цена: От 4,99 у.е. в месяц. Есть бесплатная версия.
Visme
Сервис для создания презентаций, но в первую очередь – для разработки инфографики. Инструмент включает в себя огромное количество шрифтов (около 100 бесплатных), значков и изображений. Также вы можете включать аудио и видео (важно для презентаций), и даже записывать голосовое сопровождение прямо в редакторе.
У сервиса есть необходимые функции и для создания анимированной инфографики, которая в тренде последние два года.
Цена: бесплатно.
Png2jpg
Этот онлайн-сервис поможет вам, если вы сохранили картинку не в том разрешении. С его помощью можно «перегнать» .рng картинки (который как известно больше весят) в формат .jpg. Кроме преобразования в другой формат, сервис сжимает картинки. Можно загружать по одной или несколько. Инструмент обрабатывает одновременно файлы весом до 50 Мб. Регистрация не требуется.
Из минусов – при пакетной загрузке иногда подвисает.
Цена: бесплатно.
TinyPNG
Онлайн-инструмент для сжатия картинок. Можно использовать в рамкам оптимизации картинок для сайта. Работает с файлами в форматах .рng и .jpg. одновременно можно обрабатывать до 20 фото, весом не больше 5 Мб.
Сервис уменьшает вес изображений, но при этом не страдает их качество – четкость, яркость цветов. Теперь вы сможете использовать на сайте картинки, которые не будут замедлять загрузку страницы.
Цена: базовые функции сервиса можно использовать бесплатно.
Как видите, многие из инструментов для работы с графикой доступны бесплатно, или по демократичной цене. Новички, или те, у кого ограничен бюджет, могут легко выбрать для себя бесплатные сервисы. Если вы профи, присмотритесь к более профессиональным платным инструментам.
Ольга Маркова
- 16 приемов создания креативной рекламной идеи (17302)
- 8 техник генерации креативных идей - выбор за вами (12515)
- Как разработать рекламный слоган (60560)
- Разработка логотипа - 3 основных типа лого и 10 ключевых составляющих (57919)
- Понятие Фирменного стиля. Базовый комплект фирменного стиля (28726)
- Креатив в рекламе - 4 составляющих успеха (33304)
- Креативная стратегия для разработки элементов фирменного стиля (27888)
- Правила проектирования фирменного стиля. Изучаем этапы (19980)
- Что такое креативность? (27280)
- Disruption - официальная креативная технология TBWA (19009)
- Зачем нужен фирменный стиль? (31437)
- Классические и современные техники создания креативной рекламы (20225)
- Использование метафор - это кратчайший путь к подсознанию (29068)
- Стадии развития креативных технологий. Методика Мозгового штурма (16991)
- Успешная реклама. Нужен ли креатив? (20465)
- Что такое “Фирменный стиль” (145214)
- Каким должен быть фирменный стиль компании? (41027)
- Классификация элементов фирменного стиля - основные элементы (43523)
- О фирменном стиле замолвите слово. Опишем фирменный стиль простыми словами (20624)
- Разработка фирменного стиля торговой марки (25511)
- Что такое креатив? Эффективность или креативность (20616)
- Что такое креатив? Разбираемся с понятием (24077)
- Как сочиняют слоганы - 5 основных приемов с примерами (22380)
- Дизайн рекламы (93432)
- Психологический дизайн фирменного стиля (30157)
- Красный цвет - цвет лидера. Дизайн рекламы в красных тонах (27217)
- Джон Джилрой - великий рекламный дизайнер (1898-1985) (18731)
- Психологические закономерности восприятия рекламных текстов (29210)
- Приемы и методы рекламного воздействия на Аудиторию (57298)
- Сделайте нам красиво. Что заказчики ждут от рекламного агентства (13423)
- Визуальное позиционирование упаковки. Влияние цвета на целевую аудиторию, примеры (24478)
- Создание креативной рекламы с единой сюжетной линией (19044)
- Техника персонификации в создании креативной идеи - пример с Вимм-Билль-Данн (16421)
- Секс в рекламе - сила воздействия (21074)
- Шок, эпатаж или креатив? (14961)
- Психология цвета в рекламе. Семантика цвета (24606)
- Шрифт в дизайне - Основные элементы текста. Правильный подбор шрифтов (31881)
- Графическое и шрифтовое оформление рекламы. Практические рекомендации (54195)
- Цветовой круг. Практическое руководство для дизайнера и художника (25681)
- Декоративные шрифты. Типы декоративных шрифтов. Кому это нужно? (32278)
- Принципы построения изобразительно-шрифтовых композиций (63496)
- Креативные Рекламные ролики - креативная идея как основа (32839)
- Выразительность рекламной фотографии. Как зацепить потребителя? (20187)
- Креативное мышление в рекламе. Мозговой штурм и метод латерального мышления (23483)
- Big Idea - Долгосрочная стратегия креативного позиционирования (18117)
- Чей это след? Пример креативной идеи и успешной Рекламной кампании (14764)
- Теория построения шрифта. Виды шрифтов и их особенности восприятия для художников (36532)
- Шрифт и текст - основные понятия. Шрифт как элемент дизайна (24854)
- Что такое креатив? Рекламный и PR креатив - показатель эффективности (69171)
- Цветовые веера Pantone. Цветовые библиотеки для графического дизайна и полиграфии (24460)
- Основы теории цвета. Цвет в Дизайне рекламы (41815)
- Сергей Пронин о том, как создается креатив (18592)
- Твоя первая этикетка. Дизайн этикетки - основы цвета и первые шаги (49647)
- Методы поддержки процесса поиска новых идей (Синектика) (24023)
- Критерии оценки креативной идеи (21872)
- Второе пришествие Axe. История креативного продвижения бренда (15698)
- 8 советов для создания креативной рекламы от Дэвида Огилви (83707)