что значит визуальная концепция
Визуальная концепция в макете
Отвечаем на эти и многие другие вопросы о создании макета, который работает.
Что такое визуальная концепция
Визуальная концепция — построение коммуникации с потребителем; трансляция идеи через визуальные образы. Визуализация в макете нужна не для того, чтобы было красиво, за дизайном должна стоять идея.
Основная задача — донести ключевое сообщение, вызвать нужные эмоции и ассоциации.
Визуальная коммуникация — умение донести ключевые смыслы визуально, используя графический язык (образы, цвет, форма, композиция, типографика).
На вопросы «что мы говорим?» и «кому мы говорим?» отвечает маркетинговая информация, понимание потребностей целевой аудитории, знание особенностей своих конкурентов, ценности и философия бренда.
Дизайн же отвечает на вопрос «как мы говорим?», т.е. отвечает за подачу информации.
Часто на печать в типографию передают файлы, которые представляют из себя просто компоновку разношерстных элементов, без общей идеи, без внимания к деталям.
Задачи визуальной концепции:
Как проработать визуальную концепцию
Создавать дизайн с мыслью, с целью; превратить кучу простых элементов в интересный и привлекательный дизайн-продукт не сложно, главное следовать нескольким простым правилам:
Разработка визуальной концепции — процесс создания графической метафоры, которая будет транслировать сообщение бренда потребителю.
В рекламных материалах (визитки, листовки, буклеты, бейджи, бумажные пакеты, брошюры) должен прослеживаться единый визуальный стиль, который можно создать с помощью внедрения единой цветовой гаммы, фирменных паттернов и др. графических элементов. Каждая деталь макета должна гармонично вписываться в общую графическую идею.
Визуальная концепция помогает запомниться или выделиться среди конкурентов, дать представление о каком товаре идет речь, показать его преимущества, вызвать желание приобрести, рекламируемый продукт.
Функциональность и эстетичность — два основных критерия, которых нужно придерживаться при создании макета.
Функциональность обеспечивает логичность восприятия (удобочитаемость), эстетичность привлекает внимание и делает дизайн приятным для глаз.
В макете должен быть один доминирующий элемент (визуальный образ, либо заголовок), остальные ему подчиняются. Все элементы дизайна должны представлять собой гармоничный законченный образ, в котором все части образуют единое целое.
Блажь или необходимость? Визуальная концепция для Instagram. Кейс художественной школы
Что такое визуальная концепция? Красивые картинки или маркетинговый инструмент? Кейс агентства Arealogic о том, как разработать правильную визуальную концепцию для социальных сетей, которая действительно решает задачи бренда.
Наш Заказчик – художественная мастерская. Основные услуги – обучение рисованию взрослых и детей, проведение тематических мероприятий.
Главная задача – создание качественного, эффективного аккаунта в Instagram с целью повышения узнаваемости бренда, создания вовлеченного сообщества и конечно продаж услуг мастерской.
Начали с разработки визуальной концепции, ведь именно визуал – первое, что привлекает внимание пользователей Instagram.
Понимание концептуальных основ проекта, изучение целевой аудитории – база, с которой начинается разработка любой визуальной концепции.
Глубоко проанализировав проект, выделили следующие тезисы:
Ядро целевой аудитории составляют люди среднего и выше среднего возраста (35-65), с достатком (средний и выше среднего). Преимущественно женщины. Среди учеников много людей, работающих в технической сфере (бухгалтер, инженер, IT), маркетологи, врачи, психологи, а также владелицы собственного бизнеса. Отдельная категория людей пенсионного возраста, у которых взрослые дети и внуки (у многих дети живут за границей). Поэтому у них много свободного времени. Наши клиенты интеллигентные и образованные, много путешествуют, посещают музеи и выставки, много читают, все время развиваются.
Позиционирование: Художественная мастерская – это место с особой атмосферой, где рады каждому. Здесь можно творить, заводить новые знакомства, дружить, получать поддержку и признание.
Принципиальная семантика: творчество, удовольствие от процесса, приятное времяпрепровождение, особая атмосфера дружбы.
Следующий шаг – разработка цветового решения.
И это не просто субъективное определение основного цвета, вдохновленное институтом Pantone или вкусом дизайнера. Это разработка уникального сочетания цветового тона, яркости и насыщенности на основе психоэмоционального восприятия бренда аудиторией.
Мы это делаем с помощью собственного сервиса Colorit.
Мы проанализировали Проект и его целевую аудиторию по 42 параметрам.
На конечное решение повлиял ряд факторов, в том числе:
Удивительно, но все эти факторы влияют на выбор того или иного цвета.
Полученное цветовое решение может нравиться и не нравиться, мы можем с ним соглашаться или нет. Но факты – вещь упрямая, научные тем более. Поэтому мы всегда настоятельно рекомендуем проверить предложенную гипотезу. В конце концов вернуться к «любимым» цветам можно в любой момент.
Далее нужно разобраться что размещать, как и зачем.
Прежде всего мы собрали все визуальные идеи – все, что в принципе физически можем показать. Однако не все из этого интересно целевой аудитории и решает нужные задачи. Поэтому важно проанализировать все идеи в этом контексте.
Далее определили основы фотостиля – 5 типов изображений для публикаций, каждое из которых нацелено на решение определенной задачи. Вместе они образуют единый стиль, где элементы взаимосвязаны и решают задачу по вовлечению пользователей и продаже услуг.
Также мы определили базовые блоки – основу фотостиля, и акцентные блоки – элементы, которые «собирают» аккаунт, в числе прочих формируют уникальность и решают важные задачи, например, транслируют ценности бренда.
Крупный план. Один из акцентных блоков – краски, рука, кисть. Задачи таких изображений – создать атмосферу, передать эстетику.
Графика. Еще один тип акцентного блока. Это смысловые блоки с текстами, цитатами. В данном проекте доносят важную информацию, смыслы, собирают аккаунт. Выполнены в соответствии с цветовым решением.
Теперь самое интересное – готовим пример раскладки в соответствии с визуальной концепцией:
Обратите внимание, цветовое решение выдержано, несмотря на то, что изначально цветовая гамма могла показаться мрачноватой. Соблюдена триадная цветовая схема. Преобладает желтый цвет, перемежаясь с дополнительными – синим и фиолетовым. Произведена цветокоррекция – фото низкой яркости (довольно темные) и высокой насыщенности. А корректное использование фотостиля делает раскладку интересной, разнообразной, «живой».
А самое главное такой аккаунт будет решать поставленные задачи.
Визуальная концепция в социальных сетях – необходимость, серьезный инструмент маркетинга. Глубокий анализ целевой аудитории, понимание концептуальных основ проекта, корректное цветовое решение позволяют создать работающую визуальную концепцию, сделать социальные сети еще более эффективным каналом коммуникации с аудиторией.
Чтобы заказать разработку визуальной концепции и другие услуги по продвижению бизнеса в социальных сетях — оставляйте заявку на нашем сайте или пишите в комментариях, будем рады помочь. Агентство Arealogic всегда открыто для новых и интересных проектов, ориентированных на методичную, системно построенную работу в социально-сетевом пространстве.
Разработка визуальной концепции для соцсетей образовательного проекта — опыт Professura
Рассказываем как создать запоминающийся образ без брендбука и арт-директора.
В марте к нам в InShow обратилась школа контент-маркетинга Professura с целью разработать SMM-стратегию для учебного курса Instagraming. На тот момент школа не занималась соцсетями и работала по принципу стартапа — сначала тратится бюджет на тест рекламных каналов и если они себя оправдывают, сумма увеличивается. Поэтому у проекта не было брендбука и намерения тратиться на него в ближайшее время. Также было принято решение не привлекать к проекту арт-директора, чтобы снизить расходы.
Instagram и Facebook школы на тот момент выглядели разрозненно, использовались стоковые картинки либо фото и видео без обработки. В целом было непонятно, что это площадки серьезного образовательного проекта.
Когда мы приступили к созданию SMM-стратегии стало понятно, что без четких правил для оформления креативов работа будет медленной и неэффективной. Дизайнер тратил слишком много времени на то, чтобы придумать концепцию поста, подобрать цвета, шрифты и графические элементы. Уходить в шаблонные решения тоже не хотелось, потому что основным kpi был brand awareness (узнаваемость).
Вводные по проекту были ограниченными. У школы был логотип, написанный фирменным шрифтом, большая любовь к желтому цвету и архив фотографий. Дизайнер предложил начать с выбора палитры цветов, чтобы на всех постах были повторяющиеся акценты. За основу взяли желтый и несколько ярких оттенков, согласовали быстро.
Дальше началась работа над самими креативами, чтобы понять предпочтения заказчика. Предварительно он отправил нам документ, где расписал свое видение визуальной концепции. Этой информации оказалось недостаточно, поэтому мы предложили начать разработку, чтобы не терять время и получить первый фидбек.
Каждую картинку мы детально прорабатывали и согласовывали с заказчиком, несмотря на это получалось плохо. Позже мы пришли к тому, что нет единого визуального ориентира и правил оформления отдельных рубрик, это сбивало заказчика и команду.
. Пишу комментарии к работе.
Ко всем работам с цитатами
Предлагаю уйти от написаний на картинке. На картинке оставлять только что-либо крупное и недлинное. Например, можно оставить Имя и Фамилию, преподаватель. А саму цитату пишем в теле публикации.
Таким образом получается логика: Вижуал — Кто этот человек — Что ценного — C2A
У меня голова срезанная 🙂
Фотографии преподавателей в ч/б. Странно, но у меня Андрей с розовым оттенком, а я с синим. Выглядит мрачновато. Поэтому если используем ч/б, то предлагаю людей делать светлее.
В образовательном проекте акцент всегда на преподавателях и предстоящих курсах, поэтому мы коллективно решили определить как должны выглядеть баннеры с фотографиями людей. На первый взгляд кажется, что это простая и очевидная задача, на деле у нас получился целый мануал где каждая деталь имеет значение.
В соответствии с этими правилами дизайнер разработал новую серию баннеров. Креативы получились яркими и насыщенными, но смущали иконки и выбор цветов, казалось, что это дешевит вижуалы и не отвечает образу школы.
Прошло два месяца совместной работы и результат визуального оформления не устраивал ни нас, ни заказчика. Все понимали, что-то идет не так, но никто не мог объяснить что именно. Тогда мы начали искать вдохновение в аккаунтах мировых брендов и выписали тенденции, которые казались нам удачными.
Дизайнер собрал все увиденное в целостную картинку, добавил фирменные желтые цвета и фото из архивов. Наконец-то получился вариант, который всем понравился и отвечал целям проекта.
Правила оформления мы сразу добавили в презентацию, чтобы ничего не забыть или передать другому дизайнеру в случае необходимости.
С появлением четких правил оформления у нас сократилось время на создание креативов в 4 раза, заказчик принимает работу практически без правок. Аккаунт выглядит целостным, даже если нужно оперативно добавить пост, который не был запланирован. Новую концепцию поддержали студенты и преподаватели проекта, аккаунт начали отмечать в сториз чаще, чем обычно.
1) Наймите дизайнера, не надейтесь на сайты с шаблонами типа Canva. Обычно там нет приличных кириллических шрифтов, а эффектные посты, созданные под латинский текст, с русскими буквами начинают выглядеть ужасно.
2) Составьте мудборд и выберите идеи, которые отвечают ценностям проекта. Оставьте те, что проще всего реализовать, потому что всегда будут срочные посты, которые надо быстро создать и выложить.
3) Основа визуальной концепции — это цвета, шрифты и расположение текста. Выберите 2-3 основных цвета и шрифта, остановитесь на нескольких вариантах расположения. Если взять больше трех, будет сложнее сочетать, а дизайнер с небольшим опытом может и вовсе все испортить безграмотным смешением.
4) За основу мы взяли толстые белые рамки — это хорошее решение, которое всегда смотрится стильно и не теряет актуальности. Можно экспериментировать с их толщиной, цветом и ротацией фото в рамке.
Визуальная концепция в дизайн-процессе
Mar 28, 2017 · 4 min read
Рассмотрим ситуацию, которая может произойти с каждым дизайнером. К вам поступил запрос на создание сайта. Вы потратили много времени на проработку продающего дизайн-макета, вложили свои знания и душу. И вот настало время презентовать ваше исполнение заказчику. Но… Клиент не принимает макет. Причина — несовпадение ожиданий заказчика с видением дизайнера.
Помочь нивелировать риски попадания в подобную ситуацию поможет разработка визуальной концепции.
В дизайнерской среде используется понятие равнозначное визуальной концепции — мудборд. Но для клиентов оно зачастую звучит как ругательство и что-то непонятное. Поэтому часто приходится объяснять что это такое и зачем это нужно.
Визуал ь ная концепция — это один из основополагающих процессов в разработке сайта. Поскольку помогает построить правильные эмоции, передать настроение проекта. А также позволяет внести ясность во взаимоотношения между заказчиком и дизайнером, тем самым избежать в дальнейшем множественных переделок. После создания визуального брифа рисуется дизайн-макет.
Мудборд переводится как «доска настроения». Представляет собой документ, где собраны изображения, подобраны цвета, выбрана стилистика элементов, шрифтовые пары, кнопки, иконки, паттерны и другие графические элементы, которые доносят подходящие нам эмоции и ассоциации. Все это можно использовать в макете будущего сайта. Для дизайнера — это опора, на которую он ориентируется и по которой рисует макет сайта.
Создание такой доски настроения может занять немало времени, которое вы потратите на изучение различных ресурсов. Чтобы сэкономить время предлагаю несколько ссылок, которые использую в составлении мудборда:
Задачи визуальной концепции:
1. Передать смыслы визуально
2. Вызвать эмоцию, ощущение, настроение
3. Внести ясность во взаимоотношения заказчика и дизайнера, чтобы снизить риски переделок
Процесс создания визуального брифа:
1. Строим карту ассоциаций — выписываем несколько образов, прилагательных, которые у нас ассоциируются с выбраной темой. С ассоциаций начинается работа над созданием мудборда.
– Сначала выписываем ассоциации 1-го порядка — то, что приходит в голову сразу, эти ассоциации как правило очевидны.
– Потом выписываем ассоциации 2-го порядка. Ассоциации 2го уровня — это логические связи между событиями, предметами, явлениями и фактами, которые мы находим поразмыслив.
– Затем выписываем ассоциации 3го порядка — связи между событиями, предметами, явлениями и фактами, бессознательно улавливаемые человеком. Графический образ может иметь совсем условное отношение к предмету, который он символизирует, или не иметь его вовсе. Основная связь происходит как раз на эмоциональном уровне.
2. Создаем документ, куда будете помещать скриншоты. Можно создать бриф в фотошопе или в любом удобном для вас приложении или на сервисе. Как вариант, RealtimeBoard — онлайн-доска для совместной удаленной работы.
3. Ищем фото, которые можно использовать в макете. Сейчас тренд таков, что лучше всего, если заказчик предоставляет свои уникальные фотографии в хорошем качестве разумеется. Но если этот вариант исключается, то подбирайте фотографии с других источников.
Существуют специальные приложения, где аккумулируются фотографии из разных источников. Можно сэкономить время на поиски нужного изображения. Например, приложение zoommy. Или же открываете все сайты с хорошими фотографиями (например, https://pixabay.com/, платные стоковые ресурсы) и ищите там. Кому как удобнее.
Выбирайте те фото, которые могут использоваться в итоговом макете.
Говорят, одна картинка стоит тысячи слов. Ведь снимок способен пробудить эмоции, передать состояние радости, вкусности, скорости, грусти, разбудить воспоминания или напомнить о каком-то событии. Не подбирайте безликие фотографии. Берите сильные фото, которые способны вызвать чувства у ваших пользователей и заинтересовать их.
4. Подбираем изображения для композиции. Делаем скрины как может выглядить главная страница, каталог товаров и прочие блоки вплоть до форм «оставить заявку».
5. Находим шрифтовые пары, которые удачно подойдут для выбранной ниши. Если вам понравился шрифт на каком-то сайте, то определить название шрифта поможет плагин https://fontface.ninja/.
6. Ищем цветовую схему. Здесь выбираем акцентный цвет, фоновый и балансирующие цвета. Вот сайты, которые помогут в выборе цветовой палитры: https://www.materialpalette.com/amber/deep-purple, http://color.romanuke.com/
7. Подбираем геометрию и формы. Смотрим какие элементы интерфейса использовать — с острыми углами, со скругленными углами, плоские или объемные формы. Какие иконки использовать — контурные или с заливкой и т. п. Находим нужное, делаем скриншоты и помещаем в мудборд.
Визуальная концепция — полезный инструмент. Он помогает дизайнерам облегчить работу над проектом, донести идеи до заказчика и быстрее прийти к сдаче макета.
Но, нужно грамотно презентовать этот документ клиенту. Советую делать комментарии почему вы подобрали тот или иной визуальный образ. Или можно записать и отправить на согласование клиенту мудборд в видеоформате, где прокомментировать свои наброски. Так клиент сможет лучше вас понять, проникнется доверием к вам и даже склонится к вашему профессиональному выбору.
Что такое визуальная концепция сайта: этапы разработки
Визуальная концепция
Визуальная концепция — это связующее звено, которое направляет мысли заказчика и дизайнера в одну сторону. После ее принятия заказчик будет точно знать, что его поняли и его проект будет таким, как он задумал. А дизайнер будет точно знать, что делать дальше и что его труд не нужно будет переделывать. Поэтому иногда не стоит ею пренебрегать.
Визуальная разработка: этапы
Условно визуальная разработка делится на 4 этапа:
Создать бриф. Первый и самый важный этап, чтобы дальше работа пошла легче. На этом этапе нужно точно узнать, что от вас надеется получить заказчик, какая цветовая схема, какой стиль и т. п. Суть — чтобы будущий сайт соответствовал бизнесу заказчика. Можно у него уточнить, есть ли у него брендбук, чтобы брать его во внимание при дизайне будущего сайта.
Ключевые моменты визуальной концепции
Так как визуальную концепцию часто сопровождает текстовое сообщение, то не стоит ее описание делать слишком «техническим». Писать нужно максимально просто, чтобы было понятно всем, независимо от профессии человека.
Заключение
Мы будем очень благодарны
если под понравившемся материалом Вы нажмёте одну из кнопок социальных сетей и поделитесь с друзьями.