102
Арт-дирекшен Данил Снитко PUNK YOU BRANDS

CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

Арт-дирекшен

Данил Снитко PUNK YOU BRANDS

Page 2: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?
Page 3: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

Показать, что сок натуральный.

Page 4: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

Показать, что сок натуральный.

Page 5: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

Транслировать модность и молодежность бренда

Page 6: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

Транслировать модность и молодежность бренда

Page 7: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

Выразить эмоцию «злорадство»

Page 8: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

Дизайн без арт-дирекшена

нужен НИКОМУ и применяется НИКОГДА.

Page 9: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?
Page 10: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

LOOK & FEEL

Page 11: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

Способность сделатькачественно нарисовать,сверстать и т. д.

Дизайнер

Page 12: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

Способность сформулировать и донести ключевое сообщение.

Способность сделатькачественно нарисовать,сверстать и т. д.

Дизайнер Арт-директор

Page 13: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

Способность сформулировать и донести ключевое сообщение.

Способность сделатькачественно нарисовать,сверстать и т. д.

Дизайнер Арт-директор

К А К? П О Ч Е М У?

Page 14: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

Способность сформулировать и донести ключевое сообщение.

Способность сделатькачественно нарисовать,сверстать и т. д.

Дизайнер Арт-директор

К А К? П О Ч Е М У?Т А К Т И К А С Т Р А Т Е Г И Я

Page 15: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

Первая задача арт-директора —

рассказать историю

Page 16: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?
Page 17: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?
Page 18: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?
Page 19: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?
Page 20: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

Ставим окна =и убираем =за собой.=Начисто.

Page 21: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?
Page 22: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

Вторая задача арт-директора —

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

Page 23: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?
Page 24: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

Посудный календарьКейс

Page 25: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?
Page 26: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?
Page 27: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?
Page 28: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?
Page 29: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?
Page 30: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

Реклама безопасного движения

Кейс

Page 31: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

— Мам, домой не жди!=Дядя водитель =торопился…

Управление ГИБДД

Page 32: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?
Page 33: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?
Page 34: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?
Page 35: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

Третья задача арт-директора —

рассказать =историю =

минимальными средствами

Page 36: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?
Page 37: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?
Page 38: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?
Page 39: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?
Page 40: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

Реклама квасаКейс

Page 41: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?
Page 42: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?
Page 43: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

Арт-директор думает:

Что нужно сказать?

Каким тоном?

Какие реальные преимущества стоят за сообщением?

Каковы ассоциации 1-го порядка (чтобы НЕ использовать их)?

Каковы ассоциации 2 и 3-го порядков (чтобы использовать их)?

Page 44: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

Разница в отношении В ЦЕЛОМ

Дизайнер Арт-директор

Хорошо ли это смотрится?

Создает ли это правильное настроение?

Page 45: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

Может ли быть плохой дизайн, но хороший

арт-дирекшен?

Page 46: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?
Page 47: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

– Привет, мы — дешманский сок из 90-х годов.Нами школьники запивают водку.(ключевое сообщение)

Page 48: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

все ли дело в натуральности?

Page 49: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

Может ли плохой дизайн СПЕЦИАЛЬНО лежать в основе хорошей истории?

Page 50: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

ТРЕБУЕТСЯ=ДИЗАЙНЕР

Page 51: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?
Page 52: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?
Page 53: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?
Page 54: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?
Page 55: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

eg.ru lenta.ru

Page 56: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

Хочу сделать =интернет-магазин!

Page 57: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?
Page 58: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

Решено! Будем как EBAY!

Page 59: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?
Page 60: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?
Page 61: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

senheiser.ru

Page 62: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

http://www.jays.se/

Page 63: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

http://nk-tea.ru/

Page 64: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

http://www.luhsetea.com/

Page 65: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

http://www.podarki-tut.ru/

Page 66: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

dompodarka.ru

Page 67: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

http://www.redcube.ru/

Page 68: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

velostrana.ru

Page 69: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?
Page 70: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

http://www.myownbike.de/

Page 71: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

lavkalavka.ru

Page 72: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

http://edaryadom.ru/

Page 73: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

http://www.yuterra.ru/catalog/

Page 74: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?
Page 75: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

LOOK & FEEL

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

ответственность арт-директора

хорошо ли это выглядит?

правильные ли ощущения вызывает?

Page 76: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

Разница в отношении к компонентам

ЦВЕТ

Дизайнер Арт-директор

Подходит ли для данного бренда эта цветовая схема? Соответствует ли она данной ситуации? Яркие цвета могут не подходить к печальному сообщению.

Хорошо ли эти цвета выглядят вместе? «Играют» ли они? Является ли каждый цвет наилучшим выбором для данной среды, например, цветовой набор «Pantone» для печати?

Page 77: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

Разница в отношении к компонентам

ТИПОГРАФИКА

Дизайнер Арт-директор

