Canva - графический дизайн для всех?

Время чтения 10 минут

Обновлено - 1 июня 2025 г.

Онлайн-инструмент Canva была основана в Сиднее, Австралия, в 2012 году с миссией "Расширять возможности мира в дизайне", делая графический дизайн доступным для каждого.

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

Ценообразование

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

Платная версия Pro предлагает полный - и очень обширный - набор функций. Версия Teams позволяет использовать лицензию как минимум трем пользователям. Годовая подписка на нее составляет 100 долларов США на одного пользователя. Примерно 8 евро в месяц - очень выгодное предложение, соответствующее философии компании.

Сфера услуг - целевая группа

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

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

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

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

Приложение

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

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

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

Основы

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

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

Данная статья призвана восполнить этот пробел.

Все начинания...

... трудно. Мотивация, необходимость и приверженность делу определяют успех или неудачу. Старая пословица "нет боли - нет пользы" применима и здесь. Так что, если вы хотите, вы можете!

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

Шаг за шагом

Использование помещений

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

Как мы не будем складывать всю мебель, ковры, картины и т. д. в одном углу комнаты, так и не будем нагромождать графические элементы друг на друга.

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

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

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

Баланс

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

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

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

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

В случае сомнений правило третей служит балансу любого дизайна: ель, расположенная точно по центру картины перед горным хребтом, скорее всего, вызовет у зрителя "почему-то" неприятные ощущения. Если же ель расположить в двух нижних правых третях, горизонт провести по границе до последней горизонтальной трети, горный хребет - в нижней трети, а небо заполнит верхние трети, глаз зрителя воспримет необъятность картины (горный хребет и небо) и, как контрапункт, ель справа на переднем плане.
Для движущихся объектов, таких как парусник, позиционирование дает представление о направлении движения: Поэтому корабль, движущийся слева направо, не будет изображен в центре, а, если вы хотите подчеркнуть его прибытие, войдет в кадр слева или выйдет из него справа.

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

Также так называемые. Негативное пространство (белое пустое пространство) используется для структурирования, удаления "беспорядка", т.е. балласта, который мешает воспринимать дизайн в нужном ключе. Меньше - это часто больше!
Белое пространство - единственный элемент, который не добавляется явно. Оно просто есть и ничего не делает. Или нет? Оно отделяет элементы друг от друга, указывает на то, что они должны восприниматься отдельно друг от друга.

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

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

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

Структурирование

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

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

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

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

Чтобы создать структуру, нужно сначала сделать мысленный набросок, в котором будут учтены следующие моменты:

• Что является наиболее важной информацией (самый крупный элемент или выделение по центру, жирный шрифт - выборочно, потому что если все напечатать жирным шрифтом, подчеркивающий жирный шрифт потеряет смысл)
• Симметричное или асимметричное расположение (каждый элемент имеет свой вес)
• Выбор цвета (90% всех решений о положительной или отрицательной оценке продукта принимаются менее чем за 90 секунд только на основании цвета; цвет повышает узнаваемость бренда, например, на 80%)
• Контраст (создает пространство, глубину)
• Белое пространство (разделение элементов)
• Пропорция (соотношение визуального размера и веса элементов друг к другу)
• Движение (визуальное, последовательное перемещение по контенту; если в процессе просмотра вы где-то споткнетесь, дизайн необходимо исправить)

На практике следующим шагом является перенос текстового содержания на бумагу. Затем следуют изображения продуктов. Теперь можно размещать элементы.

Теория цвета

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

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

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

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

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

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

Дополняющие цвета - это цвета, которые лежат друг напротив друга в круге Fab.

Аналоговые цвета находятся рядом друг с другом в цветовом круге (красный, оранжевый, желтый). Один цвет доминирует (лидирует), другой поддерживает его, а третий расставляет акценты.

Цветовые ассоциации

• Голубой
  - Позитивные: последовательность, компетентность, сила, качество, продуктивность, спокойствие, безопасность, доверие, мудрость, надежность
  - Отрицательные: подавляет аппетит (не подходит для еды)
• Коричневый
  - Положительные: мужественность, естественность, устойчивость, надежность
  - Отрицательные стороны: не подходит для призывов к действию
• Желтый
  - Позитивные: радость, дружелюбие, счастье, молодость, компетентность
  - Негативно: Мошенничество, трусость, низкое качество
• Серый
  - Положительные: сила характера, формальность, практичность, профессионализм, вневременность
  - Негативно: Расстояние, холод, скука
• Зеленый
  - Позитивные: освежение, восстановление, здоровье, надежда, природа, рост, процветание
  - Негатив: Зависть
• Оранжевый
  - Позитивные: энергия, счастье, оптимизм
  - Негатив: призывает к осторожности
• Розовый
  - Положительные: доброта, мягкость, женственность
  - Негатив: -
• Красный
  - Позитивные: страсть, любовь, сила
  - Отрицательные: огонь, опасность, насилие, война, гнев
• Черный -
  - Положительные: авторитет, зло, элегантность, экстравагантность, власть
  - Отрицательное: Угроза, тайна, восстание, смерть, горе
• Фиалка -
  - Позитивные: авторитет, власть, творчество, изысканность, уважение, духовность, мудрость, процветание
  - Негативные: грусть, отстраненность (темные тона).
• Белый -
  - Позитивные: мир, чистота, невинность
  - Отрицательно:
  

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

Типография

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

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

Как словарный запас имеет огромное значение при изучении иностранного языка, так и типографика нуждается в словарном запасе:

• Семейство шрифтов
  Семейство шрифтов содержит родственные шрифты разной ширины, веса и плотности с общими формальными характеристиками.
• Шрифт
  Шрифт - это набор глифов (букв, цифр, знаков препинания и символов), оформленных типичным для данного шрифта образом, например Helvetica, Times New Roman.
  В цифровом мире шрифт называется Шрифт помечены.
• Размер шрифта
  Вес шрифта характеризует толщину штрихов, из которых состоят символы, и выражается как свет, нормальный, полужирный или лишний жир помечены.
• Размер шрифта
  Размер шрифта Пункт (Пт.что соответствует 1/72 дюйма; размер шрифта 6 пт - это 2,1 мм в высоту, типичный "мелкий шрифт").
• Стиль шрифта
  Стили шрифтов содержат информацию о внешнем виде, например Sans Serif (например, Helvetica), Serif (Times New Roman) или скрипт (например. Почерк Люсиды), или декоративные надписи (например.    Амстердам).

Из-за разнообразия "красивых" шрифтов у вас быстро возникнет соблазн включить их в свой дизайн, но - стоп!

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

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

Если место ограничено, вы просто выбираете более мелкий шрифт, вплоть до "мелкого шрифта", чтобы вместить все содержимое. Неправильно! По крайней мере, если читатель хочет полностью воспринять и понять содержание. Никто не будет рассматривать текст с лупой.
Это значит: сократите текст, ограничьте его до самого необходимого и, если нужно, измените шрифт, чтобы, с одной стороны, донести мысль до читателя в полном объеме, а с другой - сохранить удовольствие от чтения.

Выравнивание текста

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

Эти тексты напечатаны с левым выравниванием и напечатаны заподлицо.

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

Faux pas - Шлюхи и сапожники

Что это такое? Нет, это просто типографские выражения, обозначающие ошибки при наборе текста.

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

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

Фоновый дизайн

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

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

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