Вам не нужно уметь пользоваться профессиональными инструментами или тратить большие деньги, чтобы подготовить привлекательный и интересный графический материал. В этой статье вы узнаете основные принципы построения графики и бесплатные решения, которые помогут вам создать изображения, инфографику и листовки, достойные высоких оцен.
Графические материалы, в том числе листовки, плакаты, и даже инфографика или фотографии, которые вы вставляете на свой сайт, Facebook или Вконтакте, являются неотъемлемой частью вашего бренда. Всем известно, что информацию наш мозг обрабатывает гораздо быстрее, когда она представлена визуально. Но вы должны помнить, что не только фотографии очень важны, но и типографика, цвета, иконки – все это влияет на визуальное восприятие вашей языковой школы.
-
Цвет
Откройте сайт популярного бренда – всегда легко заметить один доминирующий цвет (например, Платформа LangLion – синий). Посмотрите на свой логотип, веб-сайт, определите цвет, который наиболее часто появляется в вашей визуальной идентификации бренда и заботьтесь о нем, чтобы графические материалы (листовки, плакаты, брошюры, графика) были созданы в той же цветовой палитре. Полезным инструментом для этой цели является Pictaculous: просто загрузите любую фотографию и автоматически создается цветовая палитра (вы можете загрузить свой логотип и использовать палитру, чтобы настроить цвет сайта).
Одной из самых трудных задачей является гармоничное сочетание цветов, но не волнуйтесь – есть решение. Google создал чрезвычайно полезное руководство по созданию хорошего дизайна, названное Material design, для того, чтобы унифицировать внешний вид приложений на разных устройствах. Именно здесь вы можете воспользоваться готовыми цветовыми палитрами.
Нужные инструменты:
Coolors.co или Adobe Color CCC – быстрые генераторы цветов
Design Seeds – подбор паллеты цветов на основе фотографий
Цвет играет важную роль в контент маркетинге, потому что благодаря ему мы можем влиять на положительные эмоции пользователей. Остерегайтесь того, что цвет в различных культурах имеет иное значение и учитывайте различные цветовые предпочтения мужчин и женщин.
Оказывает ли цвет непосредственное влияние на конверсию?
В зависимости от цвета кнопки, будет больше кликов на CTA (призыв к действию)?
Ответ на этот вопрос, какой цвет является наиболее эффективным является не простым, однако, по данным исследования, синий цвет является наиболее приемлемым и пробуждает положительные ассоциации. Смотрите на основе следующей графики, как мировые бренды используют цвета и проверьте какие эмоции может вызвать логотип вашей школы.
-
Типография
Вероятно, не раз вы видели сайт со шрифтом Times New Roman, листовки этой же школы со шрифтом Georgia, а также статьи на блоге, написанные в Arial. Старайтесь проявлять сдержанность – не использовать более трех шрифтов. Например, при создании веб-сайта, выбрать шрифт для текста и один для заголовков и, возможно, третий используйте в баннерной рекламе. Откуда брать шрифты?
На помощь снова приходит Google, предоставляя библиотеку бесплатных шрифтов Google Fonts. Есть бесплатные шрифты, которые вам даже не нужно загружать на свой компьютер – просто добавьте свой выбор в коллекцию, выберите, щелкните соответствующий стиль и готово. Вы также можете воспользоваться простыми в использовании шрифтами на Font Squirrel.
Какие шрифты будут выглядеть хорошо вместе? Лучше объединить шрифты из той же семьи. На следующем рисунке показаны проверенные решения.
Интересные решения:
Находясь на чьем – то сайте, вам понравился шрифт, как называется вы не знаете, но хотели бы использовать его у себя? Установите Chrome WhatFont, чтобы быстро идентифицировать шрифты.
Вы не можете решить какой шрифт выбрать? Сравните вид двух шрифтов, благодаря Tiff инструменту.
-
Фотографии
Одним из наиболее важных элементов является выбор соответствующего изображения. С выгодой для вашего кошелька, все больше и больше сайтов, предлагающих бесплатные фотографии. Тем не менее, не все можно скачать безнаказанно, некоторые из них имеют лицензии CC BY – признание авторства. Что это значит? Каждый раз, когда вы копируете, а затем используете фотографии, следует разместить информацию об ее авторе.
Для того, чтобы помочь вам создать графические материалы, я вставила только те сайты, на которых картинки с лицензией CCo, что позволяет свободно скачивать изображения без необходимости обращения к автору.
Выбирая бесплатные изображения, следует помнить, что не всегда их сильной стороной будет качество, и что ваш сосед или любая другая компания также могут их использовать. Таким образом, альтернатива – платные фотографии, вы можете их купить на:
-
Формы, шаблоны, иконки
Для того, чтобы выделить свои материалы, визуализировать данные или подчеркнуть ключевые моменты, используйте графические символы, значки и формы. Где их найти?
Фон
SubtlePatterns – вы найдете все виды фонов, с помощью которых вы превратите обычный лист в что-то особенное.
Иконки
Вы можете просто поискать иконку в Google Images, например по school icon или использовать сайты, представленные ниже.
- 350 Pixel Perfect icons
- IconSchock (бесплатно после входа через Facebook, Google+)
- Modern UI icons
- Flaticon (следует разместить информацию об авторе этой иконки)
Вектора, иконки, шаблоны
-
Снимок экрана
Чрезвычайно полезным при разработке графических материалов, а также в повседневной работе, являются инструменты для создания скриншотов (освободитесь от Print Screen и Paint). Есть приложения, благодаря которым вы выбираете область, которую хотите и сохраняете перед внесением изменений.
- Lightshot
- Awesome Screenshot – дополнение к браузеру Chrome
-
Инструменты для создания графики
Вы не должны быть графическим ниндзя, чтобы создать интересный коллаж, инфографику, изображение или мем с цитатой. Легко сделаете это самостоятельно, используя бесплатные инструменты, которые я представляю ниже.
Social media image maker (инструмент для настройки изображений в социальных медиа)
Фотоколлажи
Интерактивная графика
(Очень хороший способ привлечь пользователей через управление с помощью ссылок на изображения на разных страницах – пример ниже)
Цитаты
Создание инфографики
- Piktochart
- easel.ly
- Wordle (создание облака слов)
Мемы
Последний инструмент, чтобы быстро уменьшить фотографии без потери качества Simple Image Resizer.
При создании любого изображения, старайтесь держаться принципа „чем меньше и проще, тем лучше.” Важно, не копировать работу кого-то, но всегда стоит смотреть хорошо продуманную графику, созданную профессионалами. В крайнем случае, если вы не в состоянии создать что-то – купите, все таки это не такие высокие затраты, а эффект может быть впечатляющим.
А как вы создаете графические изображения и чем наполняете свои страницы в социальных сетях? 🙂