Часть материала с мастер-класса в Киеве.
Рассматриваем различные стратегии и тактики в дизайне. Развиваем конкурентоспособность. Бьемся за хорошие идеи, хорошие интерфейсы, пропорции, логику построения пространства. Большой, разнообразный и современный материал по модульным принципам, канонам и системам в дизайне.
http://baggage.arriba.com.ua/2012/04/12-05karpov/
3. Программа тренировки
Разминка
Чему могут научить дизайнеров игроки в регби?
Стратегии и тактике победы среди равных,
командной работе где каждое звено важно, как
двигаться вперед постоянно оглядываясь назад
и не бояться жесткого столкновения с
конкурентами, сложными клиентами,
комплексными задачами.
90 минут
Стратегия высокой конкуренции в креативном
мышлении. Атакующее мышление. Концепция
ZMOT и как интерактивно вовлекать и убеждать
natural born clickers. Идеи-лидеры и идеи-
лузеры. Digital технологии как новые
творческие инструменты маркетинговых
коммуникаций, для умных людей и брендов.
Регби для дизайнеров. Scrum принципы для
творческих гениев и как качать креативные
бицепсы.
90 минут
Стратегия построения и разработки
интерактивного пространства. Визуальное
представление информации. От задачи
функциональной к эмоциональным акцентам.
Полное представление о модульных принципах
дизайна. Grids / Сетки и практическая
типографика экранного текста.
Композиционные системы и пластические
построения для различных экранов.
60 минут
Стретегия проектирования впечатлений и опыта
пользователей. От персоны, как метода, к
человеку и общению средствами интерфейса.
Функциональный прототип и эмоциональные
карты.
Monday, May 14, 12
4. дмитрий карпов тренер по креативному многоборью / desmonych@gmail.com
Monday, May 14, 12
5. регби для дизайнера
полезные знания для талантливого
человека
Monday, May 14, 12
6. регби для дизайнера
240 слайдов, пять заданий, чтобы мы
вместе прокачали творческие мышцы,
креативную скорость, научились играть
по правилам, но и совершать обманные
маневры в силовой борьбе с
конкурентами
Monday, May 14, 12
12. пас отдавай назад пробивай ногой
себе на ход
опирайся на привычное, на
наработки, но будь готов к
прорыву
Monday, May 14, 12
13. есть те кто метко бьет по
воротам, кто быстро заносит мяч
и те кто давят противника силой в
обороне
а в чем хорош ты? найди свое и
будь в этом лучшим, нужным,
незаменимым, будь собой
Monday, May 14, 12
14. взял мяч беги быстрее, мяч у
противника свали его с ног
конкуренция на рынке не даст
тебе шанса
Monday, May 14, 12
16. раздавили, потерял мяч,
промахнулся... быстрей вставай и
действуй
не скули, не обвиняй, бери и делай с
новой энергией
Monday, May 14, 12
17. мяч не круглый
не верь очевидному, ставь все под
сомнение
Monday, May 14, 12
18. чтобы выиграть мяч, надо уметь
подбросить своего коллегу выше
себя
старайтесь окружить себя командой
людей, которые благодаря вам и вашим
силам будут выше
Monday, May 14, 12
26. процесс идентификации
личн ос ть
гр уп п а
з ащитн ы й
мех ан из м
личн ос ть о б ъ ек т
адап тивн ы й
п р о цес с п р о дукт
то р го вая
мар ка
бр ен д
Monday, May 14, 12
28. Стретегия проектирования
правки
корректировка
анализ техническое исправление
исследование реализация
возможностей решения техническое исполнение
задачи
публикация
завершение проекта
брифинг
встреча с
клиентом
постановка задачи
определение цели проекта
креативный
процесс
генерация идей и презентация
творческих концепций
подтверждение концепции
Monday, May 14, 12
30. креативная
атака
анализ эксперимент с
исследование совершенной новыми правки
возможностей решения возможностями медиа и
задачи вовлечением корректировка
техническое исправление
реализация
техническое исполнение
публикация
завершение проекта
брифинг
встреча с
клиентом
постановка задачи
определение цели проекта
креативный
процесс
генерация идей и презентация
творческих концепций
подтверждение концепции
провал
отказ от вектора
концепции (нежелательный
сценарий)
Monday, May 14, 12
31. Стретегия проектирования впечатлений и опыта
с це н ари й
в заи мо д е й с тв и е / п ро це с с / в ыг о д а
п отре бнос ть ко н те кст / ме ди а
в и зу ал ь н ый
с ти л ь
с це н ари й
н аи б о ле е
н е ве р о ятн ый
с це н ари й
личность к он ф л и к т
с це н ари й
опыт
с це н ари й
н аи б о ле е
в е ро ятн ый
моти в с це н ари й
п е рс она
Monday, May 14, 12
32. регби для дизайнера
— интеллектуальное
яв ле ни е , с уть которого в
н е о ж и дан н о м п о н и ман и и
ко лле кти вн ый с то ящ е й п ро бл е мы и
о п ыт н ах о ж де н и и е ё р е ше н и я.
личный опыт
личность
ID
п отре бнос ть
и нте ре с
в н и ман и е
и нс ай т
моти в
п рои зв е д е ни е
акти в нос ть ж е л ани е
внелогическое
п розре ни е « Мо т и в — э т о о п ре д ме ч е н н а я
п род укт п отре бнос ть »
Monday, May 14, 12
34. нет ничего дороже репутации, когда
беретесь за проект представляйте
результат который действительно стоит
поместить в личное портфолио
Monday, May 14, 12
36. Работа мечты, какая
она для вас?
Каким делом вы бы
занимались?
Monday, May 14, 12
37. если необходимо
повторите цикл 2-3
раза, не более
самый успешный на
ваш взгляд проект,
укажите критерии
или статистику
проект с заметной, сильной идеей и
смелым решением задачи
проект демонстрирующий технические
навыки и владение разнообразными
технологиями
проект для известной торговой марки или бренда
возможно не самый лучший, но заметный в медиа
Monday, May 14, 12
38. wow
творческие технические
дисциплина
способности навыки
• владение инструментами • ответственность
• творческое мышление • понимание дизайн-процесса • исполнительность
• воображение • расширенные возможности как бизнеса
• пунктуальность
• любознательность • оптимизация дизайн процесса • отличные способности в • нефакапистость
• аналитические способности • технологические коммуникациях
• командный игрок
• амбиции и мотивы коммуникации • психология восприятия,
• художественный вкус • пластичность применения потребления,
• визуальный и вербальный опыта интерактивного
опыт творческой работы взаимодействия
• лидерство, самостоятельные
творческие решения
• отличное понимание
тактики и стратегии
Monday, May 14, 12
39. регби для дизайнера
дизайн часто сравнивают с работой
дантиста или таксиста, вы что ох....?
дантист терпит чужое дыхание и лечит
за деньги, таксист рискует, что салон
авто испачкает парочка выпивших...
дизайнер лезет в чужие мозги,
вытаскивает мотивы, причины,
опасения, желания, впечатления и все
это перебирает в своих, пока не
получится новая, логичная комбинация,
она может не вылечить, не доставить в
нужное место, но тебе могут заплатить
Monday, May 14, 12
41. 0
поступил заказ — выходите на воздух,
посмотрите в небо, ощутите силу,
дайте себе час на свободу, на прогулку,
наполните себя легкостью, улыбайтесь,
любите, пусть в вас зреет самое
доброе, только в таком состоянии
можно сделать крутой дизайн, делайте
легко, тухляк не для вас
Monday, May 14, 12
42. 1
четыре раза читайте бриф,
читайте вместе с клиентом,
внутри команды, перед первой
презентацией идей клиенту,
перед финальной презентацией
сверяя задачи и реализованные
решения
Monday, May 14, 12
43. никогда не считайте клиента
тупее себя, если вы такой умный
2
то почему еще не обзавелись
своей нефтяной скважиной или
магазином в центре?
старайтесь сделать очевидной
свою компетенцию в вопросах
дизайна, которая требует
очевидных, достойных денег
Monday, May 14, 12
44. 3
покупайте новые шрифты для
каждого проекта за счет клиента,
объясняйте целесообразность,
мотивируйте, вносите расценки в
смету проекта, это самый точный
инструмент дизайнера
Monday, May 14, 12
45. 4
плохую графику можно
компенсировать отличной
идеей, плохую идею
компенсировать нечем
не поможет даже удачное и
массированное размещение
в медиа
Monday, May 14, 12
46. 5
практически все о софте и о том
как им пользоваться есть в сети,
найдите, научитесь и пусть
конкуренты глотают пыль
Monday, May 14, 12
47. 6
25 знаков с пробелами
если длина строки в вашем
макете 62-72 знака для
текстового блока, вы на
верном пути
Monday, May 14, 12
48. 7 любите «воздух» в макете, свободное пространство
подчеркивает значимость объектов в нем размещенных,
не лепите все в одну кучу, внимание отступам,
соразмерности, расстояние между объектами это
визуальные связи между ними
Monday, May 14, 12
49. 8
для навигации используйте
цветовое кодирование, цвет
навигации не используйте
больше нигде в проекте, вы
автор и это ваше право, это
отлично будет работать
Monday, May 14, 12
50. 9
дайте себе 20 минут без интернет,
мобильника, людей, только вы
и белый лист, как идеи сами попрут
толпой из вашего воображения,
умейте фокусироваться на
решении задачи
Monday, May 14, 12
51. photoshop для фоток
10
indesign для дизайн-макетов
fireworks для прототипов
cinema4D для 3D
illustrator для всякой векторни
final cut для монтажа видео
и лучше эти инструменты применять
вместе с хорошей умственной
работой до нажатия первой иконки
Monday, May 14, 12
52. запишите на листке все выгоды от
11
продукта для потребителя, запишите
о чем на ваш взгляд мечтает человек
в связи с продуктом, прочитайте,
зачеркните малозначимое, работайте
с выгодой и мечтой, мечтой может
быть регистрация на сайте в один
клик и доставка в течении часа, это
вызов, но это решение на миллион
Monday, May 14, 12
53. 12
всегда можно сделать
минималистичный макет, просто в
четыре строки разместите нужные
слова о выгоде для потребителя,
честные и понятные и это будет
работать... пятой строкой бейте по
эмоциям, воодушевляйте, слова
самый сильный инструмент
Monday, May 14, 12
54. не можете найти вдохновения?
представьте что проект
13
провалился, вы возвращаете
гонорар, что вас уволили, в блогах
обсуждают ваш провал, клиент в
статьях приводит вас как пример
ошибочного решения, мама не
верит, что это пишут про вас
если и это не работает... вы заняты
не своим делом
Monday, May 14, 12
55. талантливые — любимы
творческие — сексуальны
вас должны любить и желать,
иначе смысл?
Monday, May 14, 12
56. не устали?
да мне в принципе не важно
Monday, May 14, 12
57. регби для дизайнера
Идеи-лидеры и идеи-лузеры в процессе поиска решения
видео
Monday, May 14, 12
58. бюджет не самый важный фактор для
успеха проекта, идея в минимальном
бюджете реализации всегда слишком
привлекательна в глазах клиента
Monday, May 14, 12
60. • четыре плана и пэкшот
•15 секунд
• минимальный реквизит
•показан продукт, функциональность, внешний вид
•эмоциональный финал, восхищение, весело
•снято за одну смену
•не требует сложного постпрода
•маркетологи счастливы
видео
Monday, May 14, 12
61. • режиссер Самуил Баер
• оператор Самуил Баер
• арт-директор Самуил Баер
• постановщик Самуил Баер
• монтаж Самуил Баер
• минимальный реквизит
• один съемочный день
видео
Monday, May 14, 12
62. не оценивайте свою работу, дайте
фактам возможность говорить за вас
Monday, May 14, 12
70. • Количество пользователей, которые кликают
на дисплейную рекламу неуклонно снижается.
• В частности в России, сокращение кликеров
усугубляется более навязчивой рекламой, чем
та, что существует на цифровых рынках США
и Западной Европы, где дисплейная реклама
регулируется стандартами индустрии.
• Онлайн поведение кликеров настолько сильно
отличается от гораздо большей по
численности группы не-кликеров, что кликеры
не могут являться репрезентативной
аудиторией для большинства.
• Эти тенденции наблюдаются не только в
России, но и по всему миру.
Monday, May 14, 12
73. придумайте как в реальном физическом мире
можно реализовать любой объект цифровой
интерактивной среды (социальные сети, сервисы,
гаджеты, приложения и софт)
Monday, May 14, 12
84. что если...
...недостаток становится достоинством
...деревья станут новым проводником информации
...apple разрешит использование flash
...о бренде надо рассказат
ь в трех словах
...каждый бренд обзавед
ется тотемом-животным
...бренд начнет использовать торренты
...мы научимся измерять доверие и любовь людей
...логотип станет не нужен
...деньги перестанут работать, какие эквивалентные ценности могут возникнуть
Monday, May 14, 12
90. Станиславский обращался к молодым
актерам с просьбой произнести и
проинтонировать слово «ночью»
пятьюдесятью разными способами,
а аудитория записывала возникающие
смыслы
Monday, May 14, 12
91. устное слово обладает самой мощной
силой вложения смыслов, по этой
причине ролик в youtube становится
отдельным повествовательным жанром
Monday, May 14, 12
92. digital технологии как
новые творческие
инструменты
маркетинговых
коммуникаций
Monday, May 14, 12
95. Even if they pop I smile,
It's no secret why.
The soapy rainbow swirls,
Are magic to my eye.
I love looking up at clouds,
And blowing _ _ _ _ _ _ _ in the _ _ _ .com
http://blowingbubblesinthesky.com/
Monday, May 14, 12
101. ЧЕЛОВЕЧЕСКИЙ МОЗГ НАУЧИЛСЯ ВИДЕТЬ
ЗАКОНОМЕРНОСТИ, ОНИ ВОСПРИНИМАЮТСЯ
И ИНТЕРПРЕТИРУЮТСЯ КАК ПРИЗНАКИ
РАЗУМНОГО, ОРГАНИЗОВАННОГО
ПРОПОРЦИОНАЛЬНО ОБЪЕКТА
Monday, May 14, 12
102. почему пропорции в природе нам
представляются разумно
организованными поскольку
демонстрируют логику,
последовательность и конечно
сложность? Как мы можем использовать
эти наблюдения?
полезное чтение
The power of limits: proportional
harmonies in nature, art, and
architecture
By György Doczi
Monday, May 14, 12
103. структуры и последовательности лежат
в основе конструкции природы, все
состоит из «типовых» кирпичиков
Monday, May 14, 12
105. дизайнер играет по правилам, но в
любой игре есть маневр, обманные
движения, моментальная реакция на
обстоятельства, главное в игре это
момент когда победа казалась
невозможной, это миг озарения,
максимального напряжения сил, но
зритель видит только легкость, только
азарт и победу
Monday, May 14, 12
107. что мы знаем о происхождении угловых
величин и градусов?
Monday, May 14, 12
108. ТОЧКИ НАПРАВЛЕНИЯ СКРЫТОГО
ДВИЖЕНИЯ, РИТМИЧЕСКИЙ ПОВТОР
ФОРМИРУЕТ ОБЛЕГЧЕНИЕ ВОСПРИЯТИЯ,
ЧТО СОЗДАЕТ КОМФОРТНОЕ,
НЕОСОЗНАННОЕ СПОКОЙСТВИЕ
ВЫРАЖЕННОЕ В ПОЛОЖИТЕЛЬНЫХ
ЭМОЦИЯХ
Monday, May 14, 12
111. ПРИНЦИП ТРЕТЕЙ РАЗДЕЛЕНИЕ ПРОСТРАНСТВА
3×3 ДАЕТ НАМ ПЛАСТИЧЕСКУЮ СИСТЕМУ С
ОПРАВДАННЫМИ ПОЛОЖЕНИЯМИ И
СОРАЗМЕРНЫМИ ПРОПОРЦИЯМИ ДЛЯ 24
АЛЬТЕРНАТИВ ОРГАНИЗАЦИИ ФОРМАТА
Monday, May 14, 12
120. КЛАССИЧЕСКИЙ ПОДХОД К МОДУЛЬНОЙ
СИСТЕМЕ ПРИРАВНЕННОЙ К БАЗОВОЙ
ЛИНИИ НАБОРА (BASELINE) ИЗВЕСТЕН ПО
РАБОТАМ БРОКМАНА И ШВЕЙЦАРСКОЙ
ШКОЛЫ
Monday, May 14, 12
143. цель творческой деятельности это
всегда разрыв стереотипа, разрыв
обороны привычных представлений,
это прорыв энергии новых
впечатлений, знаний
Monday, May 14, 12
149. Raul Mario Rosarivo (1903–1966)
9×9
КАНОН ГЕОМЕТРИЧЕСКОГО ПОСТРОЕНИЯ РОСАРИВО
Monday, May 14, 12
150. чтобы понять как на практике работает
геометрическое построение и зачем
оно, попробуйте начертить на земле
квадрат метров на семь... используя
только веревку, и колышки :)
Monday, May 14, 12
151. ГЕОМЕТРИЧЕСКИЕ КАНОНЫ АРХИТЕКТУРЫ
ИСПОЛЬЗОВАЛИ ОКРУЖНОСТИ И ДИАГОНАЛИ,
ЭТО СВЯЗАННО С ТЕМ, ЧТО ОСНОВНЫМИ
ИНСТРУМЕНТАМИ РАСЧЕТА И РЕАЛИЗАЦИИ
БЫЛИ ЦИРКУЛЬ И КОЛЫШКИ С НАТЯНУТЫМИ
ВЕРЕВКАМИ, СЛУЖИВШИМИ И РАЗМЕТКОЙ И
СРЕДСТВОМ РАСЧЕТОВ И ПОСТРОЕНИЙ
Monday, May 14, 12
181. ПОСМОТРИТЕ, ДАВАЙТЕ ОБСУДИМ ДЕТАЛИ, ЧТО ВАМ
НРАВИТСЯ ПО ЭСТЕТИКЕ, ПРОПОРЦИИ, ТИПОГРАФИКА,
ЧТО НЕ НРАВИТСЯ? НЕДОСТАТКИ?
Monday, May 14, 12
182. КОНТРАСТ ФОРМЫ И МЕТЕРИАЛА / БАЛАНС ОБЪЕМНОГО
И ПЛОСКОСТНОГО
Monday, May 14, 12
183. A A A D
C ABCD
C
ABCD
C
B B B
ABCD
D D
ABCD
определение групп задач сценарий взаимодействия оптимизация взаимодействия
построение иерархии важности и зависимости построение модели взаимодействия на основе по закону Фиттса скорость принятия решений и точность
ментальной модели и поведенческой действий зависит ои дистанции до объекта и его величины
А главные
B базовые A что увидит пользователь? правило первого экрана
C вспомогательные B что подумает? правило акцента
D дополнительные C что сделает? правило цветового кодирования / глубины информации
D что получит? какой опыт приобретет?
Monday, May 14, 12
185. 1. Tschichold , The Form of the Book p.45
2. Bringhurst, The Elements of Typographic Style, p.163
3. Rosarivo, Raúl M., Divina proporción tipográfica, La Plata, Argentina (1953/47)
4. Josef Muller Brockmann - Grid systems in graphic design
1. Арнхейм Р. Искусство и визуальное восприятие (сокр. пер. с англ. В.Н. Самохина,
общ. ред. и вст. ст. В.П. Шестакова). — Москва, “Прогресс”,1974.
2. Аллен Хёрлберт Модульная Сетка
3. Н. Н. Волков. Композиция в живописи. — Москва, “Искусство”,1977. (первый том)
4. Раушенбах. Геометрия картины и зрительное восприятие. 2002.
упомянутые на семинаре материалы, приемы и персоналии
http://www.robbiemanson.com/resources/960px-grid-templates
http://www.thinkingwithtype.com/contents/grid/ (хорошее общее представление)
http://fluidbaselinegrid.com/ (!)
http://passiomatic.com/articles/taking-the-grids-on-the-web
http://en.wikipedia.org/wiki/Canons_of_page_construction (справка по канонам)
http://aentan.com/design/new-visual-proportions-for-the-ios-user-interface/
http://www.markboulton.co.uk/journal/comments/rethinking-css-grids
http://retinart.net/graphic-design/secret-law-of-page-harmony
http://www.vanseodesign.com/web-design/3-design-layouts
http://www.smashingmagazine.com/2010/02/09/applying-mathematics-to-web-design
http://www.amazon.com/dp/3037780932/
ПОЛЕЗНЫЕ МАТЕРИАЛЫ К ИЗУЧЕНИЮ
Monday, May 14, 12
188. …а теперь вопрос
…кто режиссер фильма?
…имена актеров?
…название фильма?
…что означает HORIZONTAL ELLIPSIS?
Monday, May 14, 12
189. иногда эстетика мешает
реализации функции, но восторг
зрителя затмевает все недостатки
позитивное эстетическое
впечатление бывает важнее
рационального опыта
Monday, May 14, 12
190. круто? это далеко не все, но вы явно
уже перегруженны, отдыхаем
Monday, May 14, 12
191. завершили материал, плавно переходим к следующей
теме, использованию типографики, практике работы с
текстом и эстетике и функции текста
Monday, May 14, 12