70
Икра 2014 Арсеньев Родион креативный директор Red Keds визуальный язык

Архитектура визуального языка

Embed Size (px)

DESCRIPTION

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

Citation preview

Page 1: Архитектура визуального языка

Икра2014

Арсеньев Родионкреативный директор Red Keds

визуальныйязык

Page 2: Архитектура визуального языка

визуальный язык москва, 2014

Глава 1общение

Page 3: Архитектура визуального языка

визуальный язык москва, 2014

РегулироватьПознаватьВыражатьОтноситьсяОсознаватьБыть частью

шесть функций общения

Договориться, повлиятьна кого-то

Узнаватьновое, запоминать

Выразить эмоции, поделиться переживаниями

Оценивать, хвалить,ненавидеть, любить

Идентификация,сравнение, объяснение,отождествление

Социализация, принадлежность,объединение

Оригинальная статья

Задание

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

Page 4: Архитектура визуального языка

визуальный язык москва, 2014

примеры

Регулировать Познавать выражать

относиться осознавать быть частью

Инфографика про динозавров Символикаидеологийлидеров

Page 5: Архитектура визуального языка

визуальный язык москва, 2014

Глава 2анатомияобщения

Page 6: Архитектура визуального языка

визуальный язык москва, 2014

2 вида данных

Предметныймир

Абстрактный мир

Page 7: Архитектура визуального языка

визуальный язык москва, 2014

из чего сделан язык

вербальныеневербальные

2 вида данных

Ну, короче, ты будешь

делать железяки, а я буду делатьвсе остальное

Page 8: Архитектура визуального языка

визуальный язык москва, 2014

2 вида данных

Визуальныйязык

слов и образов

Визуальныйязык тела

Page 9: Архитектура визуального языка

визуальный язык москва, 2014

вот тебе и задание

Задание

Попробуйте прямо сейчас придумать key-visual на заданную тему.

Отсутствиевнутреннегомира заметно

Page 10: Архитектура визуального языка

визуальный язык москва, 2014

Глава 3телу дело

Page 11: Архитектура визуального языка

визуальный язык москва, 2014

что такое невербальное общение

это языктела

Невербальный язык

Page 12: Архитектура визуального языка

визуальный язык москва, 2014

общение без слов

это знаковаясистема

Язык тела

Page 13: Архитектура визуального языка

визуальный язык москва, 2014

общение без слов

Зрение слух кинестетика вкус запах

Динамично Громко Нежно Сладко Агрессивно

Протоколы передачисообщений языка тел

Page 14: Архитектура визуального языка

визуальный язык москва, 2014

общение без слов

Page 15: Архитектура визуального языка

визуальный язык москва, 2014

общение без слов

Сам себя перебивает

Постоянно меняет походки Держит руки при себе

Все время машет руками

Page 16: Архитектура визуального языка

визуальный язык москва, 2014

общение без слов

Все объектыв визуальном произведении, — это тела

Page 17: Архитектура визуального языка

визуальный язык москва, 2014

общение без слов

Язык тела — это язык поведения

Page 18: Архитектура визуального языка

визуальный язык москва, 2014

общение без слов

Язык тела —

это языкдействий

Page 19: Архитектура визуального языка

визуальный язык москва, 2014

общение без слов

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

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

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

Задание

С помощью предоставленного материала, нужно рассказать историю.

Историю нужно рассказать в плоскости листа А3. Все объекты должны быть расположены параллельно горизонту.

Одна команда — одна история.

Остальные команды должны угадать историю выбранную другой.

история 1 история 2 история 3

Page 20: Архитектура визуального языка

визуальный язык москва, 2014

Глава 4историяистории —история

Page 21: Архитектура визуального языка

визуальный язык москва, 2014

чем отличается хороший собеседник от плохого

умеет расска-зывать истории

Хороший собеседник

Page 22: Архитектура визуального языка

визуальный язык москва, 2014

я твой дизайн хороший чувствовать

классныйсобеседник

Хороший дизайнер

Page 23: Архитектура визуального языка

визуальный язык москва, 2014

преивеилегия

грамонтныйсобеседник

Хороший дизайнер

Page 24: Архитектура визуального языка

визуальный язык москва, 2014

Глава 5архитектура истории

Page 25: Архитектура визуального языка

визуальный язык москва, 2014

архитектура истории

Мифология Сцены ХарактерыДействиеМир, в котором происходит история.

Сеттинг, сюжет,действие, место, время, мизансцена

Характеры, конфликты

произведениеСтруктура, последовательнось,логика

