содержание гайда, современный дизайн

Привет, это снова я - Дарина. Рада нашей новой встрече!

Сегодня поговорим о технической стороне дизайна вашего продукта.
(Заметили, что я сменила костюм? В дизайне нет мелочей!)

Содержание:
О, дивный новый мир! Или сам себе дизайнер,
Вспомнить все: полезные ссылки,
Поиграем шрифтами,
Что делать, если дизайн не выходит,
Изучаем Canva,
Подводим итоги: самопроверка (чек-лист по визуалу продукта),
Заключение и напутствие.

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

Благодаря особым программам и сайтам, нет необходимости нанимать переводчика,

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

В первом случае это может служить толчком для получения новой специальности и
раскрытия новых граней вашей личности. Во втором, неудача помогает понять, что "все
профессии важны и, конечно, нам нужны". Скорее всего, вы попадете к специалисту
полными уважения и с четким ТЗ* в кармане, что увеличит шансы на успешный
совместный труд!

(*ТЗ-техническое задание. Скажем так, это ваши ожидания от итогов работы)

В народе говорят: "Без чёткого ТЗ - результат ХЗ!". То есть получиться

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

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

могут понадобиться вам для работы. Я соберу их на этой странице и
добавлю еще немного полезностей...

!ПОМНИТЕ: чтобы случайно не закрыть гайд, щелкните по ссылке ПКМ и выберите

"открыть в новой вкладке"

www.archetopia.ru Теория архетипов М.Марк, К.Пирсон.

Сайт, помогающий подобрать

colorscheme.ru
цветовую палитру

Помимо знания архетипов и палитры, при оформлении продукта вам

могут понадобиться идеи и референсы (образцы для подражания).
Все это можно с легкостью обнаружить на Pinterest!

all-about-pinterest Основы Pinterest

ideas-on-pinterest Поиск идей в Pinterest

Как превратить что-то классное из

add-pins
сети в собственный пин

ВАЖНО! Pinterest, Tumblr, Instagram и другие площадки, где полным-

полно красивых изображений, НЕ ЯВЛЯЮТСЯ фотостоками. А значит,
использовать их без спроса в коммерческих целях нельзя. К счастью, я
знаю такие места, где можно легально скачивать контент для своих
продуктов...

pixabay

pexels Политика этих фотостоков позволяет

пользоваться их контентом совершенно
freestock бесплатно. 

unsplash
 шрифты
Один из самых сложных элементов дизайна-шрифт. Вы наверняка
слышали фразу "давайте поиграем шрифтами", которая вызывает
нервный тик у дизайнеров всех мастей...
Почему же так получается? Давайте разбираться.

Шрифт - наш герой, который не носит плаща. Серый кардинал, управляющий смыслом
любого текста.
Часто вы даже не замечаете, как сильно внешний вид букв влияет на восприятие!
Например, рукописный считывается более дружелюбным и романтичным, а строгая
классика сразу устанавливает барьер между текстом и зрителем.
Здесь вы найдете прекрасную и
alpha-byte подробную статью обо всех видах
шрифтов (если будет интересно)

Основные принципы использования шрифтов в дизайне:

Читаемость
ваш текст должен быть понятен ЦА. Следуйте правилу: необычные шрифты - для
заголовков и акцентов, простые - для основного текста. Пожалейте людей, не заставляйте
разгадывать иероглифы!

Адекватность
начертание шрифта должно соответствовать духу продукта (отражать ценности ЦА,
соответствоать архетипу). Нельзя наклепать для Правителя серьезную презентацию
буковками со зверушками и ждать положительной реакции...

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

Где взять шрифты для своего дизайна?

Отыщет понравившийся шрифт по фото

WhatTheFont
(есть в виде приложения!)
Большой красивый сайт-каталог. Бонус:
myfonts пишет условия использования каждого
шрифта (чтоб случайно не стать пиратом)

