16. Приемы разработки дизайна.ppt
- Количество слайдов: 73
Приемы разработки дизайна А. Климин. "Креативные технологии". 2005 г.
Содержание • Составные части рекламного объявления и типы иллюстраций • Принципы композиции • Шрифты • Фирменный стиль А. Климин. "Креативные технологии". 2005 г.
Составные части рекламного объявления и типы иллюстраций А. Климин. "Креативные технологии". 2005 г.
Составные части рекламного объявления Рекламное объявление Вербальные элементы: девиз и основной текст Визуальные элементы: изображение, композиция и пр. А. Климин. "Креативные технологии". 2005 г.
Общий список визуальных элементов • • • Фотографии и иллюстрации, их размер и расположение Используемые шрифты для девиза, текста и подзаголовка Размер и расположение девиза Размер текста и его расположение Размер и расположение подзаголовков и абзацев Стрелки, значки, инициалы, рамки и прочие вспомогательные элементы текста Логотипы, печати, автографы, их размер и расположение. Пробелы. Используемые цвета. Композиция рекламного объявления А. Климин. "Креативные технологии". 2005 г.
Основные типы иллюстраций Типы иллюстраций Основные типы Текст Фотография Рисунок Коллаж Компьютерная графика А. Климин. "Креативные технологии". 2005 г.
Последовательность восприятия элементов Иллюстрация Заголовок Текст • В среднем заголовки помещенные под иллюстрацией читают на 10% больше людей, чем над ней (Д. Огилви) • «Некоторые идиоты вообще помещают девиз внизу объявления!» (он же) А. Климин. "Креативные технологии". 2005 г.
Какой макет лучше? А. Климин. "Креативные технологии". 2005 г.
Преимущества применения фотографий и рисунков • Фотография: 1. Реализм 2. Оживление изображения 3. Придает динамику • Рисунок: 1. Можно показать воображаемое, а не действительное 2. Дает возможность использовать преувеличение 3. Позволяет передать ощущение с помощью стиля, а не содержания А. Климин. "Креативные технологии". 2005 г.
О стоимости • • Почему фото стоит дороже? Потому, что для неё необходимы: Техника: фотоаппараты, объективы, штативы и т. д. Освещение Помещение для съемки (студия) Реквизит (то что будем снимать) Фотомодели Аппаратура для просмотра (компьютеры, мониторы) Много дублей Сделать рисунок стоит дешевле чем фото, потому что для него необходимы: • Краски • Кисти • Холст А. Климин. "Креативные технологии". 2005 г.
Фотография в качестве иллюстрации Рекламная кампания DOVE – «Ты идеальна!» (Real Curves) А. Климин. "Креативные технологии". 2005 г.
Рисунок в качестве иллюстрации (1994 г. ) А. Климин. "Креативные технологии". 2005 г.
Оформление рисунками – буклет Black Knowledge (JW) А. Климин. "Креативные технологии". 2005 г.
Коллаж (компьютерная графика)в качестве иллюстрации (Кто это? ) А. Климин. "Креативные технологии". 2005 г.
Альфред Хичкок А. Климин. "Креативные технологии". 2005 г.
Текст в качестве изображения А. Климин. "Креативные технологии". 2005 г.
Какие фотографии и темы более других привлекают внимание ? Д. Огилви: • Дети • Животные • Секс От автора о людях: • Человеческие лица • Интересно снятое движение, экспрессия • Гиперболизация в людях • • • • • Аластер Кромптон Автомобили Войны Деньги (как их заработать) Дети Животные Известные личности Катастрофы Королевская семья Мода Предсказания будущего Продукты питания Развлечения Свадьбы Секс Скандалы (светская хроника) Спорт Юмор (карикатуры) А. Климин. "Креативные технологии". 2005 г.
Что можно изобразить на иллюстрации? • • • Упаковка Товар в процессе использования Как можно использовать товар, рецепты Характеристики товара, схемы, разъяснения, технические чертежи Сравнение товаров-конкурентов Результаты использования ( «до» и «после» ) Польза для потребителя Образ жизни потребителя Юмор Свидетельства очевидцев Отталкивающая привлекательность (что произойдет страшного, если не использовать товар) А. Климин. "Креативные технологии". 2005 г.
Приёмы создания изображений • Неожиданное сочетание различных объектов • Изобразительный каламбур • Деталь • Интересный ракурс • Интрига • Серийность • Контраст • Гиперболизация • Эротика, секс, обнаженная натура А. Климин. "Креативные технологии". 2005 г.
Сочетание разных объектов, ракурс, деталь А. Климин. "Креативные технологии". 2005 г.
Сочетание разных объектов, ракурс, деталь А. Климин. "Креативные технологии". 2005 г.
Изобразительный каламбур • Визуальный и равноправный подходы имеют не меньшее право на жизнь, чем вербальный. И среди рекламных иллюстраций есть масса «вирусов» . А. Климин. "Креативные технологии". 2005 г.
А. Климин. "Креативные технологии". 2005 г.
Хорошие идеи живут вечно А. Климин. "Креативные технологии". 2005 г.
Изобразительный каламбур • Краски DUFA – «Ремонт с иголочки!» • Логотип в виде Ёжика с цветными иголками А. Климин. "Креативные технологии". 2005 г.
Изобразительный каламбур А. Климин. "Креативные технологии". 2005 г.
Деталь А. Климин. "Креативные технологии". 2005 г.
Интрига, деталь А. Климин. "Креативные технологии". 2005 г.
Как пытались «усовершенствовать» (убить) идею и испортить дизайн А. Климин. "Креативные технологии". 2005 г.
Интересный ракурс А. Климин. "Креативные технологии". 2005 г.
Интересный ракурс А. Климин. "Креативные технологии". 2005 г.
Интересный ракурс А. Климин. "Креативные технологии". 2005 г.
Контраст А. Климин. "Креативные технологии". 2005 г.
Контраст – форма товара в другом товаре А. Климин. "Креативные технологии". 2005 г.
Гиперболизация А. Климин. "Креативные технологии". 2005 г.
Гиперболизация А. Климин. "Креативные технологии". 2005 г.
Секс, эротика, обнаженная натура • «Ничто так не привлекает внимание в рекламе, как задница» (Олег Тиньков о фотографиях - не дословно) А. Климин. "Креативные технологии". 2005 г.
Эротика+каламбур А. Климин. "Креативные технологии". 2005 г.
www. ass-vertise. com А. Климин. "Креативные технологии". 2005 г.
Откровенный шокирующий эпатаж в рекламе фэшн-брендов А. Климин. "Креативные технологии". 2005 г.
Принципы композиции А. Климин. "Креативные технологии". 2005 г.
Принципы композиции • Оптический центр и равновесие • Перемещение • Соразмерность • Контрастность • Последовательность • Единство А. Климин. "Креативные технологии". 2005 г.
Золотое сечение - математическое соотношение пропорций, при котором большая из двух составных частей единого целого: • во столько раз больше меньшей части; • во сколько она же меньше целого. Б / M = (Б + М) / Б Отсюда (через решение квадратного уравнения относительно Б или М): М=Б*0, 618 или Б=М*1, 618 Грубо: 100%=32%(М)+68%(Б) или 1 = 3/8 (М) + 5/8 (Б) А. Климин. "Креативные технологии". 2005 г.
Золотое сечение (З. с. ) • Гармоническое деление, деление в крайнем и среднем отношении, деление отрезка AB на две части т. о. , что большая его часть AC является средней пропорциональной между всем отрезком AB и меньшей его частью CB (см. рис. ). Алгебраическое нахождение З. с. отрезка AB = а сводится к решению уравнения a/x = х/(а-х) (где х = AC). • Отношение х к а может быть также выражено приближённо дробями 2/3, 3/5, 5/8, 8/13, 13/21 и т. д. , где 2, 3, 5, 8, 13, 21 и т. д. - Фибоначчи числа. Геометрически построение З. с. отрезка AB осуществляется так: в точке В проводят перпендикуляр к AB, откладывают на нём отрезок BE = 1/2 AB, соединяют А и Е, откладывают ED = EB и, наконец, AC = AD, тогда будет AB/AC = AC/CB. З. с. было известно ещё в древности. В дошедшей до нас античной литературе З. с. впервые встречается в "Началах" Евклида (3 в. до н. э. ). Термин "З. с. " ввёл Леонардо да Винчи (конец 15 - начало 16 вв. ). Принципы З. с. или близкие ему пропорциональные отношения легли в основу композиционного построения многих произведений мирового искусства (главным образом произведений архитектуры античности и Возрождения). А. Климин. "Креативные технологии". 2005 г.
Оптический центр 3/8 от верха строго симметрично по горизонтали Оптический центр А. Климин. "Креативные технологии". 2005 г.
А. Климин. "Креативные технологии". 2005 г.
Равновесие • Равновесие – расположение элементов рекламного объявления вокруг оптического центра, который расположен на расстоянии 5/8 от нижнего края (3/8 от верхнего края) объявления или на 1/8 выше физического центра. А. Климин. "Креативные технологии". 2005 г.
Разновидности равновесия • Формальное – достигается полной симметрией относительно оптического центра, характеризует стабильность, консерватизм, надежность. • Неформальное – достигается по принципу рычага, т. е объект с большим оптическим весом располагается ближе к оптическому центру и уравновешивается объектом с меньшим оптическим весом, располагается дальше от оптического центра. А. Климин. "Креативные технологии". 2005 г.
Оптический центр и неформальное равновесие А. Климин. "Креативные технологии". 2005 г.
Оптический вес Характеристика объекта Большой Маленький Площадь Большая Маленькая Яркий (черный, красный, белый) Неяркий (серый, и т. д. ) Сложная Простая Цвет Конфигурация Рычаг – расстояние от оптического центра до объекта. Чем меньше объект – тем больше рычаг. Не формальное равновесие придает рекламному объявлению оригинальность, эмоциональность. А. Климин. "Креативные технологии". 2005 г.
Неформальное равновесие А. Климин. "Креативные технологии". 2005 г.
Перемещение • Движение взгляда в заданном направлении, достигается за счет: направленного взгляда людей и животных на фотографиях, указатели типа «звездочка» , и т. п. , нумерация, использование мелких картинок с подписями, переходов от темного к светлому и от не цветного к цветному. Движение взгляда слева направо и сверху вниз, переход взгляда от большего к меньшему. А. Климин. "Креативные технологии". 2005 г.
Соразмерность • каждый элемент рекламного объявления должен занимать площадь, равнозначную его роли в рекламном объявлении, например: заголовок должен быть всегда большим и т. д. Сочетание площадей элементов должно создавать целостность объявления. А. Климин. "Креативные технологии". 2005 г.
Контрастность • • • может быть: по цвету по размерам отдельных визуальных элементов по стилю оформления отдельных визуальных элементов по отношению к внешней (окружающей) среде по отношению к конкурентам (дифференциация) А. Климин. "Креативные технологии". 2005 г.
Последовательность • 1. 2. 3. 4. 5. взаимосвязь объявления со всей рекламной кампанией, т. е. с остальными рекламными объявлениями она достигается через: Одну идею Используются одни фотографии и рисунки Формат и размер Используемые девизы Единство композиции А. Климин. "Креативные технологии". 2005 г.
Единство • • • соединение всех частей рекламного объявления таким образом, чтобы рекламное объявление производило гармоничное впечатление целого, для этого необходимо правильно использовать: Один, два типа шрифта Внутренние и внешние рамки рекламного объявления Пробелы Объединяющие штриховки Наложение элементов рекламного объявления один на другой Сочетающиеся цвета А. Климин. "Креативные технологии". 2005 г.
Техника композиции • • • Размер объявления должен быть таким, что отношение высоты с шириной должно быть 1: 1, 62 (по правилу золотого сечения) В соответствии с числом Фибоначчи, изображение занимает 60 -70% площади. Логотип должен занимать 5 -10%, для него лучшее место правый нижний угол. Абзацы. Инициал в абзаце текста улучшает восприятие текста на 13%. Начальный абзац рекомендуется делать ~10 слов. Расстояние между абзацами должно быть больше чем между строками. Пробелы. Нужно следить за тем, чтобы расстояние от рамки объявления до других визуальных элементов было достаточным, чтобы не возникало чувство задавленности. Если вокруг текста много пробелов, то улучшается его освещенность – как бы в лучах прожектора. А. Климин. "Креативные технологии". 2005 г.
Техника композиции • Заголовок должен занимать 1 – максимум 2 строки • Заголовок должен быть написан с заглавной буквы • Лучшее место заголовка –под рисунком, второе место (на 10% хуже) – сверху. • По тексту объявления делятся на две категории: основной элемент – текст, который занимает ~70% основной элемент – изображение, которое занимает ~70% • Известно что, если текст маленький и не является основным элементом, он не должен содержать более 50 слов, известно что если слов от 50 до 400 – то количество читателей резко падает. • Размер шрифта должен быть не менее 6 пунктов, нормальный размер – 8 -10, лучший (по Огилви) – 11 пунктов. А. Климин. "Креативные технологии". 2005 г.
Принципы верстки • Верстка – соединение заголовка, текста, иллюстрации и остальных визуальных элементов в объявление. А. Климин. "Креативные технологии". 2005 г.
Красиво, но глупо (какие недостатки в объявлении) • Нет заголовка • Много мелкого текста, не имеющего существенного содержания • Продукты лучше показывать в виде готового блюда, а не ингредиентов А. Климин. "Креативные технологии". 2005 г.
Какие здесь есть недостатки? А. Климин. "Креативные технологии". 2005 г.
Шрифты А. Климин. "Креативные технологии". 2005 г.
Шрифты Выделительные (для заголовков и пр. ) • • • Текстовые (для основного текста) Латинские или прямые (с засечками). Прямые элементы букв имеют разную ширину. Пример: Times — самый популярный, относится к классу текстовых. Рубленный шрифт (без засечек), более современный. Прямые элементы в буквах одинаковой толщины. Применяются в основном для заголовков. Брусковый (сочетает в себе элементы 1 -го и 2 -го) С засечками, но палочки одинаковой толщины. На основе их создаются выделительные шрифты. А. Климин. "Креативные технологии". 2005 г.
Шрифты • Курсивы: наклонные шрифты, буквы в которых могут соединяться друг с другом. Свойства: официальность, изысканность, более женственные. • Декоративные. Используются для оригинальности, красоты. Тексты ими не следует набирать. • Специально созданные шрифты (На пример: шрифт VOLVO). А. Климин. "Креативные технологии". 2005 г.
www. shishkin. ru (сайт дизайн-студии Василия Шишкина) А. Климин. "Креативные технологии". 2005 г.
Фирменный стиль А. Климин. "Креативные технологии". 2005 г.
Фирменный стиль • • • Постоянные константы рекламных объявлений, придающие им последовательность и связность: Имя бренда Логотип – оригинальное начертание имени Фирменный знак – изобразительная, непроизносимая часть товарного знака Фирменный цвет (цвета) Фирменный шрифт (шрифты) Вариант верстки объявлений, формат объявлений Слоган рекламной кампании или корпоративный слоган Фирменная мелодия Джингл – «музыкальный логотип» , пропеваемый в рекламе Фотография, рисунок, рекламный образ Человек или в общем случае объект съемки, рисунка (иллюстрации) Вспомогательные элементы – рамки, полоски, стрелки и т. п. А. Климин. "Креативные технологии". 2005 г.
Атрибуты бренда, формирующие товарный знак Bass Марочное название Марочный знак Логотип Корпоративный девиз Фирменные цвета: красный, черный А. Климин. "Креативные технологии". 2005 г.
Свидетельство о регистрации товарного знака Перечень классов, по которым зарегистрирован знак А. Климин. "Креативные технологии". 2005 г.
Сколько стоит знак? • «Галочка» NIKE стоила $35. Ее создала в 1971 г. студентка-художница Каролин Дэвидсон. • Производители попросили что-то динамичное и простое, что можно хорошо размещать на обуви. • Сейчас цены на знаки и логотипы колеблются от 100 до 3000 долларов (в С-Петербурге) А. Климин. "Креативные технологии". 2005 г.
Знак и логотип ТЕЛЕМАКС Автор логотипа Вадим Егги. Цена была невысока Автор знака - РА «ZERO» . Креативный директор – Сергей Ушан. Знак был создан как составная часть творческой концепции рекламы. Общая стоимость концепции составила 5. 000 долл. Знак можно оценить в 2500. А. Климин. "Креативные технологии". 2005 г.
Фирменный стиль SITRONICS А. Климин. "Креативные технологии". 2005 г.
Примеры фирменного стиля • Руководство по фирменному стилю LG • Руководство по фирменному стилю Panasonic А. Климин. "Креативные технологии". 2005 г.
16. Приемы разработки дизайна.ppt