Лучшие программы для графического дизайна для начинающих

5 последних уроков рубрики «Юзабилити»

Вы все ещё пользуетесь почтовым маркетингом для продвижения своего бизнеса? Если нет, неужели это следствие того,что вы считаете рассылку неуместной для вашего бизнеса? Если вы все же используете рассылку, уверены ли вы в том, что она максимально эффективна? Как и многие другие вещи в жизни, область маркетинга полна слухов и мифов, которые звучат великолепно, но в действительности только вредят. К счастью, упомянутые ниже примеры помогут значительно улучшить стратегии почтового маркетинга.
Думаю, вы как и я уделяете кучу времени, пытаясь усовершенствовать каждую деталь вашего сайта: от превосходного отображения на различных устройствах, до создания занимательных страницы 404! В то же время, вы когда-то задумывались, что произойдёт, если пользователь оставит поле поиска пустым, а затем нажмёт Enter?
Термин “разумная достаточность” относится к склонности человека использовать минимальные ресурсы для успешного завершения работы. Это явление, которое осуществляется на подсознательном уровне: чаще всего мы даже не задумываемся о том, что сейчас нам необходимо использовать самый минимум усилий для выполнения определённой задачи.
Вашему вниманию предлагаем наиболее впечатляющих приёмы за 2014 год, которые используются в веб-дизайне. Вне зависимости от тематики вашего сайта, данные направления могут быть вам полезны.
Три устаревших UX подхода и их альтернативы

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

1. Простота

Пользователи не любят сложности.

Хорошо разработанная иконка должна быть простой, легко «читаемой» и не требовать объяснений. Можно легко проверить, удалось ли вам создать хороший вариант — просто покажите его кому-нибудь, кто не имеет отношения к веб-дизайну. Если ваш знакомый не понял хотя бы примерный смысл вашей наработки, значит ее стоит исправить.

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

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

Большое количество выделенных или мелких элементов рассеивает внимание аудитории.

Осознанное детализирование

Используйте детали в меру.

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

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

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

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

Набор иконок (источник)

Области применения

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

В плоском дизайне всё заточено под функциональность

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

Эффект объёма в буквах убрали, оставили только разницу цветов

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

Термин flat также используется и для иллюстрации. Двухмерные картинки часто размещают на сайтах, чтобы оживить простой функциональный дизайн. Преимущества у них всё те же: быстрая загрузка и хорошая узнаваемость. А ещё 2D-графика сравнительно недорогая в отрисовке: такие иллюстрации для компаний выгоднее, чем профессиональная фотосъёмка или 3D-визуализация.

Договор на разработку дизайна сайта

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

Необходим учет таких условий:

Предмет договора (существующие условия).

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

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

Условия о передаче исключительного права.

Необходимо не только их наличие

Данный пункт крайне важно правильно составить. Иначе вы рискуете не получить право на готовый проект

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

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

Условия об установлении конкретных сроков.

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

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

Условия о выплате вознаграждения, сроки оплаты, ответственность, расторжение сделки и т.д.

Игнорировать эти условия нельзя. Если договор будет детально проработан, решаться возникающие в процессе работы над проектом разногласия будут быстрее, так как все моменты будут оговорены.

Значимые условия.

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

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

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

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

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

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

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

Сайт веб-студии

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

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

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

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

Портфолио

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

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

Сроки

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

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

Стоимость

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

Дополнительный сервис

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

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

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

Рейтинг

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

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

Вас также может заинтересовать: Продвижение услуг в Интернете

Выберите свой стиль

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

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

Гораздо важнее, чтобы иконки были в одном стиле с остальным содержанием сайта.

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

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

Использование светлых цветов и отличного 3D дизайна иконок отлично дополняет внешний вид сайта: GoodBarry

Простота привлекательна и практична: CrowdSPRING

Использование неряшливого стиля для 2D иконок добавляет глубины: Take the Walk

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

Монохроматические иконки могут акцентировать внимание на контенте без отвлечения: Studio 7 Designs

Используйте силу трансформации снимка экрана с простым градиентом в уникальную иконку: Gist

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

Уникальность

Уникальность относится как к целому набору иконок, так и к каждой в отдельности.

Мобильное приложение с 3D интеграцией

Уникальность набора

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

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

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

Простые значки с особенным дизайном:

Уникальность иконки

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

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

«Единый» — не значит «такой же»!

Пример дизайна с визуально идентичными деталями (единство стиля сохранено):

Изображение от Dindra Desmipian: Иконки рук

Визуальный баланс

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

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

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

Баланс внешнего вида нарушается из-за несоответствия форм и цветовых акцентов.

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

Пример неравномерных иконок

Основные этапы разработки дизайна сайтов

Этап 1. Разработка концепции дизайна.

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

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

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

Этап 2. Составление списка модулей сайта.

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

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

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

Этап 3. Создание внешней структуры сайта.

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

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

Этап 4. Создание заготовок шаблона сайта.

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

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

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

Этап 5. Подбор и обработка графики для сайта.

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

Вас также может заинтересовать: СTА-элементы, которые привлекут больше клиентов

Этап 6. Графическая проработка модулей сайта.

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

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

Этап 7. Создание макета сайта.

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

Вот и все! На этом завершается работа с сайтом (разработка дизайна), а продвижение – это уже следующий этап работы с ресурсом, которые не менее важен.

Оставить заявку

Material — популярный стиль в веб дизайне

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

Material применяется во всех продуктах Google и на мобильных платформах Android. Помимо этого его охотно используют и на сторонних проектах.

Material обрел свою популярность за счет своих гайдлайнов. На сегодняшний день material design guidelines является самой удобной и понятной дизайн-документацией. Даже Apple не может похвастаться такими подробными дизайн-системами.

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

Почему появился flat design

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

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

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

Помните о пиксельной сетке

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

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

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

Устанавливайте начальные и конечные точки диагоналей в соответствии с пиксельной сеткой. Диагонали с углами в 45°, 30° и 60° выглядят четче, чем диагонали с углами вроде 13,7° и 81°.

7 принципов разработки дизайна сайтов

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

Целесообразность

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

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

Единство

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

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

Как узнать, является ли композиция целостной?

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

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

Равновесие

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

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

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

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

Доминанта

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

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

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

Соподчинение

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

Динамизм

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

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

Гармония

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

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

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

Вас также может заинтересовать: Пользовательский контент

Графические онлайн-редакторы, конструкторы инфографики и мемов

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

Easel.ly — для работы с инфографикой;
Canva — для создания инфографики, флаеров, обложек и других картинок;
Online-fotoshop, Pixlr, Sumopaint — для работы с изображениями: позволяет кадрировать, вырезать фон, выполнять цветокоррекцию, объединять изображения и накладывать фильтры;
Online-image-editor — стандартный редактор, работает также с форматом gif;
PixBuilder Studio — редактор растровой графики, позволяющий создавать и web-графику;
Editor.pho, Fotor — фоторедактор с бьюти-инструментами для обработки кожи и добавления макияжа на фото;
Meme Generator, Iloveimg, Risovach, Mr-mem, 1001mem — генератор мемов онлайн.

Инструменты для подбора цвета

Помогут найти нужную палитру сочетающихся цветов для оформления сайта.

New Flat UI Color Picker — подбор цветов в стиле flat с кодами для копирования.

Flat UI Colors — сайт с похожей системой, позволяет подбирать палитры цветов по насыщенности и яркости.

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