Забегу немного вперед и скажу, что чуть дальше будет несколько

страниц о палочке-выручалочке НЕ дизайнеров, редакторе Canva. Там
уже вшиты фото, шрифты, графические элементы и другие полезные
штуки. ОЧЕНЬ МНОГОЕ доступно бесплатно, так что не торопитесь в
дебри интернета!
 если медведь на руки наступил...
В первом гайде мы уже обсуждали значение хорошей "упаковки".
Конечно, одним визуалом сыт не будешь, основа любого продукта-
СМЫСЛ (решение проблемы ЦА). Но, по аналогии с приемом пищи,
любое блюдо мы сперва "поедаем глазами". И при прочих равных
выбираем то, что выглядит более аппетитно...

На что ориентироваться при создании дизайна продукта?

На предпочтения целевой аудитории. Собственно, на этом все, но проясню еще один
момент...

Взаимодействие с ЦА - процесс двусторонний. В первую очередь, мы ориентируемся на

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

Возьмем эти гайды. Я сделала их не только информативными, но и визуально привлекательными.

Позаботилась о том, чтобы информации было в меру: достаточно, чтобы донести мысль, но не
перегрузить деталями. А в конце вас ждет чек-лист по дизайну продукта, чтобы самостоятельно
оценить свою работу. Ждали ли вы подобного? Не факт. Но теперь ваша "планка инфопродуктов"
определенно выросла=)

А что делать, если вы не дизайнер от слова совсем?

Для начала предлагаю отставить панику! Как говорится, даже если вас проглотили, всегда
остается минимум 2 выхода...
По доброте душевной, расскажу вам целых 3:

Во-первых, можно нанять дизайнера. Если после многих попыток, так и не вышло ничего
дельного, бросьте мучиться! Это НЕ ЭКОНОМИЯ, когда тратишь вагон нервов и времени,
вместо того, чтобы заниматься своей работой (которую любишь и делаешь хорошо).

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

В-третьих, воспользоваться Canva! 

Вот мы и подошли к основной части гайда. Вы готовы с головой

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

Графический редактор даёт доступ к встроенной библиотеке шаблонов,

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

В переводе на "простой человеческий", Canva - ваше спасение в мире

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

И нет, Canva не платила мне за рекламу! Достаточно попробовать лично, чтобы потом так
же восторженно советовать ее друзьям и знакомым...

Полный обзор функций Canva занял бы не один десяток страниц, но передо мной стояло
конкретное ТЗ: не более 10 страниц. Поэтому, я просто оставлю ниже чудо-ссылку, на
другом конце которой вас ждет подробное обучение:

about.canva.com

Что же мы будем делать на следующих страницах?-спросите вы. А вот что...

Я включу режим "человека-рекламщика" и брошу все силы на борьбу с вашими

сомнениями! Все эти "да я не дизааайнер", "мне медведь на руки наступил", "это так
слооожно" останутся в прошлом. И мне хватит на это 10 пунктов!

Поспорим?!

Во тьме ночной, при свете дня...

Крутым дизайнам не укрыться от меня!
 работа в Canva

10 причин делать дизайн в Canva

Canva доступна с компьютера онлайн, вам не нужно устанавливать

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

Canva синхронизируется на разных устройствах по вашей учетной

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

Простейшая регистрация или вход через гугл-аккаунт.

Это быстро, бесплатно и очень удобно!

Интуитивно понятный интерфейс. Он же "дружественный".

Вы обязательно разберетесь, как работать в Canva, если немного
потренируетесь. Даже без чтения огромных статей и просмотра видео на
ютубе! Просто "бери да делай" и все получится.

ОЧЕНЬ МНОГО БЕСПЛАТНЫХ картинок, шрифтов, других элементов

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

Можно добавлять СВОИ изображения.

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

Лайфхак: чтобы обойти этот момент, вы можете в другом редакторе