Прием, фразаХарактеристикиХарактеристики,свойства, тон

Page 26: Архитектура визуального языка

визуальный язык москва, 2014

архитектура визуальной истории

Мифология Формат ЭлементыприемыМир, в котором происходит история.

Сеттинг,композиция, место, время.

Характеры, конфликты

произведениеСтруктура, последовательнось,логика

Прием, фразаСвойстваХарактеристики,свойства, тон

Page 27: Архитектура визуального языка

визуальный язык москва, 2014

преивеилегия

Создавая произведение, вне зависимости от его масштаба, мы должны представлять себе весь мир целиком

Page 28: Архитектура визуального языка

визуальный язык москва, 2014

практика или ум, ривз!

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

Задание

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

Page 29: Архитектура визуального языка

визуальный язык москва, 2014

практика или ум, ривз!

Задание

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

Демон сидящийМихаил Врубель

Page 30: Архитектура визуального языка

визуальный язык москва, 2014

практика или ум, ривз!

Задание

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

Апофеоз войныВасилий Верещагин

Page 31: Архитектура визуального языка

визуальный язык москва, 2014

практика или ум, ривз!

Задание

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

Неравный бракВасилий Пукерев

Page 32: Архитектура визуального языка

визуальный язык москва, 2014

практика или ум, ривз!

Задание

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

За туалетом. АвтопортретЗинаида Евгеньевна Серебрякова

Page 33: Архитектура визуального языка

визуальный язык москва, 2014

практика или ум, ривз!

Задание

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

Page 34: Архитектура визуального языка

визуальный язык москва, 2014

практика или ум, ривз!

Задание

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

Page 35: Архитектура визуального языка

визуальный язык москва, 2014

практика или ум, ривз!

Задание

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

Page 36: Архитектура визуального языка

визуальный язык москва, 2014

практика или ум, ривз!

Задание

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

Page 37: Архитектура визуального языка

визуальный язык москва, 2014

мифологическая карта

Page 38: Архитектура визуального языка

визуальный язык москва, 2014

произведение

ПостерСистема визуальной идентификации

Журнал

Логотип

КнигаСайт

Приложение

Page 39: Архитектура визуального языка

визуальный язык москва, 2014

сцена (формат)

cистема визуальной идентификации

Журнал

Сайт

Принт

Визитка

Сцена

Титульная страница

Сцена

Обложка

Сцена

Сцена

Page 40: Архитектура визуального языка

визуальный язык москва, 2014

характеры и характеристики

титульная страница

Меню

Логотип

Заголовок

Наборный текст

характер

сцена

Большой характеристика

Громкий характеристикахарактер

Густойхарактер характеристика

характер Внятное характеристика

Page 41: Архитектура визуального языка

визуальный язык москва, 2014

характеры и характеристики

поведениетел в сцене

— группировка— распад— магнитизм— парадокс— давление— противостояние

разницыв характеристиках

— форма— цвет— движение/статика— размер— текстура— вес

что как

Page 42: Архитектура визуального языка

визуальный язык москва, 2014

характеры и характеристики

поведениетел в сцене

— группировка— распад— магнитизм— парадокс— давление— противостояние

разницыв характеристиках

— форма— цвет— движение/статика— размер— текстура— вес

что как

Page 43: Архитектура визуального языка

визуальный язык москва, 2014

Глава 4сеттинги композиция

Page 44: Архитектура визуального языка

визуальный язык москва, 2014

сеттинг

Сеттинг — способ ограничить правила существования жизни объектов в сцене

характеры

Внешний вид, свойства

характеристики

Конфликты,боль, любовь

произведение сцена прием

Реплика

Что происходит,в какой

последовательности

Как выглядят объекты

Как и почему ведут себя объекты

Одно действие

СеттингПоследовательностьСюжет

Формат, размер, времямасштаб

Page 45: Архитектура визуального языка

визуальный язык москва, 2014

сеттинг в сцене

01

02

03

04

05

06

07

08

�� © © ̍%$ 3 ©&.3' ,©&1$$-� ©04("*($ ©, 13� ©34-)( © -#©!4%%�̎

10

11

12

13

14

++ ©31 "*2©61(33$-© -#©/1.#4"$#©!8 ©58 "'$2+ 5©! !(8"'4"*

+!4,©, 23$1$#©!8 ©).'-©,"" (&