Почему выбрали именно этот шрифт? Как форма букв передает смысл без самих слов? «Comic Sans» может быть слишком нелепым, а «Helvetica» может быть слишком скучной.

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

Page 78: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

Разница в отношении к компонентам

КОМПОЗИЦИЯ

Дизайнер Арт-директор

Ровные ли у меня поля? Присутствует в изображениях естественный ритм, который будет вести взгляд через все произведение?

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

Page 79: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

Разница в отношении к компонентам

КОНЦЕПЦИЯ БРЕНДА

Дизайнер Арт-директор

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

Насколько хорошо визуальные элементы поддерживают и передают настроение бренда? Какой сигнал или какую тему передает дизайн?

Page 80: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

Больше АРТ или больше ДИРЕКТОР?

Page 81: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

КАЧЕСТВА АРТ-ДИРЕКТОРА1. Уверенность в себе.

Page 82: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

КАЧЕСТВА АРТ-ДИРЕКТОРА1. Уверенность в себе.

2. Вкус.

Page 83: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

КАЧЕСТВА АРТ-ДИРЕКТОРА1. Уверенность в себе.

2. Вкус.

3. Мудрость.

Page 84: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

КАЧЕСТВА АРТ-ДИРЕКТОРА1. Уверенность в себе.

2. Вкус.

3. Мудрость.

4. Открытость для чужих идей.

Page 85: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

КАЧЕСТВА АРТ-ДИРЕКТОРА1. Уверенность в себе.

2. Вкус.

3. Мудрость.

4. Открытость для чужих идей.

5. Способность смотреть в целом.

Page 86: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

ХОРОШИЙ АРТ-ДИРЕКТОР1. Умеет максимально четко ставить задачу.!!

Page 87: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

ХОРОШИЙ АРТ-ДИРЕКТОР1. Умеет максимально четко ставить задачу.!2. Не пытается пропихнуть свои идеи только потому, что они его.!

Page 88: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

ХОРОШИЙ АРТ-ДИРЕКТОР1. Умеет максимально четко ставить задачу.!2. Не пытается пропихнуть свои идеи только потому, что они его.!3. Умеет хорошо объяснять.!

Page 89: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

ХОРОШИЙ АРТ-ДИРЕКТОР1. Умеет максимально четко ставить задачу.!2. Не пытается пропихнуть свои идеи только потому, что они его.!3. Умеет хорошо объяснять.!4. Умеет слушать других.!!

Page 90: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

ХОРОШИЙ АРТ-ДИРЕКТОР1. Умеет максимально четко ставить задачу.!2. Не пытается пропихнуть свои идеи только потому, что они его.!3. Умеет хорошо объяснять.!4. Умеет слушать других.!5. Умеет создать благотворную для критики и прокачки атмосферу.!

Page 91: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

ХОРОШИЙ АРТ-ДИРЕКТОР1. Умеет максимально четко ставить задачу.!2. Не пытается пропихнуть свои идеи только потому, что они его.!3. Умеет хорошо объяснять.!4. Умеет слушать других.!5. Умеет создать благотворную для критики и прокачки атмосферу.!6. Умеет выращивать арт-директоров.

Page 92: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

ПЛОХОЙ АРТ-ДИРЕКТОР1. Все время боится, что кто-то придумает

или нарисует круче него.!!!

Page 93: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

ПЛОХОЙ АРТ-ДИРЕКТОР1. Все время боится, что кто-то придумает

или нарисует круче него.!2. Пытается сделать из дизайнеров второго себя.!!!

Page 94: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

ПЛОХОЙ АРТ-ДИРЕКТОР1. Все время боится, что кто-то придумает

или нарисует круче него.!2. Пытается сделать из дизайнеров второго себя.!3. Не умеет слышать и выпускать в свет хорошие идеи других.!!

Page 95: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

ПЛОХОЙ АРТ-ДИРЕКТОР1. Все время боится, что кто-то придумает

или нарисует круче него.!2. Пытается сделать из дизайнеров второго себя.!3. Не умеет слышать и выпускать в свет хорошие идеи других.!4.«Я должен быть лучшим дизайнером, ведь я — арт-директор!». !

Page 96: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

— Иди я сам всё=переделаю!

арт-директор

Page 97: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

— Иди я сам всё=переделаю!

арт-директор

ФИАСКО АРТ-ДИРЕКТОРА

Page 98: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

Арт-директор всегда =ещё и хороший учитель!

Page 99: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

Читать

Учиться СмотретьФестивальные подборки =в номинации best art direction

Page 100: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

Спасибо за внимание!

Вопросы?@kukalyakinДанил Снитко, PUNK YOU BRANDS

Page 101: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

Практика для арт-директора

Page 102: CodeFest 2014. Снитко Д. — Арт-дирекшен. Как сделать так, чтобы дизайн рассказывал историю?

1. Только картинка. 2. Картинка и текст.

3. Только текст.

1. Купаться запрещено, высокая вода.=2. Береги лес.=

3. Осторожно, разумные обезьяны на территории!