добавить на фото/шаблон/бланк надпись своим шрифтом и загрузить
назад в Canva. Выходит чуть дольше, зато не надо брать платную версию!
(особенно, ради одной картинки)
 работа в Canva, раздаточные материалы

Каждый элемент можно форматировать (крутить-вертеть, менять

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

В Canva есть готовые шаблоны для любых целей

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

Удобный поиск по шаблонам на любом языке

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

Самые популярные форматы для скачивания (jpg, png, pdf, mp4-бета,

gif-платно)
А еще вы можете поделиться своими дизайнами прямо из Canva или
пригласить людей для совместной работы!

В общем, если это не самое крутое приложение

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

Немного о раздаточных материалах

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

Где это можно сделать: ох, надеюсь после "10 причин", этот вопрос можно считать закрытым =)

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

дизайн не перегружен, когда я смотрю на продукт, нет ощущения "винегрета" из стилей и

элементов,

дизайн продукта соответствует стилю аккаунта (в плане цветового решения, украшений,

подачи и т.д),

все использованные элементы честно куплены или взяты с бесплатных стоков: Pixabay,
Unsplesh, Freestocks... (к ним НЕ относятся гугл-картинки, инстаграм, пинтерест и прочие
источники вашего вдохновения!),

изображения разнообразны, чередуются сюжеты/или планы на фотографиях,

в дизайне применяется один или не более 2х шрифтов,

текст продукта удобочитаем (разбит на абзацы, заголовки выделены, основной текст

набран простым шрифтом без "загогулин", "потертостей" и прочих "красивостей"),

дизайн соответствует смыслу и стилю подачи продукта,

дизайн сделан не просто "для красоты", а после того, как определились с ЦА и провели все
необходимые исследования,

вам нравится итоговый результат!

(ведь, скорее всего, ваши вкусы схожи со вкусами ЦА)

Подсчитайте количество баллов и проверьте себя:

8-10 баллов: Так держать! Скорее всего, ваш продукт отлично выглядит!

5-7 баллов: Вы на верном пути. Подумайте, как можно устранить недочеты.

4-6 баллов: Не все так плохо, как кажется. Больше практикуйтесь и

тренируйте насмотренность (хорошие книги и любимые блоги Вам в помощь)

3 и менее балов: Вам предстоит много трудиться, чтобы вывести свой

дизайн на достойный уровень.

Этот чек-лист хорош тем, что с его помощью можно проверить не

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

Вот и подошло к концу наше совместное путешествие в мир дизайна.

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

Артемий Лебедев
§ 175 .Польза ограничений

Больше всего на свете дизайнеру нужны ограничения.Чтобы убедиться в правильности этого

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

- Вы согласны поработать над дизайном для нас за очень много денег?

- Да, это честь для меня.
- У нас есть условие: мы не хотим никак вас ограничивать.
- Это потрясающе, именно о таком заказчике я и мечтал. Всю жизнь меня мучили ограничениями
и теперь...
- Позвольте перебить вас.
- Да, да, конечно, слушаю.
- Сделайте нам самый лучший на свете дизайн.
- Дизайн чего?
- Наше условие - отсутствие ограничений.
- Ааа... эээ... ммм...

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

Модификатор «самое лучшее» может применяться к плакату размером 60×90 в две краски на газетной
бумаге, набранный шрифтом Баскервиль 72-го кегля с вот этим логотипом, посвященный концерту
группы такой-то, который пройдет через три дня, поэтому в печать все должно уйти через четыре часа.
Вот это ограничения, вот это настоящее поле для творчества.

Дизайнер, получивший такое задание, сделает хорошую работу, а дизайнер, которого попросят сделать
«самое лучшее что-нибудь», не сделает ничего.

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

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

Вместо переживания о недостатке финансирования автор поставил перед собой вопрос: а как сделать
хорошо в текущих условиях? Ответ на этот вопрос и есть результат.

Знание: только в ограничениях рождается хороший дизайн.