/4!+(2'$#©!8 ©'./-$"*©2.4-#© (- ©����

'./-$"* ".,

".5$1©#$2(&-$#©!8 © -3.-©!$+.5© -#©1.#(.-© 12$-8$5

'./2

���"

#©©©©©©©

©©©©,$"

' -(" +©3'

.4&'3©̕

©(((©

©©©©©©©©©©©©'./-

$"*©2.4-#

Page 46: Архитектура визуального языка

визуальный язык москва, 2014

сеттинг в сцене

Page 47: Архитектура визуального языка

визуальный язык москва, 2014

сеттинг в сцене

Page 48: Архитектура визуального языка

визуальный язык москва, 2014

сеттинг в сцене

Page 49: Архитектура визуального языка

визуальный язык москва, 2014

сеттинг в сцене

Page 50: Архитектура визуального языка

визуальный язык москва, 2014

сеттинг в сцене

Page 51: Архитектура визуального языка

визуальный язык москва, 2014

композиция

Задача композиции —сделать неживое живым

Композиция —театральное представление, разыгрынное

в пространстве сцены

характеры характеристики

Конфликты,боль, любовь

произведение сцена прием

РепликаСеттингПоследовательностьСюжет

Внешний вид, свойства

Page 52: Архитектура визуального языка

визуальный язык москва, 2014

как оживить неживое

как это сделать?!

Возникает вопрос

Page 53: Архитектура визуального языка

визуальный язык москва, 2014

как оживить неживое

Внешний вид, поведение, отношения,ощущения, чувства

Явления, объекты, свойства, системы, внешний вид

Природа

Где взять приемы?

Человек

Page 54: Архитектура визуального языка

визуальный язык москва, 2014

примеры

Задание

Нарисуйте следующие слова.

Нельзя рисовать предметы, людей, части людей.

ЗастенчевыйПарадоксальныйСильныйПедантичныйВлюбленный

Page 55: Архитектура визуального языка

визуальный язык москва, 2014

Глава 4визуальнаяпоэзия

Page 56: Архитектура визуального языка

визуальный язык москва, 2014

хорошая мысль

All art constantly aspires towards the condition of music

Уолтер патер (1839—1894)

Английский эссеист и искусствовед.

Page 57: Архитектура визуального языка

визуальный язык москва, 2014

любое искусство стремится к музыке

положениефактурыматериал

цветнаправления

размерыформы

текстурыструктура

Визуальные рифмы позволяют произведению

Page 58: Архитектура визуального языка

визуальный язык москва, 2014

блиц рифма

Расположениекак это работает

Положение по вертикали ритмично повторяется.

Заголовок, перекрывающий изображение.

Page 59: Архитектура визуального языка

визуальный язык москва, 2014

блиц рифма

Фактуракак это работает

Фактура кожи, покрытой краской, рифмуется с пористой структурой ткани.

Page 60: Архитектура визуального языка

визуальный язык москва, 2014

блиц рифма

Характер формкак это работает

Все формы гибкие, эластичные, вьющиеся.

Page 61: Архитектура визуального языка

визуальный язык москва, 2014

блиц рифма

Текстуракак это работает

Рисунок текстуры близки, но частицы, слагающие паттерн разные.

Page 62: Архитектура визуального языка

визуальный язык москва, 2014

блиц рифма

Толщина линиикак это работает

Толщина линий в объектах разной конфигурации

Page 63: Архитектура визуального языка

визуальный язык москва, 2014

блиц рифма

как это работает

Параллельные линии, складываются в аккорды

Направления

Page 64: Архитектура визуального языка

визуальный язык москва, 2014

блиц рифма

как это работает

Все объектыпостроены с помощью геометрических примитивов. Изгибы по циркулю.

Структура строения

Page 65: Архитектура визуального языка

визуальный язык москва, 2014

блиц рифма

как это работает

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

Созвучия цвета

Page 66: Архитектура визуального языка

визуальный язык москва, 2014

блиц рифма

задание

Найдите в интернете рифму этому изображению.

Найди рифму

Page 67: Архитектура визуального языка

визуальный язык москва, 2014

блиц рифма

задание

Найдите в интернете рифму этому изображению.

Найди рифму

Page 68: Архитектура визуального языка

визуальный язык москва, 2014

блиц рифма

задание

Найдите в интернете рифму этому изображению.

Найди рифму

Page 69: Архитектура визуального языка

визуальный язык москва, 2014

блиц рифма

задание

Найдите в интернете рифму этому изображению.

Найди рифму

Экзис-тенция

Page 70: Архитектура визуального языка

визуальный язык москва, 2014

последний слайд

facebook арсеньев родион

спасибо