Текст
                    1


ВВЕДЕНИЕ Книга Скетчинг: Drawing Techniques for Product Designers была впервые опубликована в 2007 году. Предназначенная в качестве справочного руководства, она была адресована дизайнерам и студентам и с тех пор была переведена на разные языки. Мы объединили учебные рисунки, фотографии и примеры из практики проектирования, чтобы выделить различные аспекты рисования, советы и теории, а также использования набросков от руки в промышленном дизайне. Короче говоря, теории, представленные в обучении дизайну их реализации на практике, за пределами образования. Мы выбрали образцы для показа от дизайнеров, получивших образование в Нидерландах, от независимых практикующих фрилансеров, до ведущих игроков в крупнейших фирмами, продвигающих направление «голландского дизайна». За короткое время книга стала наиболее часто используемой студентами со всего мира (50 000 экземпляров книги было продано в течение двух лет) в качестве пособия для повышения уровня рисования. Книга также аргументировала необходимость умения рисовать для дизайнеров, показывала различные пути использования рисования в процессе дизайна, и различные примеры, взятые из нашей любимой сферы деятельности. Эту книгу Скетчинг:The basics можно рассматривать как «приквел» к нашей первой книге, и она предназначена для комплексного использования в освоении рисунка, как стадии разработки дизайна продукта. Она содержит много пошаговых руководств рисования. Рисование объекта или идеи не является строгим процессом, но живым взаимодействием. Часто необходимо показать на рисунке завершение относительно того, с чего это началось. Вот почему мы решили показать много пошаговых рисунков. Такой подход позволяет нам выявлять методы, определяющие манеру рисунка и ее влияние на конечный результат. Мы также показываем влияние различных решений, принятые во время этих шагов. Главы этой книги сформированы с учетом типичных трудностей, с которыми сталкивается начинающий дизайнер или студент во время скетчинга. Дизайнерский рисунок встраивается в процесс, пред- 2 полагающий множество выразительных аспектов. Поэтому мы не хотим раздавать рецепт «хорошего рисунка», которого для таких вещей просто не существует. Область рисования является одновременно живой и меняющийся, и важность рисования в процессе дизайна многогранна. В первой главе рассматриваются различные вопросы рисования относительно процесса проектирования. В общем, мы не делаем различий между рисунком на бумаге и рисованием с помощью компьютера на планшете. Оба метода стимулируют получение и обмен идеями, что во многих случаях будет способствовать дальнейшему развитию этих идей. Визуализировать идею означает представить ее для обсуждения. Дизайн продукта – это процесс, в котором несколько людей работают вместе, вкладывая каждый свое. Чтобы держать весь процесс управляемым, эти вклады должны быть зафиксированы. Скетчинг может занимать значительная часть документирования процесса дизайна. Для клиента эскизы, чертежи имеют другую значимость: они позволяют ему или ей оставаться вовлеченными в процесс дизайна. Рисование – это отличный способ выразить эмоциональный характер продукта, особенно рисунком от руки или на планшете, с использованием персональной дизайнерской манеры. Но большинство рисунков, сделанных в процессе проектирования, являются по меньшей мере частично или полностью направленными на общую информация о форме. Мы сосредоточим наше внимание на этом аспекте коммуникации продукта в последующих главах. Как нарисовать продукта таким образом, чтобы его форма была наиболее четко «читаемой». Мы покажем примеры от профессионалов дизайна, основанные на обыгрывании сути контекста продукта. Именно это всегда должно быть причиной появления чертежа или эскиза. Наша цель в создании этой книги может быть выражена таким образом: – то, что вы всегда хотели знать о скетчинге, но вас никогда так просто и эффективно этому не учили.
ГАЛЕРЕЯ Выразительность материала. Стекло, металл. Глава 5 Выбор ракурса взгляда. Перспективный «с птичьего полета» и перспективный на уровне глаз. Глава 3. Процесс рисования. Скругления. Глава 4. Выбор ракурса взгляда. Вид сбоку. Глава 3. 3
ГАЛЕРЕЯ Контекст продукта. Выделение деталей. Глава 7 Контекст продукта. Руки и люди. Глава 7. Быстро и смело. Интуитивное рисование. Глава 6. Быстро и смело. Свободный рисунок, оптимизация формы. Глава 6. 4
СОДЕРЖАНИЕ Введение Галерея 2 3 Глава 1. СКЕТЧИНГ В ДИЗАЙНЕ 1.1 Замысел/мозговой штурм 1.2 Фаза эскизирования и дизайна 1.3 Практика 6 7 10 13 Портфолио Art Lebedev Studio, Russia Портфолио FLEX/theINNOVATIONLAB®, Netherlands Портфолио TurnKey Design, Netherlands 14 Глава 2 ПОДХОД К РИСУНКУ 2.1 Введениe 2.2 Блоки 2.2.1 Перспектива в линиях 2.2.2 Ракурсы взгляда 2.2.3 Затенение и падающие тени 2.2.4 Техника маркета и цвет 2.3 Эллипсы 2.4 Вертикальные цилиндры 2.5 Горизонтальные цилиндры 2.6 Планы и сечения 2.7 Сферы 2.8 Практика 2.9 В заключение 2.10 Больше советов 22 23 25 25 28 29 31 33 35 37 39 41 42 43 44 Портфолио SMOOL, Netherlands Портфолио Carl Liu, China 45 47 Глава 3 РАКУРСЫ ВЗГЛЯДА 3.1 Информативность ракурса 3.2 Рисование боковых видов 3.3 Эллипсы и ракурсы взгляда 3.4 Перспектива на уровне глаз 3.4.1 От перспективы с птичьего полета до перспективы на уровне глаз 3.4.2 Центральная перспектива на уровне глаз 3.4.3 Рисование непосредственно на уровне глаз 3.5 Перспектива с уровня земли (из глаз лягушки) 3.6 Практика 3.7 Больше советов 49 51 56 59 65 Портфолио Beestudio, India Портфолио Art Lebedev Studio, Russia 77 79 Глава 4 ПРОЦЕСС СКЕТЧИНГА 4.1 Начинаем с блока? 4.2 Скругления одной ориентации 82 83 85 17 19 65 69 71 73 75 76 4.3 Разные скругления 4.4 Трубы 4.5 Планы и сечения 4.6 Практика 89 93 95 99 Портфолио Idea Dao Design, China Портфолио Van der Veer Designers, Netherlands Портфолио Roy Gilsing Design, Netherlands 101 103 105 Глава 5 ВЫРАЗИТЕЛЬНОСТЬ ЦВЕТА И МАТЕРИАЛОВ 5.1 Предполагаемая глубина 109 5.1.1 Белый или цветной фон 109 5.2 Основы цвета 113 5.3 Цветной фон 115 5.4 Цифровой скетчинг 120 5.4.1 Цифровой скетчинг шаг за шагом 121 5.5 Выразительность материалов 123 5.5.1 Глянцевый и матовый 123 5.5.2 Прозрачность 125 5.5.3 Металл 129 5.6 Графика продукции 133 5.7 Практика 137 Портфолио FLEX/theINNOVATIONLAB®, Netherlands 139 Портфолио BMW Group DesignworksUSA, Singapore 141 Глава 6 БЫСТРО И СМЕЛО 144 6.1 Линии 145 6.1.1 Трассировка 146 6.1.2 Свободное рисование. Оптимизация формы 6.2 Использование маркера / После линии 151 6.3 Подложки 155 6.4 Интуитивный скетчинг 157 6.5 Практика 159 Портфолио Ducati Motor Holding SpA., Italy 160 Портфолио Daimler AG, Mercedes-Benz Design, Germany Глава 7 КОНТЕКСТ ПРОДУКТА 7.1 Добавление деталей продукту 7.2 Масштаб и размер 7.3 Фоновые имиджи 7.4 Трассировка человеческих фигур 7.4.1 Руки 7.4.2 Люди 165 166 169 172 174 176 178 Портфолио JAM visual thinking, Netherlands 182 7.5 Шаги и последовательности 7.6 Точка фокусировки 7.7 Практика 184 186 190 Портфолио Pininfarina SpA., Italy 192 5
Глава 1. СКЕТЧИНГ В ДИЗАЙНЕ Это книга о скетчинге в контексте процесса дизайна, и о том, насколько эскиз эффективен в этом процессе. Это может означать в одних случаях, что продукт визуализируется ясно и очевидно, а в других – что рисунок сам по себе может быть убедительным или неубедительным. Нет однозначного критерия для скетчинга, чтобы он стал «хорошим» или «плохим», и прежде чем судить об этом, важно всегда знать цель и контекст рисования. Поэтому показать, как сделать «красивый» рисунок не является основной целью этой книги. Мы оставим большую часть предпроцесса дизайна вне нашего обсу- 6 ждения. Действительно важно здесь то, что существуют определенные моменты собственно процесса дизайна, в которых скетчинг может играть важную роль. Эта глава посвящена только таким моментам. Хотя варианты этапности разработок могут быть разными, существуют некоторые общие, узнаваемые в каждом дизайн-процессе. Эти этапы, конечно, могут пересекаться и могут немного отличаться друг от друга в каждой конкретной ситуации. Каждый из таких этапов направлен на достижение различных целей эскизирования. В этой главе мы обсудим различные виды скетчинга в процессе дизайна.
1.1 ЗАМЫСЕЛ / МОЗГОВОЙ ШТУРМ Независимо от того, проводите ли вы мозговой штурм вместе с коллегами или в одиночку, важно поддерживать поток идей, свежесть и свободу суждений. Не важно, в каком виде происходит показ продуктов – в правильной перспективе, или с тенями. Более важно, чтобы идеи сами по себе были ясны в контексте задачи. Это может выглядеть как много схем и штриховых набросков – например, виды в проекциях или как целая страница, заполненная линейными рисунками, как показано здесь. В этом процессе визуального осмысления могут быть использованы отдельные слова на стикерах или вдохновляющие картинки для того, чтобы рассказать историю. Некоторые типичные рисунки на этом этапе называют «болванками» и «миниатюрами» – они обычно довольно маленького размера. Небольшие рисунки оправданы на данном этапе дизайна, т.к. здесь нет места мелочам. Тем не менее мы призываем делать рисунки крупнее, насколько это возможно, и использовать «тупые» стержни типа маркеров вместо тонких или цветных линий автокарандаша для рисования деталей, теней и т.п. Начальный мозговой штурм – дизайн чехла FLEX/ the INNOVATIONLAB® Некоторые дизайнеры любят постоянно иметь при себе блокнот для набросков своих идеи. В таком скетчбуке вы можете делать это всякий раз, как захотите – в любое время и почти везде. Первоначальный замысел эскиза может привести к еще одному эскизу, уточняющему идею первого и т.д. Одно из двух может возникнуть с первого эскиза: либо что-то всплывет, что не было найдено, хотя идея все еще в голове, либо обнаружится, что эта идея уже есть в другом эскизе и этот набросок – как бы зрительное воспоминание. Сейчас не стоит еще критиковать эти эскизы, главное – иметь поток идей; критика состоится позже. 7
В фазе идей важно сгенерировать их множество, исследовать несколько вариаций, и в конечном итоге получить диапазон идей. Эта фаза будет заключаться в выборе тех идей, с которыми будем продолжать работу. Это потенциально хорошие идеи, которые могут вырасти в реальное предложение или концепт. 8
Процесс генерации идей свободен, оценка и выбор их является повторяющимися действиями в процессе дизайна. Визуализация играет здесь важную роль. Каждый этап начинается с генерации множества идей, и приходит к одной или несколькими в конце. Эти результаты образуют вход для следующего этапа, где решение проблемы или оптимизация требуют, чтобы снова сгенерировать много решений, а затем оценить. Дальше, в процессе дизайна, большинство неопределеннос­тей будет преодолено. Как логическое следствие, это будет отражено в более определенном характере рисунка. В этом примере отправной точкой была задача получить больше осведомленности по потреблению энергии. Она была выбрана, чтобы прийти к идее продукта, в которым ключевую роль играет сила человека. Мы начали с мозгового штурма человеческой силы; коллекции движений рук, которые могут быть использованы для создания (электрический) энергии. Мы затем выбрали три движения, которые нашли интересными, и сделали первое исследование механизмов с точки зрения их формы. Это генерирование идей было сделано в основном на ассоциациях, и вдруг появился скетч игрушечной машинки. 9
1.2 ФАЗА ЭСКИЗИРОВАНИЯ И ДИЗАЙНА Фаза концепта/ Фаза эскиза Каждый результат фазы идей может иметь свои собственные «проблемные области», которые необходимо разрешить или оптимизировать. Проблема может включать в себя дизайна, этику, окружающую среду, выбор материала, технические опции, монтаж, безопасность, строительство, экономическую эффективности и так далее. И каждая проблема, вероятно, имеет несколько возможных решений. Опять пора генерировать множество решений, а затем делать выбор. На этом этапе типичны более подробные рисунки, чем в фазе идей. Например, рисунок деталей в разобранном виде покажет детали в отношениях с другими частями и, таким образом, поможет изучить технические решения. Финал фазы концепта может привести к нескольким возможным идеям, презентабельным для клиента. Это на самом деле было удивительно, так как не имело ничего общего с исходной задачей зарядки движением, но появилось как реакция на один из эскизов. Этот ключевой эскиз был затем принят и использовался для дальнейшего изучения, нового генерирования нескольких изменений и идей. Оставаясь на ранней стадии дизайна, финальная идея продукта видна в цветном рисунке. Окончательная идея продукта – комбинация игрушечного автомобиля и небольшого ручного пылесоса. Внутри игрушечного автомобиля находится генератор, который заряжает батареи через движения играющего ребенка. Это и есть источник питания пылесоса. 10
Выбор концепции Выбор концепции может произойти «внутри» группы соавторов – дизайнеров или с менеджерами, или «снаружи» с клиентом. При этом вы должны представить различные идеи одинаковыми способами. Убедитесь, что может быть сделан честный выбор, а не «размыта» суть использованием различных приемов – рукописного текста и стилей рисунков. Презентации должны быть одинаковыми. Для профессионалов извне области продукции или дизайна, таких, как спонсор, менеджер или для пользователя, требуются и другие аспекты скетчей. Он или она, как правило, не знают и не заинтересованы в основных технических деталях конструкции, и, возможно, хотят иметь четкий и вдохновляющий образ того, как впоследствии данный продукт отразиться на повседневной жизни человека. Презентация Скетчи и чертежи могут быть использованы для представления ряда этапов дизайна. Презентации могут проходить «дома» среди дизайнеров, которые работают вместе, или вне «дома». В каждом из этих случаев могут иметь важное значение разные вопросы. Клиент, например, занимающийся аутсорсингом дизайна этой продукции, имеет, конечно, знания своей области продукции, его рынка и технические деталей, и может захотеть сравнить дизайн с существующими продуктами и технологиями. Конкурс Конкурс требуется определенного типа презентации. Во время конкурса ваша идея должна выглядеть очень привлекательно и выявлять содержание дизайна. Конкурс проходит с конкурентами и ваша цель – получить заказ или выиграть конкурс. Поэтому, когда конкурируете с другими дизайнерами, убедитесь, что ваши рисунки профессиональны и убедительны для зрителя. 11
Детализация На этом этапе будут определены все детали, такие, как точность обработки поверхностей и размеры продукта. Могут потребоваться несколько рисунков крупным планом в сочетании с боковыми видами и перспективами. Разнообразие рисунков, как правило, лучше работает для визуализации и деталей, и продукта в целом. Проблемы будут рассмотрены, решены и оптимизированы с различных сторон. Идеальным вариантом было бы для дизайнера использовать одни и те же рисунки как средства коммуникации для дизайна. Дизайн и коммуникации Из разработанных концептов выбрана одна из идей. Эта идея дорабатывается для реализации. На этом этапе детали должны быть согласованы, инженерия проработана, и готовится производство. Оптимизация формы Так как идея никогда не бывает «готова», рисунок – хороший инструмент для разработки чего-то еще в течение короткого времени, так как эскизы могут быть сделаны быстро и в общих чертах. При использовании технического рисунка по чертежам или фото существующего продукта в качестве подложки, вы можете быстро создавать вариации формы. В любом случае, если пропорции формы позволяют, стоит сделать подложку боковых и перспективных видов, и потребуется время, чтобы оптимизировать форму объекта, причем часто от этого зависит эмоциональный аспект продукта. Предварительный инжиниринг При общении с инженерами-конструкторами непосредственно перед началом фактического инжиниринга выполняются так называемые «предварительные инженерные эскизы». Это могут быть принципиальные эскизы (отдельных) технических решений, возможно, сделанные в ходе встреч с инженерами. В этой фазе обычно используются рисунки и чертежи общих боковых видов и чертежей продукта в разобранном виде. Разборка позволяет показать компоненты по отношению друг к другу, и может дать направление методам сборки. Точная информация о продукте очень важна во время этой фазы. 12 В процессе общения разные стороны вопросов требуют специальных чертежей, показывающих различные аспекты продукта. Здесь вы найдете очень эффективным использование подложек, таких как CAD чертежи, рендеров и фотографий быстрых ручных пенопластовых моделей.
Итак, делая рисунок, будьте внимательны к его роли в процессе дизайна или к тому, что хотите исследовать или показать, и к тому, какие стороны в этом участвуют. Это определяет многое в рисунке от начала до конца. В идеале важно, чтобы эскизы поддерживали и вдохновляли ваш поток идей. Большое количество эскизов с небольшой детализацией или вообще без деталей может быть более эффективным и вдохновляющим, чем несколько «красивых» рендеров продукции. В то же время бывает так, что вы хотите, чтобы ваш клиент выбрал из нескольких возможных вариантов. В таком случае большое количество эскизов может привести к путанице, в то время как несколько рисунков, в которых подчеркнуто представлены различные концепции, может подойти лучше. Партнеры, с которыми вы общаетесь, также важны. Показ ваших первоначальных идей опытному клиенту со знанием продукта может быть чем-то совершенно другим, чем показ того же спонсору, который может быть заинтересован только в возвращении своих инвестиций. Все эти аспекты определяют, может ли быть рисунок быстрым наброском или должен выглядеть точным. Будьте в курсе, если содержание рисунка в дизайне решает такие вопросы, как: – «Могу ли я использовать идеи существующих эскизов»?.. – «Или я должен сделать другой рисунок»?.. – «Что является наиболее важной частью рисунка (или продукта), которую надо показать»?.. – «Можно ли визуализировать все в одном эскизе, или мне нужны отдельные виды сбоку или больше эскизов для ясности»?.. – «Должен ли я показать только продукт или также его использование»? Кроме того, выбор используемых для рисования материалов, ракурс взгляда и даже направление света может быть прямым следствием роли эскиза в дизайне, и в значительной степени определяют «взгляд и ощущение» в эскизе. 1.3 ПРАКТИКА Хорошим вариантом для вас с целью быстро почувствовать специфику различных видов эскизов в процессе дизайна является дизайн скутера для детей. Начните с рисования скутера по памяти. Потребуют ответа вопросы типа: – «Как работает рулевой механизм?» и – «Как передние и задние колеса прикреплены к шасси»? Сделайте быстрые наброски различных решений, а затем выберите лучший из них. После того как вы сделали это, нарисуйте окончательный перспективный эскиз. В этом упражнении вы будете делать скетчинг в различном приложении: сначала в качестве инструмента поиска и анализа проблемных областей в дизайне, затем для изучения решений, и, наконец, выбора и передачи своих решений другим. Примечание: Вы надо будет знать направление эллипсов двух колесах. Держите колеса параллельно, чтобы не создавать еще одну проблему для рисования. Смотрите Главу 2 для пояснения. 13
ART LEBEDEV STUDIO, RUSSIA Tetra Pak recycling containers, 2010. Client: Tetra Pak Tetra Pak стремится быть экологически чистым и рециркулируемым продуктом. Они хотят научить людей не выбрасывать коробки из-под молока и сока, потому что они должны быть собранны и переработаны. Кампания включает в себя лекции, листовки и плакаты, объясняющие, почему коробки полезны и должны быть переработаны. Школам и офисам потребуются контейнеры для хранения коробок, прежде чем они будут приняты в центрах переработки. Мы разработали контейнеры, девизы и лозунги кампании и создали набор логотипов. 14
ART LEBEDEV STUDIO, RUSSIA Tetra Pak recycling containers, 2010. Client: Tetra Pak «... Эскизы для нас – неотъемлемая часть процесса дизайна, которые используются для представления, обмена и разработки идей в команде. Как правило, мы не показываем их клиентам. Эскизы делаются на каждом этапе проекта, чтобы помочь нам выбрать и отработать дизайн от общей концепции до мельчайших деталей. Вот некоторые рисунки, иллюстрирующие различные этапы проработки дизайна контейнера для сбора проекта переработки Tetra Pak. Мы начали с серии концептуальных эскизов и выбрали идею веселого монстра... » 15
ART LEBEDEV STUDIO, RUSSIA Tetra Pak recycling containers, 2010. Client: Tetra Pak «... Затем мы исследовали различные варианты технологии изготовления и остановили свой выбор на thermotorming. Затем форма была доработана и проработаны детали. Наконец, мы рассмотрели все вопросы, связанные с промышленным производством. Скетчинг позволил нам оценить и сузить область выбора вариантов. Мы используем простые, но эффективные технологии скетчинга. Рисунками ручкой с черными чернилами можно быстро визуализировать идеи по мере их формирования и развития. Когда больше фокусируемся на форме, используем фломастеры, чтобы добавить цвет и объем; это быстрый способ обозначить форму и дать изображению выразительный вид. Это выглядит как дерево, или рука, или всплеск, или, может быть, косматая голова, или даже инопланетянин. Дети полюбили его. Он имеет милый животик и панель с инструкцией на передней стороне. Есть несколько отверстий, так что дети не должны стоять в очереди, и размер отверстий подходит для сложенных упаковок, но достаточно мал, чтобы не позволить просунуть в отверстия, например, книгу. С помощью встроенного динамика и датчика света, монстр благодарит за каждую полученную коробку – его живот довольно урчит. 16
FLEX/THE INNOVATIONLAB, NETHERLANDS A new brand language for Skil Europe B.V., implemented in a new range of power tools, 2006-2010 Фаза эскиза Было сделано несколько поисковых эскизов простой шариковой ручкой BIC, и как 3D скетчей, так и рисунков боковых видов, включавших в себя студии деталей и форм переходов. Вторая цветная шариковая ручка использовалась, чтобы яснее показать некоторые детали. Некоторые рисунки были уточнены элементарной окраской в Adobe Photoshop. Эти рисунки, в основном, использовались для внутренней работы; окрашенные (или, по меньшей мере подчищенные и окрашенные) версии использовались для коммуникаций с клиентом, чтобы объяснить основные концепции или идеи формирования. Фотографии быстрой ручной пенопластвой модели или существующие проекты могут быть использованы в качестве подложек, чтобы помочь сделать рисунок с реалистичными пропорциями. 3D модели Объемные модели чрезвычайно важны для проверки формы, поверхностей и эргономики. Любые проблемы толкования рисунков при этом могут быть решены. Фотографии являются идеальными в качестве подосновы для любых новые рисунков и экономят кучу времени. Даже быстрые модели могут быть очень полезны, если хотите, чтобы ваша перспектива и пропорции были правильными. Выбор концептов Комбинация боковых видов представлены клиенту для выбора концепции. Все они имеют поясняющий характер. 17
FLEX/THE INNOVATIONLAB, NETHERLANDS A new brand language for Skil Europe B.V., implemented in a new range of power tools, 2006-2010 Фаза дизайна С помощью Adobe Illustrator прорисованы линии и доработаны с учетом внутренних компонентов и других деталей, таких, как винтовые соединения, размеры рукояток, логотипы и этикетки. Эти чистые линейные рисунки не только хороши для работы, но и четко сообщают аспекты дизайна техническому подразделению клиента для финального инженеринга. Презентация Наконец – линейный рисунок в Adobe Photoshop для раскрашивания. Для дополнительного реализма брендинга добавлены линии разъема и гнезда винтов. Резиновые детали имеют мягкие края, пластик – жесткие края, а металл – тонкие рефлексы. Существует тонкий баланс между реализмом и иллюстрацией концепции; некоторые характеристики материала преувеличены для четкого обозначения концепции. Эти изображения были созданы для отдела маркетинга клиента. Представление изображений Первые промышленные образцы пересматриваются для конечных проверок формы, деталей, эргономики и т.д. «... Для этих изображений мы используем довольно много всего, чтобы сообщить, что мы имеем в виду. Photoshop или эскиз по фото модели, чтобы обозначить цель. Кроме того, трассировкой фотографии модели можно создать быстрое, но очень четкое изображение, когда детали неочевидны. Ясные коммуникации является ключом в этой фазе...». 18
TURNKEY DESIGN, NETHERLANDS . A compact foldable buggy 2010. Designer: lmre Verhoeven Основное внимание в этом проекте было уделено попытке объединить прогулочную коляску с возможностью ее переноски за спиной как рюкзака. «... Для подачи я использовал различные материалы для рисования. Не только шариковую ручку и фотографии, а также планшет Wacom, Alias SketchBook Pro и Solid Works... » 1 - Подача 2 - Концепт 3 - Свободный скетчинг механизма складывания и обшивки 4 - CAD 5 - Образец 1 19
TURNKEY DESIGN, NETHERLANDS . A compact foldable buggy 2010. Designer: lmre Verhoeven После того, как Turnkey представил подачу, концепция была подхвачена китайской материнской компанией. С GO из материнской компании мы создали концептуальный эскиз. В Китае была разработана CAD модель. Этот процесс от подачи к концепту, состоял из коммуникативных эскизов и каракулей, переписке по e-mail, видео-конференций и дискуссий с нашими инженерами в Китае. Затем CAD модель была адаптирована и утверждена и был сделан образец (рабочий прототип) для принятия дальнейших решений. Первый прототип был затем в результате переработан Turnkey в окончательный прототип. Затем этот окончательный прототип был испытан и обсужден потенциальными пользователями. Кроме того, в этом процессе использовались в качестве средства общения информативные скетчи с CAD моделью и фотографиями образца в качестве подложек. Здесь на примере видна адаптация к меньшей кривизне рамы, набросанная по фотографии первого образца, и концепт компактного отбойного бруса, набросанный по САПР модели. Полный дизайн от первоначального эскиза до окончательного образца состоялся на высокой скорости, в течение двух с половиной месяцев. 20
Скетч мебели от FRONT Можно ли позволить первому эскизу стать объектом, разработанным непосредственно в пространстве? Четыре модели FRONT разработаны методом материализации эскизов от руки. Они сделаны это с помощью уникального метода, в котором сочетаются две продвинутые технологии. Штрихи ручкой, сделанные в воздухе, записаны Motion Capture и становятся 3D цифровыми файлами; они затем материализуется через Rapid Prototyping в реальные образцы мебели. 21
Глава 2. ПОДХОД К РИСУНКУ Этот метод основан на начале рисования с базовой формы – такой, как куб, цилиндр, конус, сфера или плоскость. В этой главе мы будем использовать это строгое разделение форм для ясности, в то время как в действительности могут случаться различные ситуации. Этот подход, однако, будет стимулировать вас думать «пространственно» и анализировать формы, и отличать общий вид от деталей. Вы увидите, что через некоторое время будете рисовать более интуитивно; будете больше «оценивать» вместо «констру- 22 ировать», и вы будете больше способны на импровизации и корректировки. Опыт учит нас, что только то приводит к хорошим результатам, оценки чего основаны на устойчивом знании вещей. Это не может быть поспешным. В конце концов все дело будет в достоверности рисунка. Он должен быть убедительным, а точность не так важна. Короче говоря, базовые знания и точность необходимы для начала, в то время как позже оценочная сторона становится более важной.
2.1 ВВЕДЕНИЕ Мы попросили нескольких не-дизайнеров просто «нарисовать стул» в перспективе, без определенной цели для рисунка. Вы, конечно, узнали стул во всех рисунках, но очевидно, что они были сделаны неподготовленными по рисунку людьми, которые не являются дизайнерами. Что бросается в глаза при сравнении рисунков дизайнеров и не-дизайнеров? Не-дизайнер в основном будет сосредоточен на «сценарии», возможно – архетипе или на истории: – Это стул, который есть у меня, помню, знаю и т.д. Рисунок дизайнера, напротив, всегда будет иметь определенную цель, и во многих случаях может быть сообще- нием об идее. Как и к языку, различные правила применяются и к рисункам, как средствам коммуникации. Дизайнер способен анализировать, может определить различия между общей формой и деталями и сделать осознанный выбор мест расстановки акцентов в своих рисунках. В стадии концепта, сразу после идеи например, общая форма, вероятно, должна быть сообщена однозначным образом. Чтобы сделать это, выбирается так называемый «информативный» ракурс взгляда, и используются такие аспекты, как направляющие и затенения. Рисунки стульев не-дизайнеров различных возрастов и пола В последующих главах мы покажем метод рисования, который приведет к информативным, выявляющим формы рисункам. В этой главе довольно смелое разделение между формами (продуктами) производится на основании того, как они нарисованы: • начиная с блоковой (кубической) формы • начиная с цилиндра или конуса • начиная со сферы • начиная с плоскости антов будут объяснены необходимые аспекты линий, затенений, цвета и материалов для рисования. Мы выбрали такое разделение по определенным причинам. Конечно, не каждая ситуация может быть описана таким образом; смешение подходов в конечном итоге будет более реалистичным. Но это простой способ начать обучение анализу и рисованию фигур. Научиться рисовать в пространстве и научиться реализации этого в дизайнерских работах, безусловно – две разные вещи в начале обучения. В каждом из вышеуказанных вари- 23
Этот метод рисования не использует линии горизонта и точек схода на бумаге. Причина в том, что для того, чтобы рисунок оказался «реалистичным» (без искажений), исчезающие точки схода формы должны иметь расстояние между собой примерно в 5 раз больше ширины изображения. В случае стула, например, это означает, что рисунок будет очень мал по отношению к обычному размер листа бумаги или потребуется очень большой лист бумаги. Базовые принципы перспективы Центральная перспектива 2-точечная перспектива 3-точечная перспектива Среди нескольких видов перспективы, таких, как центральная перспектива, 2-точечная перспектива с двумя точками схода и 3-точечная перспектива, мы в основном будем рисовать в 2-точечной. Это означает, что вертикальные линии не будут иметь точку схода, не будут «сходиться». Это значительно облегчит задачу рисования, сохраняя при этом реалистичный вид. В действительности мы более или менее воспринимаем объекты, имеющие 2-точечную перспективу, но если вы делаете изображение продукта, вы можете сразу увидеть 3-точечную перспективу. То, что мы видим «головой», а не своими глазами, объясняет эту разницу в восприятии. Что касается самого рисунка, основные принципы могут быть описаны следующим образом: • Используйте длинные линии и рисуйте в определенном стиле, например, с помощью ручек fineliner. Карандаш и ластик будет искушать вас использовать стирание, а не обучать быть свободным в своей графике и решениях. • Рисуйте в «прозрачной» манере; например, рисуйте габаритные линии формы, в том числе те, которые вы не видите. Эти линии будут направлять вас в контроле и коррекции перспективы и затенений. • Выберите информативный ракурс взгляда. См. также главу 3. • Начните рисунок с больших базовых форм, и продолжайте работу по направлению к детализации; сохраняйте детали до последнего. • Чертежи предпочтительны в размере, соотносимом с размером вашей руки, лучше больше, но не меньше. • Используйте направляющие линии – они не только позволяют легче рисовать, но также сделают рисунок более понятным (читаемым) при просмотре. 24
2.2 БЛОКИ 2.2.1 Перспектива в линиях Начнем с рисования куба. Вертикальная поверхность может быть буквально удвоена, так как не существует точка схода в этом направлении изза 2-точечной перспективы. Добавляется толщина и направленный из левого верхнего угла свет. Это означает, что все линии на теневой стороне могут быть немного затемнены. Это позволит добавить больше ясности рисунку, а также пространственность и глубину. Совет Применением некого антуража можно добавить контексту пространственность и привлекательность. 25
Неравные углы выбраны сознательно, чтобы избежать перекрытия передних и задних вертикалей куба друг с другом. Линии слева сходятся больше, чем линии справа, в связи с более коротким расстоянием до их точки схода. Куб рисуется начиная с горизонтальной направляющей линии, вертикали и двух линий, которые будут определять ракурс взгляда. Для информативности рисунка выбрано реалистичное перспективное искажение. После того, как нижняя поверхность завершена, используйте другие перспективные линии в качестве направляющих. Задние вертикали и верхняя поверхность рисуются последними. Есть, конечно, больше способов нарисовать куб; другой способ показан здесь. В этой последовательности акцент сделан на размещении вертикалей. Размещение задней вертикали базируется на принципе, указанном добавленными стрелками. Эти величины неравного размера, как показано на следующей странице. 26
Чтобы проверить кубик, который вы нарисовали, на правильность перспективы, могут быть сделаны несколько быстрых шагов: • Сравните укорочение верхней поверхности с той, что находится на поверхности земли; верхняя поверхность должна быть «площе», так она ближе к горизонту (см. A, A’). • Сравните два угла линии горизонта с горизонтальной линией; они должны отличаться, так как отличается ширина двух вертикальных сторон (см. B, B ‘). • Ближняя в ракурсе вертикальная сторона (здесь слева) должна быть значительно меньше, чем противоположная сторона (см. C, C ‘). • Только в случае куба угол ближней в ракурсе стороны должен быть «выше», чем стороны в меньшем ракурсе. Когда блок нарисован неправильно, важно выяснить почему, и попытаться избежать той же ошибки снова. Вот некоторые общие ошибки начинающих. Начнем сверху слева, здесь это форма блока (1), где используют параллельные линии вместо перспективных искажений, т.е. аксонометрическую проекцию. Рядом с ним находится форма (2), где количество перспективные искажения оцениваются неправильно. Точка схода слева ближе, так что линии в этом направлении должны сходиться больше чем в правую сторону, а не наоборот. Блок (3) показывает фронтальную сторону как на центральной перспективе, но тогда не должна быть показана левая сторона. Этого можно легко избежать, используя горизонтальную направляющую линию, как вы видите рядом с ним. Последний блок (4) показывает неправильную перспективу поверхности земли. Это может исправить удлинение линий и использование их в качестве направляющих при рисовании на поверхности земли. Горизонтальные поверхности в колонне ближе к линии горизонта уменьшаются, а в большем ракурсе увеличиваются. Вертикальные поверхности ближе к точке схода уменьшаются, а в большем ракурсе увеличиваются. Учебное рисование куба под разными углами даст достаточно опыта, чтобы создавать правильные перспективные рисунок. Держите это правило в уме: никогда не превышать измерение ближней вертикали. Ширина страниц книги появляется намного меньше в ракурсе при их переворачивании. В этой картине вы видите искажения перспективы в связи с тем, что третья точка схода находится над горизонтом, но также используется неправильно для каждой вертикали ниже горизонта (см. правила 3-точечной перспективы). Это, однако, приглушено пространственным эффектом за счет использования перспективной окраски и контраста. 27
2.2.2 Ракурсы взгляда С первых штрихов рисунка ракурс взгляда уже выбран. Убедитесь, что все поверхности блока воспринимаются хорошо. Эти три точки взгляда забракованы в связи со слишком сильным ракурсом на одном из поверхностей. Или, в случае формы справа, форма нарисована симметричной, что может вызвать путанницу. слишком скучно слишком в ракурсе При рисовании типичного блока, как в начале, последовательность рисунка самого блока может незначительно отличаться от рисования куба. Однако общая последовательность и правила перспективы остаются теми же. Основная идея этой последовательности рисунков заключается в том, чтобы показать, чего ожидать во время рисования маленькой коробочки. Например для успешного рисования крышки коробки важно знать возможные решения заранее. Какой угол больше подходит для подачи ясной информации о форме? Какие линии должны быть заметнее, сильнее и какой угол освещения даст информативное затенение? В финале, когда основные параметры перспективы и затенения определены, цифровое текстурирование поверхностей может предоставить быструю трансформацию для того, чтобы «увидеть и почувствовать». 28 внутренность не видна слишком скучно Крышка коробки вращается в круговом габарите в перспективе. Вам необходимо знать, как рисуются окружности в перспективе (см. далее в этой главе) и назначать эффективное вращение. Здесь использовано довольно плоское вращение, но простое для рисования.
2.2.3 Затенение и падающая тень Затенение используется, чтобы подчеркнуть объем объекта и его положение в окружающей среде. Затенение определяется различиями в темноте сторон объекта, что соотносится с с источником света. Падающая тень есть проекция тени на соседнюю поверхность. В основном эффективную падающую тень создает параллельный источник света (солнечный). Точечный источник света (лампа), часто не создает падающую тень. Он может создать тень, которая не связана с перспективой объекта. Ее более сложно построить и она менее предсказуема. Падающую тень от параллельного источника света легче прогнозировать и она воспринимается как реалистичная. Выбор направления источника света создается двумя линиями: фактическое направление света или «уклон» А, и проецируемое направление света В. Представьте себе параллельную источник света только за вашим левым плечом. Он будет иметь относительно крутой уклон A; B будет указывать немного верх и вправо. Все актуальные направления света (уклоны A) в рисунке можно сделать параллельными, и все направления проецируемых источников света будут слегка сходиться. Многие характеристики формы объекта можно увидеть по форме его тени, например, «открытые» и «закрытые» объемы или резкие и округлые объемы. 29
Построение падающей тени можно сравнить с проецированием формы на поверхность, а это означает, что для тени применяются правила перспективы. Перспектива падающей тени и ее оригинала сходятся к той же точке схода. Длина линии и ее тени сравнимы по длине. Тень блока, смонтированного на стене и блока на горизонтальной поверхности может на самом деле иметь одну и ту же форму. Подсветка сзади может быть желательна только для создания тревожной сцены. 1. Выбор направления света, направленного к вам, будет не только создавать отвлекающий темный силуэт в передней части рисунка, но что еще более важно, не оставят места для цвета и контраста на самой форме. 30 2. Если направление света такое, как показано здесь, оно совпадает с одним из перспективных направлений объекта, и поэтому может возникнуть ситуация, вводящая в заблуждение. 3. Если выбранный уклон света слишком крутой, падающая тень будет слишком длинной и доминирующей.
В основном направление света выбирается таким образом, чтобы наиболее характерной сторона объекта была затенена и падающая тень имела непрерывную форму. Возможно лучший вариант из трех стульев тот, который на самом крупном рисунке. Длины падающей тени должно быть достаточно, чтобы поддерживать объем объекта, но не настолько большой, чтобы быть доминирующим. 22.4 Техника маркера и цвет Маркер может быть применен несколькими способами. Самый простой способ заключается в использовании параллельных «полос» на поверхности. Вертикальные полосы подчеркивают вертикальную ориентацию поверхности. На среднем рисунке используется метод «сырой по сырому». Направление маркера не важно; просто поддерживайте влажность бумаги. На правом блоке несколько строк добавлены поверх «сырой по сырому» поверхности. Это будет представлять градиент и дает рисунку менее статический вид. Так как объект и его падающая тень отдалены друг от друга, тень становятся светлее из-за окружающего света. Этот градиент затенения может быть сделан белым карандашом или маркером. Совет Убедитесь, что плоская сторона кончика маркера остается параллельной границе поверхности; это сделает нарисованную маркером ребро поверхности аккуратной линией. 31
Если «полосы» нарисованной маркерами области выбраны произвольно, будет меньший объемный эффект. Если вертикальные поверхности рисовались маркером по вертикали и горизонтальные по горизонтали, ориентация поверхностей подчеркивается маркером, рисунок будет отображаться корректно и будет более пространственно понятым. Если объект рисуется с цветным маркером, сочетают цветовой маркер с серым, который используется для затенения. Цвет объекта затемняется и становится ненасыщенным на затененной стороне этого объекта. Это достигается путем нанесения слоя серого маркера под слоем цвета маркера. Каждому цвету будет нужен другой серый для для достижения этого эффекта. См. также Главу 5. Когда выбираете цвет для работы, определитесь, какой серый необходим для его затенения. Пробы не займут много времени, но ускорят дальнейшую работу и ее качество. Совет На матовом объекте падающая тень может смотреться как на этом кресле. На очень глянцевом объекте можно увидеть рефлексы и большую контрастность. 32
2.3 ЭЛЛИПСЫ Как было показано ранее, в случае, когда форма является сочетанием «круглого» и «квадратного», часто в качестве отправной точки для построения перспективы частей блоковой формы берется эллипс. Здесь вы снова видите, как такой же эллипс может обеспечить добавление дополнений в различных направлениях. Независимо от того, как ориентирован круг, который представлен эллипсом на горизонтальной поверхности, ориентация эллипса (длинной оси) всегда будет оставаться в горизонтальном положении. 33
Падающая тень от цилиндра состоит из проекции его верхней поверхности на землю, использования двух линий, которые описывают направление света, соединенного с самим цилиндром по касательной. Именно здесь начинается тень от цилиндра. Эта тень не только дает затемнения снаружи формы, но немного «внутри» ее. Это вызвано окружающим освещением и рефлексами. Именно этот эффект придает форме округлый внешний вид. Следите за ошибками, когда затенение параллельно контуру конуса, затенение не имеет разницы между формами прямого и обратного конуса или имеет неправильный переход между конусом и цилиндром. Совет Коническая форма, направленная ​​вверх или вниз, будет очень сильно отличаться от цилиндра в затенении. Когда эти формы просто объединяются, без плавного скругленного перехода, затенение такого объекта будет иметь резкие «скачки». 34
2.4 ВЕРТИКАЛЬНЫЕ ЦИЛИНДРЫ Круг, нарисованный в перспективе, представлен эллипсом, математической фигурой. Полезные правила, связанные с их осями. Большая ось – максимально возможно длинная линия, в то время как малая ось делит большую ось на две равные части. Эти две линии пересекаются точно в середине под углом в 90 градусов. На перспективном рисунке центр окружности, конечно, не находится в этой точке, но, в зависимости от силы сходимости, несколько позади этой точки, как показано в примере. Если разрезать грейпфрут на две равные половинки, можно увидеть эту разницу. Чтобы нарисовать цилиндр, вам нужна центральная линия, два эллипса и две вертикальные касательные снаружи. Нижний эллипс будет круглее из-за перспективы. Вы можете сравнить его с блоковой формой, но вам нет необходимости рисовать блок и строить цилиндр в этом блоке. Эллипсы рисуются повторением формы несколько раз. Это не даст результата в виде идеальной симметричной формы, но подчеркивает другой основной характер эллипса: плавность формы. 35
Касательная к эллипсу определяет перспективу других форм в сочетании с этим цилиндром. Если вы хотите прикрепить что-то вроде ручки или захвата на цилиндрическую форму, то захотите знать их положение и перспективу по отношению к цилиндру. Таким образом, вы можете использовать касательные. Первая линия проходит через центр проекции (а не через пересечение длинных и коротких осей). Если вы затем нарисуйте две касательные шаг за шагом, вы получите квадрат вокруг эллипса. Результатом будут два направления, нарисованные под углом в 90 градусов друг к другу в перспективе. Совет Мы говорим о 2-точечной перспективе. Если вы рисуете в 3-точечной перспективе, может стать неясным, что вы рисуете – цилиндр или конус. 36
2.5 ГОРИЗОНТАЛЬНЫЕ ЦИЛИНДРЫ Начните с цилиндра, центральная ось которого рисуется первой, как направляющая. Основные оси эллипсов рисуются ровно под углом 90 градусов к этой центральной оси. Когда рисуются эллипсы, вертикальная линия через их перспективные центры создает и самую высокую точку, и подключение к полу или другой горизонтальной поверхности. Касательные затем предоставляют перспективные направления, необходимы для ручки. Другое перспективное направление, конечно, сходится с центральными осями ролика. Ручки теперь «плавающие», как показано в боковом виде. Вертикальные касательные к эллипсу находятся на его самом широком габарите. Место совмещения этих точек снова показывает направление перспективы ручек. Произвольно наклоненные цилиндры также будут иметь большие оси эллипсов перпендикулярно центральной оси цилиндра. Наклоненная центральная линия будет автоматически определять, насколько укорачивается цилиндр. Если цилиндр ориентирован иначе, падающая тень поможет обозначить его положение и ориентацию. 37
При создании падающей тени приподнятой блоковой формы можно увидеть, что бросить тень становится проще, так как объект становится тоньше. При относительно тонких объектах простая проекция верхней поверхности или поперечного сечения используются в качестве падающей тени. Это довольно близко к реальности, и является большим упрощением в рисунке, предлагая скорость и эффективность. Остается одно – выбрать эффективное положение для такой отбрасываемой тени. В большинстве случаев наилучшим решением для тени будет, чтобы она находилась на одной стороне объекта, а не быть симметрично ему. 38 Пастельный мелок используется на (самой яркой) верхней поверхности. Наскребите крошку нужных мелков. Смешивание может быть необходимо, так как важно, чтобы мелок имел точно такой же цвет, как маркер. Используйте относительно большой кусок туалетной бумаги или ткани и используйте движениями, как накраской большой кистью. Применяется в несколько слоев. Это обеспечивает плавный градиент без пятен. Лишний мел рядом с рисунком легко стереть. Цветной карандаш используется здесь на коричневой поверхности, чтобы добавив градиент, подчеркивающий кривизну.
2.6 ПЛАНЫ И СЕЧЕНИЯ Когда рисунок базируется на сечениях или плоскостях, сначала рисуются самые большие поверхности и сечения. Они также хорошо служат для поддержания симметричной формы. Скетч идеи палатки начали с нижней поверхности, на которой были нарисованы вертикальные секции. Для поддержания полупрозрачного внешнего вида для падающей тени и затенения сторон используется сочетание пастельных мелков и цветных карандашей. Таким образом сечения, нарисованные шариковой ручкой, сохраняются и хорошо видны. Это необходимо, так как они являются основой структурой палатки, и необходимы в качестве подосновы в последующих стадиях проектирования. 39
Когда ракурс взгляда немного изменен, такое диагональное сечение облегчает работу. Когда кривую трудно воспроизвести или нарисовать симметрично, может быть полезным рисование квадратной или прямоугольной поверхности. Вы можете даже использовать одинаковое количество точек диагоналей, чтобы сохранить симметрию кривой. 40
2.7 СФЕРЫ При рисовании таких видов форм эллипсы играют важную роль. Они являются сечениями сфер, и, как и прежде, будут определять перпендикулярные перспективные направления любой формы, прикрепленной к сфере. Контур сферы – всегда круг. Его вид определяется только сечениями. Здесь показана информативность при взгляде снизу и с очень высокого ракурса взгляда. Схематично сфера будет иметь подсветку, как показано здесь. Цвет будет постепенно темнеть вокруг самого яркого пятна. Темная часть будет, как и в цилиндре, не выходить наружу, но немного внутрь, в результате чего получаем «луноподобную» форму. 41
2.8 ПРАКТИКА Независимо от того, выполнен ли рисунок в виде сбоку или в перспективе, последовательность рисования, материалы и все, связанное с этим, могут быть те же самые. Начните с длинных, тонких линий наброска и выберите направление освещения. Сделайте сильные линии на теневой, нижней и правой сторонах и на швах, разделяющих части. Примените затенение с помощью серого маркера (сначала подберите его оттенок в соответствии цвету). Примените цветные маркер и пастель. Убедитесь, что пастель имеет точно такой же цвет, как и маркер; в противном случае эффект выразительности материала будет потерян. Всегда начинайте «большое» и создавайте детали и акценты на завершающей этапе рисунка. 42
2.9 В ЗАКЛЮЧЕНИЕ Все теории, описанные в этой главе, предназначены, чтобы помочь вам развить свои навыки рисования. Однако существуют и другие аспекты скетча, которые могут оказать большое влияние на восприятие. Как, например, использование главных контрастов, размера и положения эскизов по отношению друг к другу. Один из таких аспектов, который достоин большего внимания – перекрытие. Это может происходить спонтанно, при «размышлении на бумаге», как в соседнем рисунке (первоначально размера A3), или он также может быть «поставлен», как на рисунке ниже. Здесь каждый объект был окрашен и закончен перед нанесением следующего. Создание перекрытия как здесь поможет вам тренировать способность импровизировать и использовать большой (цветовой) контраст, чтобы помочь сместить внимание читателя от нежелательных деталей в нужное место на листе. Заметьте также, как перекрытие делает эти эскизы более динамичным и добавляет больше внушительности. 43
2.10 БОЛЬШЕ СОВЕТОВ Рисование ручкой или маркером вместо карандаша и ластика заставляет вас принимать решения не задумываясь. Этот подход может занять некоторое время, чтобы к нему привыкнуть, но это действительно «номер один» в дизайне продукции; это высокоскоростной процесс. Во время эскизирования каждый раз вы должны брать чистый лист бумаги, так как рисование нового на предыдущем листе может создать путаницу. Некоторые могут сказать, что изучение работ других людей и попытки подражать их эскизам может помешать развитию вашего личного почерка. Мы видели, что такое отношение может приводить студентов к излишнему «изобретению колеса». Может быть очень полезно изучать работы людей, которыми вы восхищаетесь. Это на самом деле может ускорить ваше обучение, так как дает понимание существующего уровня работы в этой области, и указывает на ваши собственные сильные и слабые стороны. Но чаще всего это может просто вдохновлять. Когда вы делаете скетч в цифровом виде, нормально сидеть прямо напротив экрана, а не смотреть на него под углом. Когда вы рисуете на бумаге, эта позиция также лучше. Убедитесь, что вы смотрите на лист бумаги перпендикулярно. Избегайте рисования слишком близко к бумаге; вы можете заблудиться в деталях, которые не имеют такого большого значения. 44 Иногда бывает трудно «держать дистанцию» от эскиза, чтобы объективно смотреть на него. Способ взглянуть на свой эскиз свежим взглядом снова – посмотреть на него в зеркало! Баланс контраста можно лучше оценивать, глядя на лист рисунка вверх ногами.
SMOOL, NETHERLANDS Design of a coffee and tea service for Simon Levelt, 2010. Designer: Robert Bronwasser «... Эти эскизы отражают мои мысли при формировании концепта. Обычно я заполню несколько листов А3 каракулями, проводя как бы личный мозговой штурм, из которых может быть дистиллированно одно или более интересные направления дизайна. Затем я использую Adobe Illustrator, чтобы быстро подать дизайн в правильных пропорциях. Преимущество этого метода в том, что теперь я могу распечатать его в реальном размере (1:1) и иметь реальные пропорции в руках. Часто некоторые простые пенопластовые модели также делаются на этом этапе дизайна... » Эскизы, показанные здесь, сделаны черной шариковой ручкой и цветными карандашами. Интересные формы и направления подчеркнуты черным фломастером. 45
SMOOL, NETHERLANDS Design of a coffee and tea service for Simon Levelt, 2010. Designer: Robert Bronwasser Теперь дизайн уточняется в SolidWorks так, что могут быть разработаны формы переходов с большим реализмом и подробно. Выполненые реалистичные визуализации предназначены для представления клиенту. «... Благодаря моему опыту, сейчас мне требуется меньше эскизов, чтобы добраться до идеи. Решения и выбор делаются быстрее и лучше по существу. Я не показываю все эскизы клиенту; дизайн рождается в процессе. В основном я показываю результат и объясняю концепцию. Я также покидаю форму эскизов, делая презентации клиенту, так как не каждый способен их «читать» и правильно интерпретировать. Сейчас я работаю с фрилансерами, которые трансформируют мои скетчи в компьютерные модели. Детализация затем также создается в компьютерном виде. Я использую скетчи от руки на всех этапах процесса дизайна: и для осмысления, и для общения с 3D моделлерами... » Simon Levelt, голландская торговая компания, основанная в 1817 году, в настоящее время всемирно известная фирма в обжаривании кофе и продаже кофе и чая. Особое внимание к окружающей среде и справедливая торговля – их кредо. Дизайн этого вневременного и еще современного сервиса выражает мастерство и фокусируется на удовольствии пить кофе. Исключительной является деталь литой ручки чашки – новинка в производстве фарфора. 46
CARL LIU, CHINA Origami Chair concept, 2010 Эскизы идеи были в основном сделаны для личного использования, чтобы выяснить общий вид этого крес– ла, а также детали дизайна. Рисунки были сделаны ручным эскизированием в альбоме. Поскольку эскизы были предназначены для личного использования, а не для коммуникации, рисунки от руки на бумаге были сделаны быстро и эффективно. Скетчи размером 20,5 х 13 см сделаны ручкой и маркером. Некоторые из эскизов были использованы для общения с моим инженером по вопросам конструирования поверхностей и реализации структуры. Origami Chair был вдохновлен искусством оригами – традиционного японского народного искусства складывания бумаги. Цель этого искусства заключается в преобразовании плоского листа материала в готовую скульптуру через складывания и скульптурные технологии. Это началось как вызов, чтобы использовать листовой алюминий для создания легкого, но прочного и долговечного стула. Сиденье и спинка изготовлены из одного куска алюминиевого листа. С помощью нескольких прорезов и складок плоский лист из алюминия волшебным образом превращается в строгий, но удобный элемент гостиной. 47
CARL LIU, CHINA Origami Chair concept, 2010 Формирующий ромб с тановится критическим структурным элементом, чтобы поддерживать сиденье и спинку, а также делать всю поверхность жесткой. Четыре ножки изготовлены из прочного сплава алюминия с полировкой. В Origami Chair предусмотрено складирование в пачки для удобного хранения и транспортировки. 48
Глава 3. РАКУРСЫ ВЗГЛЯДА Выбор ракурса взгляда имеет большое влияние на рисунок, так что стоит взвешенного выбора. Одни выбранные ракурсы делают возможным дать ясную форму информации об объекте (связанной с человеческим глазом), в то время как другой выбор может иметь со- вершенно противоположное воздействие. Объект может казаться не только больше или меньше, но тоже красивым, впечатляющим или подавляющим. Как вы выбираете, и можете ли вы предсказать результат вашего выбора? 49
50
3.1 ИНФОРМАТИВНОСТЬ РАКУРСА Есть различные виды точек (ракурсов) взгляда. На многих этапах процесса дизайна сообщение о пропорциях имеет решающее значение. Такие типы ракурсов, в которых главное – ясная передача информации о форме, называются информативными ракурсами взгляда. Такой ракурс взгляда – оптимальная информация о форме, в том числе о предназначенном масштабе: насколько велик объект. Большой объект будет набросан с большими перспективными искажениями, чем небольшой предмет. В некоторых случаях то, как продукт используется, влияет на выбор (точку взгляда пользователя). Открытая спичечная коробка, например, оптимально дает впечатление о форме с точки зрения как размера, так и использования. Верхние коробки имеют верхние поверхности в слишком большом ракурсе или слишком плоские. На самом деле они расположены близко к горизонту, в результате чего возникает этот эффект. Очень плоская поверхность создает трудности оценки ее размера как для зрителя, так и для рисовальщика. Коробки внизу имеют противоположный эффект: слишком высокий ракурс взгляда означает необходимость третьей точки схода вертикальных линий, что приводит к слишком большим искажениям «чтения» фактического размера вертикальных поверхностей. Эскиз внизу показывает два перспективных направления, близких к углу в 90 градусов. При 90 градусов в перспективе 2-точечная перспектива превращается в 1-точечную и боковых поверхностей не видно. 51
Очень информативные точки взгляда красного детского велосипеда показаны на фото A, B и C. На фото D велосипед на первый взгляд смотрится хорошо, но вид многого не выявляет с наиболее информативного вида сбоку, и оставляет заднюю часть велосипеда необъясненной. То же самое можно сказать и о фото Е. Оно также достаточно информативно, но не оптимально. Вид взяли с точки зрения пользователя, но он находится настолько низко, что в этом ракурсе не читается форма седла. Очень неинформативен вид G; это почти вид сверху, а не в перспективе, и, сле- 52 довательно, не очень обширный. Фото Н также дает хороший обзор формы велосипеда, и подчеркивает ящик, но оставляет остальную часть велосипеда необъясненной из-за перекрытия. Короче говоря, важно то, что если бы вы были нарисовали прямоугольных габарит вокруг велосипеда, все три видимые поверхности должны были бы иметь только небольшой ракурс, как и спичечный коробок. Кроме того, существуют ракурсы взгляда, в которых часть объекта перекрывает другую, и таким образом скрывает информацию о форме.
В этих скетчах исследованы и проанализированы различные способы складывания картонных коробок для использования в дизайне следующей коробки. Довольно высокий ракурс взгляда решает задачу акцентирования на верхней поверхности, где происходит складывание. Габаритные размеры коробки не имеют значения на данном этапе. 53
После формирования идеи для дизайна скворечника можно перевести некоторые из возможностей складывающейся конструкции в эскиз скворечника. Здесь эскизы показывают возможности такой конструкции в развитии. Теперь важны габариты домиков, и ракурс взгляда выбран немного ниже так, чтобы избежать искажений в вертикальном направлении. Важно, что все плоскости ясно видны. Использование небольшого фона и штриховки, конечно, также полезны. Плоскость «земли» используется для информации о материале, а также сообщает еще больше о принципе складывания. 54
Сохраняя угол взгляда на одной и той же высоте, вы все равно можете осмотреть объект из разных точек. Важно создать хороший обзор двух вертикальных поверхности. Одна из этих вертикальных сторон, однако, в большинстве случаев представляет объект лучше. В данном примере это сторона автомобиля. Сравните это с автомобилем, нарисованным ребенком, который будет рисовать его со стороны; это архитипический путь. Здесь перспективное искажение самой информативной стороны на рисунке должно быть меньше, чтобы показать максимум информации. В приведенном здесь примере рисунок D в правом нижнем углу будем рассматривать как результат выбора наиболее оптимального ракурса взгляда. Некоторые замечания о других чертежах: рисунки А и В вряд ли дают какую-либо информацию о боковых сторонах. Грузовик В может представлять собой отличную точку взгляда для других целей; он акцентирует свое внимание на передней стороне игрушки. Рисунок C, наоборот, слишком укорочено представляет переднюю сторону грузовика. 55
3.2 РИСОВАНИЕ БОКОВЫХ ВИДОВ Есть много более или менее «двумерных» продуктов, таких, как телевизоры с плоским экраном или встроенные информационные системы автомобилей. Есть также пространственные 3D продукты, которые четко имеют более важное, или доминирующее «лицо», как радиочасы, микроволновые печи и посудомоечные машины. Так что для представления этих видов продукции не всегда используется рисование в перспективе; можно получить огромную экономию времени, рисуя просто фронтальный вид, что, таким образом, означает большую эффективность дизайна. Этот эскиз проектора начинается с рисования длинных, тонких и плавных линий. Направление света выбирается слева сверху, так что все линии на теневой стороне каждой части, то есть правой и нижней, можно сделать толще. Это добавляет глубину на линейном рисунке; эти линии называются теневыми. Там, где находится отверстия в корпусе (под кнопки, например), контур этого отверстия может быть полностью по кругу утолщен. Затенение сторон и падающая тень добавляют более сильное ощущение глубины, пространственности. Основная форма продукта (неважно – плоская, изогнутая или полая) и его закругления становятся очевидными. При этом также лучше воспринимаются и пространственно глубокие части, и части выступающие, такие как ребра. Теперь добавляются цвет и текстуры. Всегда будьте уверены, что в рисунке достаточно контраста, потому что если вы добавите штрихи пастельных мелков, контрасты автоматически уменьшаются. 56
Пример того, как сделать текстуры штриховкой между ребрами, пошагово: во-первых – штриховка в произвольном направлении, затем второй слой штриховки с пересечением первой под углом (старайтесь избегать угол в 90 градусов). Третья штриховка (угол также немного отличается от первых двух) закончит нетканую текстуру. Даже после пастельных мелков или аэрографа мелкие детали могут быть добавлены черными и белыми линиями. Совет Добавление окружения в продукт, в данном случае падающей тени от задней стенки и теоретические рефлексы от поверхности земли с помощью светло-серого маркера и пастели придают рисунку больше пространственного контекста. 57
При сканировании рисунка перед штриховкой можно в короткое время также добавить в цифровом виде немного реализма. Используя, например, только черные и белые линейные инструменты, можно исправить круги и эллипсы. Белые акценты часто можно выделить более объемно, используя цифровые методы. Может быть важно поддерживать скетчевый характер рисунка, например, на ранних стадиях проектирования. Если он начинает выглядеть как результат окончательного рендеринга, дизайн будет получать очень однозначный характер. Эскиз, напротив, будет открыт для изменений и обсуждений, например – пожеланий клиента. Способ сохранить рисунок скетчевым – оставить видимыми линии скетча; в этих рисунках вы все еще можете увидеть направляющие, используемые для рисования разъемов и линз, и удлиненные линии на правой стороне проектора. 58
3.3 ЭЛЛИПСЫ И РАКУРСЫ ВЗГЛЯДА Вертикальные цилиндры лучше не рисовать в центральной перспективе, как, например, это сделано выше. Это занимает больше времени, чем рисование видов сбоку (например, как в верхнем чертеже), но в сравнении не добавляет много информации. Лучшей точкой взгляда будет один из рисунков внизу, где сопло слегка обращено к наблюдателю. Этот рисунок содержит наиболее полную информацию о форме и воспринимается как наиболее пространственный рисунок. Большие эллипсы контейнеров для краски используются для определения двух перспективных перпендикулярных направляющих. Эти направления используются для рисования ручки и сопла. В случае цилиндра имеем пример объектов, где эллипс играет важную роль в определении ракурсы взгляда. Разумный выбор – не рисовать слишком плоские эллипсы (А) или со слишком большими перспективными искажениями (B). Эскиз С обеспечивает необходимую наглядность и делает рисование сечений легче. 59
Ракурс взгляда на продукт, который нарисован из снижающегося цилиндра, в значительной степени определяется первой линией на чертеже: центральной осью. Это определяет вращение, и, вместе с этим округлость эллипсов, которые в дальнейшем определяют перпендикулярные направления, используемые для рисования ручек и т.д. Горизонтальная центральная ось в перспективном рисунке означает центральную точку перспективного взгляда (рисунок А). Это не очень пространственный и информативный ракурс. Рисунок В имеет очень плоские эллипсы, которые делают трудным создание сечений и касательных. Рисунок E, с другой стороны, имеет такую ​​наклонную центральную ось, что форма видна в излишнем ракурсе в этом направлении, что мешает воспринимать его точную длину. Рисунки С и D имеют более информативные ракурсы взгляда. Таким образом, центральная ось, которая не слишком горизонтальная и не слишком крутая, в большинстве случаев – хорошее начало. Затем становятся известны (всегда перпендикулярные) направления осей эллипсов, и только округлость должна быть выверена, например, используя габаритные квадраты. 60
С той же центральной осью в этом примере нарисованы четыре эллипса. Вертикальная линия через центр эллипса пересекает ее по верху и по низу (в этой точке цилиндр будет лежать на горизонтальной поверхности). Касательные к этим точкам выявляют перспективное горизонтальное направление. Рисование двух вертикальных касательных к эллипсу и подключение этих точек также показывает это горизонтальное направление. Это горизонтальное направление и центральная ось сопоставимы с двумя горизонтальными перспективными направлениями блоковой формы. Таким образом, перспективный квадрат можно нарисовать «вокруг» эллипса. Если это действительно квадрат (третий слева), эллипс имеет правильную округлость. При начале рисования это полезный прием, чтобы проверить округлость эллипсов. Позже вы сможете оценивать округлости лучше, и в проверке не будет необходимости. 61
Даже в случае наклонных форм в случайных направлениях метод касательных к эллипсам может быть использован для определения соответствующих перспективных перпендикулярных направлений на эллипсе. В этих формах здесь одна канавка всегда выбирается и рисуется, а перпендикулярная канавка может быть найдена с помощью касательных. Толщина формы, конечно – в направлении, перпендикулярном к длинной оси эллипса. В некоторых случаях оригинальный рисунок может быть слегка повернут. Это добавляет больше динамики, что особенно распространено в автомобильном дизайне. 62
Это довольно плоское ручное устройство изображено с ракурса взгляда пользователя, т.е. в перспективе с очень высокой точкой взгляда, как когда смотришь на предмет, держа его в руке. В результате вид сверху имеет только небольшую перспективную сходимость. Пошаговые рисунки показывают разные ракурсы взгляда и имеют сопоставимые детали, так что вы можете судить сами, какой из них удобнее. Все рисунки стартуют с верхней горизонтальной поверхности и эллиптических форм для начали рисования скруглений. Смотрите также главу 4 о скруглениях. Вначале рисуются более крупные четверти окружности в перспективе (части эллипса), а затем, с использованием диагональных точек, оставшиеся две четверти кругов. Следующим шагом является меньшие скругления. Остерегайтесь перспективного ракурса четвертей кругов в вертикальном направлении. Слева и вверху они едва видны. Теперь вы можете добавить вертикалей в начале и в конце круглых деталей. Эти вертикали помогут вам решить, где начинается затенение. Остальные скругления днища продукта добавляются, чтобы закончить основную форму. Заметьте: никаких деталей пока! Затенения добавлены для создания большего объема в линейном скетче. Падающая тень используется для позиционирования ручного продукта относительно горизонтальной поверхности. Небольшая падающая тень вызывает у зрителя восприятие продукта под углом к ​​поверхности: хороший трюк, но все-таки трюк. 63
После использования серых маркеров для затенения применяются цветные маркеры. Пастельными мелками поверх цветного маркера можно уточнить цвет поверхности. Чаще всего детализация вносит окончательные дополнения и дает несколько иной взгляд на предложение. Теперь вы можем видеть важность угла обзора. Подробности нелегко изображать на рисунках справа и они имеют меньшую читаемость информации. Хотя отклонение рисунка и начало работы заново, в общем, конечно, нежелательно, избегайте постоянно исправлять ошибки, которые вы сделали ранее в эскизе. Выбор ракурсы взгляда – такой решающий выбор, что может быть необходимо начать заново, например, с более выгодного ракурса. Практика научит вас лучше предсказывать лучшую точку взгляда. Советуем обратить внимание на вопрос, обеспечивают ли ракурсы наибольшую информацию о продукте и позволяют ли судить о нем? Попробуйте и убедитесь в ожидаемых проблемах на ранней стадии скетчинга. Где должен быть акцент? Что же вы хотите сообщить? И что будет подчеркивать этот ракурс взгляда? Эти простые, но эффективные вопросы надо держать в уме. Конечно, вы можете добавить цифровое изображение на рисунок. Это ускоряет процесс и выглядит еще лучше в презентации. 64
3.4 ПЕРСПЕКТИВА НА УРОВНЕ ГЛАЗ Объекты, которые больше, чем рост человека, часто рисуют в перспективе с высоты птичьего полета. Это гарантирует обзор объектов и обеспечивает информативность ракурсы взгляда, в которой информация о форме и общих пропорциях может быть передана очень эффективно. По этой причине при проектировании больших объектов часто выбирают обзор с высоты птичьего полета. 3.4.1 От высоты птичьего полета до перспективы на уровне глаз Для отображения восприятия большого объекта в реальной жизни, однако, нужна перспектива на уровне глаз. Эта ракурс взгляда может быть легко получен из эскиза с высоты птичьего полета. 65
Этот переход может быть сделан, если осознаем, что мы, как правило, рисуем в 2-точечной перспективе. Линии в вертикальном направлении – не в ракурсе. Таким образом, вертикальные линии объекта в перспективе с высоты птичьего полета имеют буквально ту же длину, что и на уровне глаз (см. цветные стрелки). Другим преимуществом является то, что независимо от того, как высоко или низко мы нарисовали объект, ширина формы (и рисунка) остается такой же (см. черные стрелки). Начните с рисования (красной) поверхности через объект на уровне глаз. Нарисуйте горизонт. Горизонтальное расстояние между вертикальными линиями (черные стрелки ) остается то же и на уровне глаз. Эти линии пересекают горизонт. Все выше красной поверхности будет появляться над горизонтом и на уровне глаз. При подключении этих линий, начальная форма будет появляются на уровне глаз. Не только длина и расстояние могут быть связаны с горизонтом, но также и другие вертикальные или горизонтальные измерения. Гребень крыши, например, можно нарисовать, используя горизонт, но также и относительно линий рисунка. Этот способ перехода точки зрения работает относительно быстро и, в большинстве случаев, бывает более точным, чем рисунок прямо на уровне глаз. 66
Скетчи дизайна пляжного домика дают хороший обзор и информацию об общей форме дома, но для визуализации представления реальной жизни о нем, необходима перспектива на уровне глаз. Основны переходы на рисунок с высоты птичьего полета на уровень глаз такие же, как только что объясненные: горизонтальные и вертикальные измерения останутся без изменений (показано стрелками). Но есть кое-что еще. Большие объекты имеют более сильное перспективное искажение, чем более мелкие объекты. Имея это в виду, рисунок, который используется для перехода, должен иметь большую, чем обычно, сходимость, и рисунок на уровне глаз должен иметь достаточное перспективное искажение. Совет Всегда начинайте с самых больших размеров. Это позволяет показать общую форму так быстро, как только возможно. 67
В этом линейном рисунке теневые линии были утолщены. Как раз перед этим первые результаты перехода рассматриваются критически и делаются поправки и корректировки. Это важный этап; позвольте себе руководствоваться обоими перспективными правилами и вашим «глазом». Оценка «на глаз» является одним из самых важных критериев в рисунках и других визуализациях. Вы можете поместить эскиз в имидж, чтобы добавить достоверное контексту окружающее «настроение» дизайна. Конечно важно, чтобы горизонт имиджа точно соответствовал горизонту на эскизе. 68
3.4.2 Центральная перспектива на уровне глаз В рисунке или имидже на уровне глаз вы можете найти горизонт, растягивая некоторые из перспективных линий. Пересечение лежит на горизонте. Когда вы знаете размер объекта в этом пространстве, вы можете связать его с горизонтом. Здесь стул высотой 45 см становится в 2,5 раза выше на линии горизонта, т.е. таким образом – 113 см. Это намного ниже, чем рост среднего человека; это высота сиденья! Таким образом, интерьер кажется намного выше (и просторнее) на первый взгляд, чем можно было бы ожидать с высоты взгляда стоя. Высота окна, например, в два раза превышает горизонт на 225 см; значительно ниже, чем ожидалось на первый взгляд. На этом имидже вы можете найти такой аспект рисунка, как точки схода (находятся снаружи от правого края имиджа) и уровня глаз относительно человека в комнате. Этот имидж показывает вариацию центральной перспективы. Она смотрится как центральная перспектива, но интерьер становится 2-точечной перспективой, так как есть также точка схода слева в дополнение за пределами имиджа интерьера. 69
Вырез из чертежа рядом с расположением точки схода может резко изменить вид интерьера. Здесь вы видите три эскиза интерьера самолета. На рисунке А пространство не ограничено. Это создает ощущение широкого, открытого и большого пространства. И на самом деле это не воспринимается, как интерьер самолета. На рисунке B подчеркиваются границы интерьера в виде поперечного сечения. Это позволяет показать технические данные в их реальном окружении, но создает впечатление очень маленького интерьера. Рисунок С предпочтителен; выбрана более интересная граница. Характерная форма интерьера чувствуется по-прежнему, но теперь кажется немного больше, чем на рисунке B. Акцент может быть сделан, например, на потолочные светильники. 70
Предложение для стенда в пределах 10 х 10 х 5 м можно начать с рисования непосредственно на уровне глаз. Оба примера – здесь и на следующей странице начаты так. 3.4.3 Рисование непосредственно на уровне глаз Начнем с рисования горизонта. Его высота составляет: рост человка, минус 10 см, скажем – 165 см. Высота примерно 5 м будет распределена 1/3 под и 2/3 над горизонтом. Начните с рисования ближайшей вертикали; оцените схождение перспективной линии над горизонтом, и сделайте еще одну вертикальную линию. Ее длина будет также 2/3 выше и 1/3 ниже горизонта. Таким образом можно нарисовать стену высотой 5 м, но неизвестной длины. Рассчитайте и нарисуйте квадрат и перпендикулярное направление, добавив точку схода слева (скажем, просто на краю вашего листа бумаги). Нарисуйте еще один квадрат в этом направлении, на левом крае. Теперь можно завершить куб, в данном случае с размером 5 м. Вам, возможно, придется настроить куб, прежде чем перейти к следующему этапу: умножению куба. 71
Когда диагонали нарисованы через середину внешней вертикальной линии, квадрат может быть дублирован или размножен. Разумно используя этот способ, можно преобразовать куб в пространство 10 х 10 х 5 м. Эта сетка теперь может быть использована в качестве подложки для рисунков на уровне глаз, как показано выше. Уровень глаз находится на горизонте, так что рост человека впереди 1,75 м. Те же шаги с высоты птичьего полета 72
3.5 ПЕРСПЕКТИВА С УРОВНЯ ЗЕМЛИ (ИЗ ГЛАЗ ЛЯГУШКИ) 73
Рисунок начинается с горизонта и ближайшей вертикальной линии. В обоих направлениях рисуется перспективное сближение; одна точка схода поблизости (просто на листе), другие дальше. Левая и правая границы слегка наклонены и предполагают третью точку схода. Это делает объект визуально больше. Деление этих «вертикалей», например, на половинки и четверти и соединение этих точек, даст вам перспективные направляющие. Обратите внимание на силу перспективы в четвертом шаге, большую разницу в размере двух трейлеров. 74 Специальным вариантом уровня глаз является перспективный «лягушачий» глаз. Здесь зритель имеет чрезвычайно низкую точку зрения над землей, как у лягушки – чуть выше или даже на горизонте. Объект рисуется почти на горизонте. Так как он сейчас гораздо ближе к зрителю, используется сильная перспективная сходимость; обе точки схода относительно рядом. В результате объект смотрится огромным, внушительным, или, в случае транспортного средства, может быть, даже быстрым...
3.6 ПРАКТИКА Если вы изучаете продукт, глядя на его изображение, то вряд ли сможете понять все его формы из одного единственного ракурса взгляда. В этом примере в качестве отправной точки используется вид сбоку 8-мм камеры Braun Nizo 1970 г., (имидж Dieter Rams). Рассматривая то, что показано на верхних рисунках, видим только основные особенности объекта, так как они выделяются на изображении, об остальном получаем весьма смутное впечатление: частично в перспективе (объектив камеры), частично в виде сбо- ку (корпус камеры). Можете видеть, что здесь нет никакой информации об основах конструкции. Сделать эскизы профессиональными можно, сделав видимыми конструктивные особенности. Это показано на втором рисунке – боковом виде изделия, показывающему информацию о форме, например – где ее поверхности переходят от плоских к изогнутым. Различные части продукта и детали сгруппированы и организованы. Части объектива, например, сгруппированы вокруг центральной оси. Добавление затенения облегчает «чтение» продукта. Можете вы реконструировать камеру в перспективе, имея только информацию этого вида сбоку? Подумайте об основных объемах и как они группируются. Не беспокойтесь о деталях; попробуйте найти информативный угол зрения. Здесь ниже показано перспективное изображение с наибольшей информацией о форме. Связанные с этим упражнения для самосовершенства, это: найдите фотографии продукта, проанализируйтеь и попытаться реконструировать его в другом ракурсе. 75
3.7 БОЛЬШЕ СОВЕТОВ Прежде чем начать серьезно заниматься эскизированием, может быть полезно согреться, раскрутиться и расслабиться. Таким образом вы можете также настроить ​​ум и сосредоточиться. Один из способов сделать это – выполнить несколько больших набросков. Каждый из эти х эскизов был сделан менее чем за 2 минуты на бумаге формата A3 с использованием широкой стороны серых маркеров. Покажите свою работу другим, чтобы получить ответную реакцию. Не объясняйте сначала ничего, но просто спросите их мнение. Таким образом, они будут смотреть на него без предвзятости, и могут быть поражены чем-то, что вы упустили из внимания, или придадут другой смысл вашему эскизу. 76 Один из дизайнеров, с которым мы разговаривали, рассказал, что они регулярно проводят презентации для менеджмента. В эти моменты коллеги выступают в качестве конкурентов и выбирают идеи. В этих презентациях лучшие идеи отфильтровываются на импульсе в течение нескольких секунд. Мы подсознательно делаем выбор в течение всего лишь нескольких секунд; восприятие информации занимает немного больше времени. Более полная информацию, которая заставляет вас размышлять, воспринимается за несколько минут. Когда дизайн-предложения представлены на стене, самые убедительные рисунки подсознательно фильтруются в течение нескольких секунд. Дистанцируйтесь от ваших эскизов и сейчас, и потом, в буквальном смысле. Теперь вы сможете увидеть лучше, работают ли они или нет в презентации; как читаются, привлекательны ли, и имеют ли достаточный контраст издалека, или, как соотносятся с другими эскизами.
BEESTUDIO, INDIA. Electric Concept Car with a self-structured platform for a Japanese car manufacturer, 2008. Эти скетчи являются частью исследования концепции дизайна и отражают процесс разработки направления, которое началось с так называемой «навесной» концепции. Здесь автомобиль имеет платформу, на которой собираться части: подвеска, дистанционное рулевое управление (которое, как предполагается, в ближайшее время будет разработано в Японии) и батареи, – все упаковывается в обтекаемый копус. Обычно два или три концептуальных предложения дают заказчику понимание направления и возможность выбора дизайна. Выясняются возможные схемы и упаковка автомобиля, запросы и данные, предоставляемые клиентом, такие, как класс автомо- биля, целевые пользователи, технические характеристики и точки продаж. Двигатели подсоединяются в отдельную структуру на задней части, в случае заднеприводных автомобилей, как навесные моторы. Корпус, наконец, может быть собран на платформе. Моделирование подчеркивает этот язык дизайна, визуально показывающий разделение между корпусом и двигателем, как видно на начальном эскизе. «Я всегда делаю эскиз от руки карандашом, подчеркивая важные детали шариковой ручкой, а затем импортирую ручной эскиз в Adobe Photoshop. Я держу слой с эскизом отдельно от других слоев и рисую поверх этих линий с планшетом Wacom.. » Первоначальный карандашный рисунок, таким образом, используется для создания различных вариаций предложения. Визуализации начинаются в цифровом виде, следуя старой школе технических процедур Canson, но теперь, используя инструменты Photoshop вместо маркеров, цветных карандашей, пастели и белой акварели для бликов. 77
BEESTUDIO, INDIA. Electric Concept Car with a self-structured platform for a Japanese car manufacturer, 2008. Добавление некоторой перспективы в вид сбоку улучшает пространственное ощущение эскизов. Это делается для показа таких частей другой стороны автомобиля, как колеса, детали интерьера, подголовник или боковые окна. Линейные инструменты используются для рисования сильных линий, разделяющих различные поверхности (например, окна, фары, решетки и т.д.), тени и блики в окнах и дверях. В окнах отражается «Виртуальный ландшафт» – это придает индивидуальность визуализации. Для того, чтобы вид сбоку и перспективные визуализации были более реалистичными, части фотографий фар и задних фонарей вставляются в рисунки. Для создания достоверности стеклянных деталей наносятся блики аэрографом поверх изображений, используя кисть с непрозрачностью 15/20. 78
ART LEBEDEV STUDIO, RUSSIA Crane cab for frame and bridge cranes. 2009. Client: Optim Crane «... В стадии концепции проекта, мы активно используется цифровой скетчинг, потому что это помогает нам легко комбинировать различные формы и объемы. Делая это, мы пришли к некоторым конкретным направлениям, которые мы разработали на шаг дальше. Одним из них была идея использовать язык сетки для поверхностей. Мы обнаружили, что идея использования плоских поверхностей идеально подходит для этой цели. После этого мы сделали серию вдохновляющих скетчей, используя главным образом Adobe Photoshop и Alias Sketchbook Pro ... » «... Почти каждый этап эскизов помог нам найти правильное решение. Мы безусловно экономим время и ресурсы, перенося нагрузку на эскизные эксперименты на каждом этапе... » 79
ART LEBEDEV STUDIO, RUSSIA Crane cab for frame and bridge cranes. 2009. Client: Optim Crane После создания основной 3D модели кабины и установки всех важных точек сборки, мы начали скетчинг снова, теперь – чтобы решить вопросы использования, такие как открывание окон, очистка стекол, вентиляция и самое главное из всего – обеспечения отличной видимости для оператора крана. Эскизы были также сделаны, чтобы понять, как использовать некоторые технические объемы и свободные места вокруг оператора крана. Наконец, была создана особая среда, и даже некоторые анимации в 3D. Мы могли таким образом проверить реальный процесс подъема контейнеров и их перемещения. Кабина была спроектирована для одинарного и двубалочного 125 -тонного крана. Ее панорамные окна, которые должны быть установлены при тщательном отношении к технологии, обеспечивают значительное расширение поля зрения. 80
Мега-пассажирский самолет Megalodon by Colani, 1977. Мега-пассажирский самолет базируется на форме акулы Megalodon. Colani представил свою собственную мега-версию пассажирского самолета через семь лет после того, как первый 747-й приступил к обслуживаню. Он имеет четыре полетные палубы, поворотные крылья сзади, и два пятиколесных шасси. Каждая полетная палуба может вместить до 1000 пассажиров. 81
Глава 4. ПРОЦЕСС СКЕТЧИНГА Эта глава продолжает обсуждение приближения рисованием, как описано в предыдущих главах. Только на этот раз мы будем обсуждать более реальные ситуации. Чтобы лучше объяснить различные подходы, предыдущая глава разделяла продукты в отдельные категорий форм: блок, цилиндр и конус, сфера и плоскость. Эта глава начинается с форм, которые являются их сочетаниями и переходит к более сложным формам. Рисование таких аспектов, как перспективные линии, затенения и материалы не рассматриваются отдельно, а интегрируются с формами. 82 По-прежнему важно проанализировать форму объекта и быть в состоянии упростить ее в комбинации геометрических фигур. Полезно на практике построить мысленную библиотеку форм, которые легко воспроизводятся. Это поможет вам рисовать автоматически, не задумываясь, и позволит предсказать, что произойдет, что будет лучшим подходом. Упрожнения для оценки и импровизации ускорят ваш рисунок и придаст ему более интуитивный почерк и, таким образом, приведут к более убедительным и вдохновляющим эскизам.
4.1 НАЧИНАЕМ С БЛОКА? Конечно, вы не всегда начинаете рисовать, скажем, фен – с цилиндра. Если характер объекта является более сложным, чем блок-форма, блок используется в качестве отправной точки, а круговые части добавляются позже. Сравните разные подходы. Фен вверху начинается с блока (трех кубиков друг за другом) и добавляет цилиндрическую часть в одном из этих кубиков. Затем рисуются касательные, чтобы начать формирование ручки. Ниже фен, наоборот, начинается с цилиндра и использует касательные к эллипсам, чтобы добавить ручку. 83
Цилиндрическая форма, конечно, вряд ли когда-нибудь начинается с блока, потому что вы получите много дополнительных линий, которые неизбежно будут возникать по ходу. Этот вид неправильного толкования подхода рисования также приведет к эскизам, которые выглядят без необходимости усложненными. Все эскизы здесь начаты с цилиндров или эллипсов, а не блоков. 84
4.2 СКРУГЛЕНИЯ ОДНОЙ ОРИЕНТАЦИИ Когда цилиндрические части становятся относительно небольшими, мы говорим о скругление. Здесь рассматриваются скругления одной, одинаковой ориентации. Есть несколько подходов к рисованию таких скруглений. Здесь, в пошаговой инструкции, используются более сложные из них, чтобы подчеркнуть связь блоковой формы со скруглениями. В случае четверти окружности закруглений они образуют эллипс, если сложить их снова вместе. Таким образом затенение закругленных краев также образуют цилиндр, когда они взяты вместе. Сравните здесь цилиндрические детали со скруглениями финального эскиза тостера. Когда скругление состоит из четырех четвертей окружности, отдельные скругления можно составить вместе и снова образуется эллипс. Разделив эллипс на четыре части, можно выделить два резко изогнутых закругления (около длинных осей) и два менее резко изогнутых. Последние легче рисовать и поэтому, как правило, они рисуются в первую очередь. 85
При рисовании на цветной бумаге вы можете использовать ту же последовательность материалов для рисования, как и на белой. Это реальная возможность для добавления бликов пастелью и карандашом белого цвета. При применении маркера на округлой форме вы должны определиться, что будет лучше формироваться с помощью линий. Важно, чтобы формы переходов поверхностей были четко обозначены. То есть начало и конец скруглений в этом случае должны быть четко видны. Плоские поверхности могут, например, быть затенены в первую очередь. Затенение применяется только немного на скруглении, которое, как правило, имеет яркий блик рефлекса. Чем ярче блик, тем больше контраста можно будет увидеть в затенения. Когда относительно большая часть скругления не тронута маркером, расширенный градиент пастельным мелком сделает объект глянцевым. Вверху может быть добавлена белая пастель, плюс блик с помощью карандаша. Это, конечно, имеет более резкий эффект на цветной бумаге, чем на белой. Даже на теневой стороне присутствуют некоторые моменты, добавленные белым карандашом, что может служить украшением вида. 86
Оставаясь в рисовании скруглений одной ориентации, как видно на эскизе здесь, частично используем форму блока в качестве ориентира для скругления. Скругление хорошо определяется по верхней поверхность, а затем повторяется на поверхности основы. Преимущество этого подхода заключается не только в быстрых построениях, но это также способ для более сложных комбинаций скругления и возможность свободно адаптировать общие пропорции формы при рисовании. Тостер закончили в Adobe Photoshop, фоновый градиент добавлен спереди назад и от оранжевого до черного с изменением его непрозрачности. Цвет фона удаляется из верхней части тостера, чтобы придать ему более металлический внешний вид. 87
Кроме того, когда скругление находится в ориентации горизонтального цилиндра, отдельные четверти круга скругления снова образуют эллипс, и такими же будут его затенения. Снова можно увидеть соотношение затенений между цилиндром и отдельными скруглениями. 88
4.3 РАЗНЫЕ СКРУГЛЕНИЯ Почти все изделия имеют скругления ребер не только по эстетическим причинам, но также и по конструктивным (от литейных форм, и т.д.). Здесь объединены скругления во всех трех пространственных направления. В наиболее простой ситуации эти три закругления имеют одинаковый размер (радиус). И теперь скругленный угол есть часть сферы. Очень важно нарисовать начало и конец каждого скругления в линейном рисовании. Затем могут быть легко применены затенения. Начав с серым маркером, например, с затенения плоских поверхностей, затем переходим к закруглениям одинаково ориентированных скруглений (как части цилиндра). Несколько закруглений затем заштрихованы как части сферы, формируя создавая объем в виде части сферы. Скругления разной ориентации здесь состоят из трех равных по величине закруглений. Отношения их к друг-другу и к блок-форме можно увидеть здесь, в этих теоретических формах. Закругления, которые находятся дальше всего, не менее видны. 89
Видимые на горизонтальной поверхности скругления (ориентированные одинаково) рисуется в первую очередь. Используйте сечения через начало и в конце горизонтальных плоскостей, прибавляя остальную часть видимого скругления. Скругление, которые едва видно из-за ракурса, предлагается только в виде «дубля линии». Примечание: В закруглениях – гладкие переходы, нет больших «скачков» в затенениях, какие бывают видны в комбинациях форм цилиндра и конуса – только плавные переходы. 90
Пожалуй, следует особо рассмотреть наиболее распространенные в дизайне продуктов скругления, состоящие из комбинации скруглений неравных размеров. Форма могла бы начинаться с самого большого скругления, верхней поверхности в этом случае, на которую добавляются «наружу» поменьше. Рисуются только видимые, другие только предполагаются. Недостатком этого способа, как показано на рисунках слева, является то, что он незначительно увеличивает размер продукта. Для сравнения, меньшее скругление также могут быть добавлены «поверх» начальной поверхности. Таким образом, общая форма продукта остается в пределах нарисованной сначала поверхности. Это может однако, привести к рисунку с множеством нежелательных штрихов. Затенение этих неравных скруглений в основном такое же, как у равного округления, но несколько измененное. Во-первых, правая плоская сторона затенена вместе с двумя примыкающими скруглениями. Угол с разными скруглениями спереди затенен, соединяясь с двумя предыдущими закруглениями. Когда применяется цветной маркер, на скруглении должно быть показано достаточно белого. Скругление воспринимается как очень легкая (светлая) область, особенно в глянцевых материалах. Необходимые градиенты могут быть сделаны пастельным мелком. 91
В этих объектах можно увидеть плоские и слегка изогнутые верхние поверхности. Градиент пастельным мелком на плоской поверхности укажет на глянцевый материал объекта. Примените больше пастели на передних областях, всегда меньше на задних. На слегка изогнутой поверхности этот градиент должен быть сильнее и зависит от направления освещения. Очень важно, чтобы цвет пастели был такой же, как цвет маркера. В большинстве случаев необходима смесь пастельных мелков. Обратите внимание на различные подходы: гладкую поверхность можно увидеть в правом верхнем эскизе, и изогнутые – в верхнем левом объекте. Здесь пастель применяется также в дальнем конце, и немного белой в середине. В эскизе красного объекта выбрано подчеркивание скругления. Совет Если скругления получились очень маленькими, они могут быть представлены двойной линией. Убедитесь, что вы не используете слишком много маркера между этими двойными линиями, так как скругления, как правило, содержат много белого вследствие рефлексов. 92
4.4. ТРУБЫ Трубчатые формы и соединения требуют некоторых упражнений в рисовании эллипсов и сечений. Начинаем с сечений обеих труб. Затем делим пополам эллипс меньшей трубы в том же направлении, что и перпендикулярный эллипс большой трубы. Теперь могут быть нарисованы две поверхности, определяющие примыкание к большей трубе. Определяем наружные точки примыкания. Некоторые дополнительные сечения могут дать больше точек финальной кривой связующего «седла». Еще один способ получить лучшее сопряжение на результирующей кривой, это нарисовать изогнутую квадратную поверхность на большом цилиндре. Она искривлена как эллипс этого цилиндра. В результате соединение должно лежать в пределах этой поверхности. Это также способ получить более симметричное соединение. При горизонтальной ориентации большой трубы подход в основном тот же самый. 93
Трубу согнутую, скажем, под углом 90 градусов, можно увидеть в перспективе под углом больше или меньше чем 90 градусов. Когда угол меньше 90 градусов, а труба сильно изогнута, получаем определенные очертания и затенения. Приближенно можно уточнить очертания объекта в пространстве с использованием некоторых сечений, как показано здесь пунктирной линией. 94
4.5 ПЛАНЫ И СЕЧЕНИЯ Базовые формы, такие, как куб, блок или цилиндр – хорошее начало рисования. Иногда, однако, даже лучше, чтобы отправной точкой являлась плоскость или сечение. Этот метод скетчинга также является хорошим способом тренировать себя рисовать «прозрачно» – это означает, что вы всегда можете видеть сквозь объект, в т.ч. и невидимые точки. Все формы здесь нарисованы из плоскости или сечения. Этот подход к рисованию, возможно, может дать больше свободы формирования объема и возможностей для импровизации, а формы буквально растут под вашими пальцами и могут быть адаптированы почти во всех стадиях эскизирования. Линии сечений также полезны для удержания форм симметричными, так, диагонали могут быть использованы для воспроизведения симметричной кривой. 95
Когда сечения остаются видимыми, может быть передано хорошее понимание формы. Такой подход рисования очень важен, и, как правило, используется с наименее предсказуемыми формами, например, органическими. Рисуется удлинение линий в месте встречи двух сечений для того, чтобы убедиться, что они имеют то же измерение в этой точке. Обычно сечения перпендикулярны. Когда используя этот подход, небольшие скругления могут быть также интегрированы в сечения. Убедитесь, что сечения выполнены в «стратегических» местах; через центр, делящих форму на две одинаковые половинки, или там, где начинаются или заканчиваются скругления. 96
В этих примерах сечения не всегда являются отправной точкой рисунка или пространственного подхода. Вместо этого, они будут добавлены впоследствии для «изгиба или трансформации» поверхности объекта. Поскольку эти линии на самом деле «описывают» поверхность, они являются довольно доминирующими в их внешности, и могут быть даже более полезными при чтении формы, чем для затенения. Таким образом сечения могут какимто образом диктовать, что вы должны увидеть или почувствовать. Здесь вы видите две версии одной и той же формы, созданные только изменением кривизны поверхности. 97
При некоторой практике секции будут размещаться на наиболее эффективных и стратегических местах. Форма может быть во-многом изменена сечениями. Это снова оставляет место для вариантов свободного рисования форм и изменения объекта. 98
4.6 ПРАКТИКА Многие продукты образованы комбинацией форм; сочетание подходов может быть необходимым для их информативного рисования. Например, может быть сочетание круглых и квадратных форм, но с которой из форм начинать, может быть не так очевидно. Начните рисование с анализа формы на виде сбоку. Важно определить измерения и удлинения линий с целью определения соотношения частей. Немного скорректируйте рисунок для получения лучшего результата. Первый рисунок не используется в этом случае. Он может показать реальные пропорции продукта, но ничего не «определяет». Когда правильные измерения определены, как на втором чертеже, общая длина или высота, например, могут быть соотнесены с диаметром чаши. Цилиндры, высота которых такая же, как ширина, рисуются начиная с квадрата (точечная линия), на котором размещаются эллипсы. В этом случае не имеет смысла начинать с рисования куба, как это не делает рисование эллипсов легче, а в результате – тот же рисунок с большим количеством линий. Как правило, лучше просто начать с самой большой формы, и продолжать работу детализацией. Это гарантирует более правильную перспективу рисунка, чем при обратном порядке. Когда вы начинаете с небольшой формы, а затем рисуете большую форму на основе этой поменьше, возможно умножение ошибки, присутствующей в меньших формах, т.е. она становится более заметной в большей форме. Начало рисования с большой формы также даст вам быстрый общий вид вашего рисунка. Чаша рисуется первой с помощью пропорций ее вида сбоку с размещением длинной оси. Затем рисуется сечение в выбранном направлении, и устанавливаются основные пропорции вида сбоку. Обратите внимание: этот выбор направления является решающим моментом в вашем рисунке, так как это ваш выбор ширины эллипса (установленного в настоящее время угла зрения). Хорошим упражнением будет взять существующий объект, в данном случае миксер, проанализировать его форму и попробовать различные уровни упрощения. 99
Используя тот же подход для рисования, возможно несколько уровней упрощения. Когда рисуем по принципу «от большого к маленькому», эскиз может быть остановлен ​​в любой момент времени и основная форма уже будет хорошо видн а . Этот способ также позволяет рисовать эффективно. За ограниченное время можно быть в состоянии сделать понятные чертежи, пригодные для обсуждени я , в то время как большее время на работу обеспечит рисунок с более подробной информацией. 100
IDEA DAO DESIGN, CHINA eAlbum project for Keen High, 2009. Lead Designer: Carl Liu Keen High является одним из крупнейших производителей в Китае в мире портативных MP3/MP4/PMP/Digital Photo Frame/GPS и многолетним клиентом Idea Dao Design. Целью проекта eAlbum было разработать электронный альбом для людей, которые любят заниматься фотографии, пока находятся в пути. Цель была проста и понятна; дизайн должен быть быть карманного формата, тонким, элегантным и удобным. Цифровой альбом оснащен SD-картридером и USB-разъемами для простоты загрузки. Эскизы были сделаны от руки на листе бумаги А4 ручкой, карандашом и маркером. Презентабельные скетчи необходимы, чтобы передать и детали дизайна и главные идеи; а иногда даже включать в себя сценарии, чтобы объяснить, как дизайн работает. Манера эскизов учитывала, что приходилось обеспечивать правильность понимания не-дизайнерами при презентациях. Скетчинг оказался эффективным методом в процессе разработки продукта. 101
IDEA DAO DESIGN, CHINA eAlbum project for Keen High, 2009. Lead Designer: Carl Liu Этот проект прошел через стадию миниатюрных скетчей идей и презентационных эскизов. Эскизы идей были использованы для внутренних обсуждений, чтобы определить исходные концепции. Предложенная концепция была сгенерирована уже несколькими дизайнерами для получения хорошего диапазона возможных решений. Обобщенные результаты были показаны клиенту для оценки, прежде чем пойти вперед к следующей стадии дизайна. Презентабельные ручные эскизы, представленные здесь, были показаны клиенту для принятия решений о возможных направлениях дизайна. 102
VAN DER VEER DESIGNERS, NETHERLANDS. Yepp Mini child bicycle front seat for GMG, 2008 Designer: Joep Trappenburg. Engineer: Albert Nieuwenhuis Yepp является линией велосипедных сидений с мягкой оболочкой. С Yepp Maxi (заднего сиденья) уже разработанного в начале этого года, процесс дизайна этого переднего велосипедного сиденья начался с исследования форм, механизма крепления, укладки продукта и т.д. Первоначальные эскизы были сделаны шариковой ручкой и частично – черным fineliner. Чтобы определить основную форму конструкции, этот ключевой скетч, выполненный шариковой ручкой, был сканирован и частично окрашен в редакторе Corel Painter. Эскиз создан, чтобы исследовать продукт на более детальном уровне с точки зрения формы, укладки изделия, материалов, и объяснения фиксации на велосипеде. Ключевой эскиз механизма крепления включает в себя оцифрованные ручные эскизы, частично окрашенные в Corel Painter. Хотя эскиз был сделан, чтобы исследовать функциональность замка, конструкцию и материалы, он также подходит для внутренних коммуникаций с инженерами и обновлений от клиента. 103
VAN DER VEER DESIGNERS, NETHERLANDS. Yepp Mini child bicycle front seat for GMG, 2008 Designer: Joep Trappenburg. Engineer: Albert Nieuwenhuis «Мы назвали этот рисунок «заморозка дизайна». Это было сделано, чтобы отметить финальное направление проекта и убедить клиента дать нам идти вперед, от этой отправной точки для инженеринга. Этот рисунок показывает все основные элементы конструкции и их связи, используемые материалы и главные характеристики формы. Этот эскиз визуализирует продукт в своей среде: на велосипеде. После этого мы были в состоянии составить впечатление о продукте в использовании без того, чтобы делать модель, и предвидеть возможные конфликты с другими частями велосипеда. На этот раз и линейный рисунок и окраска были сделаны в Corel Painter. В качестве подложки использовалось фото велосипеда». 104
ROY GILSING DESIGN, NETHERLANDS. Client: BEICK. Designers: Roy Gilsing, Joint Schoonhoven, Angelo Jansen Beick Project – инициатива фирмы Scoof. Проект позволяет потребителю создать личный велосипед через Интернете на основе унисекс рамы. Beick возникла из голландских велосипедных традиций и результатов поиска вдохновляющей альтернативы обычному предложению велосипеда. В этой формуле пользователь является центром и велосипед становится продолжением его образа жизни и индивидуальных потребностей. Beick был разработан в Нидерландах и в дальнейшем производится компаниями в Азии. Основные формы частей были отработаны через 3D CAD моделирование. Общение с дизайнером происходило по электронной почте. Каждый раз прототипы пересылались из Китая для оценки. Изучение высоты средней рамы кадра было сделано зарисовками по подложке. Вопрос о том, когда рама становится «мужской» или «женской» был исследован с целью разработки одной унисекс рамы, которая подходит для обоих полов. «... Я обычно эскизирую на бумаге маркером. Начинаю с сине-серой окраски карандашом, иногда черной шариковой ручкой и использую fineliner для контуров и немного более жирный черный маркер, чтобы подчеркнуть тени. После этого я использовать маркеры для теней, темных рефлексов и ярких цветов деталей. Затем я сканирую рисунок, часто в 200 точек на дюйм, без усиления резкости в опциях сканирования». 105
ROY GILSING DESIGN, NETHERLANDS. Client: BEICK. Designers: Roy Gilsing, Joint Schoonhoven, Angelo Jansen «... После первоначальных эскизов боковых видов, дизайн в основном осуществляется с помощью 3D CAD моделирования. Все визуализации получены из этих 3D проектов. Презентация не была необходима, так как мы не работаем для клиента. Эскизы деталей и частей были дополнением для прояснения некоторых аспектов технической детализация для китайских инженеров. Я регулярно выбирал для отправки ручные эскизы для общения, а не 3D-модели. Здесь на самом деле только одно правило: – самая наглядная и быстрая форма общения». «Я использую настройки слоев Adobe Photoshop, чтобы сделать белые части действительно белыми и черные области чернее. Если это разрушительно для легких штрихов маркеров, то я использую инструмент Dodge (в диапазоне подсветки), чтобы отбелить яркие области. Эти яркие маркерные штрихи и области действительно важно не потерять! Иногда я использую градиенты для больших площадей, делая затененные области и фон, или размещая яркие отражения света и блики... » 106
107
Глава 5. ВЫРАЗИТЕЛЬНОСТЬ ЦВЕТА И МАТЕРИАЛОВ В этой главе приведены некоторые широко используемые технологии рисования в отношении к контексту продукта по цвету и материалам: скетчинга на белой или цветной бумаге, цифровому скетчингу и комбинации обоих. Эти методы рисования не сильно отличаются в своем подходе, но в результате рисунки могут восприниматься очень по-разному. Бывают ситуации, когда не используется цвет и ситуации, когда выразительность материалов может быть 108 ориентиром для выбора рисунка материалов. Выразительность матовых материалов в сравнении с глянцевыми, а также стекла и металла обсуждаются шаг за шагом для того, чтобы объяснить использование различных материалов для рисования на разных этапах. Глава завершается темой комбинации ручных эскизов на бумаге, их сканирования и цифровой обработкой, чтобы показать возможные графические и текстурные особенности продукта.
5.1 ПРЕДПОЛАГАЕМАЯ ГЛУБИНА Во второй главе мы пояснили основные пошаговые действия использования материалов для традиционного рисунка, таких, как маркеры и цветные карандашами. Конечно, выбор бумаги влияет иногда на тактику рисунка и создает определенные возможности. 5.1.1 Белый или цветной фоны Когда цвет объекта не важен, ощущение пространства может быть эффективно передано только тенями. Используется белый цвет бумаги для светлых областей, предполагаемое затенение и падающие тени с серыми и / или черными маркерами. С цветной бумагой возникает еще один вариант показа света и тени. Собственные тени все еще могут быть переданы таким же образом, но теперь нюансы могут быть выражены с помощью белого карандаша, тем самым добавляя наглядности к серому диапазону рисунка. Таким образом, с немногим большими усилиями, может быть получен гораздо более изысканный вид. Общий подход к рисованию заключается в том, что иногда даже проще обозначить форму, указав яркие области вместо указания затенений. Эскизы на цветной бумаге на следующей странице являются примером того, как практически рисовать на цветной бумаге. Линии сначала прорисовываются маркерами fineliner. Формы продукта анализируются и упрощаются на сочетания из геометрических форм, таких, как цилиндры, призмы, кривые и переходы между ними. Небольшие закругления игнорируются. Но упрощается не только форма, но и также тональные вариации на объектах. Используется только один серый маркер для минимума затенения и используется черный маркер для падающих теней. Рекомендуется добавлять нескольких слоев тем же маркером, чтобы создать несколько более темные тона, вместо использования разных серых маркеров. Черный карандаш может пригодиться, чтобы сделать градиент. Наконец, мягкий белый карандаш используется для бликов и дополнительных акцентов. 109
110
Когда используется только один тип инструмента, например, цветные карандаши, глубина добавляется в рисунок, в основном, изменением толщины и типов штриховки линий. Иногда линейный рисунок достаточен для описания конструкции в этой точке процесса дизайна. Выбор использования цветных карандашей может быть личным предпочтением. Но, конечно, это может также зависеть от дизайна, когда нужно быть в состоянии начать очень «мягко» и быть в состоянии адаптировать дизайн в одном эскизе до финальных штрихов. Если вы рисуете на белой бумаге, будьте внимательны к выбору цветного карандаша. Например, с ярко-синим трудно изобразить затенение (на самом деле можно усилить яркость в несколько слоев вместо затемнения); вместо этого используйте темный синий. По той же причине темный красный или фиолетово-красный – лучший выбор, чем оранжево-красный. Желтый, очевидно, имеет слишком мало контраста с белой бумагой, так что не стоит использовать его. Эти соображения по отношению к цветным карандашам также должны быть учтены при рисовании на цветной бумаге. Карандаш имеет преимущество в возможности вариаций толщины линии в пределах одного штриха, что иногда полезно в создании акцента или передаче глубины. Это также дает некоторым дизайнерам «больше свободы», или это просто личные предпочтения. Совет Особым видом направляющих линий является поперечное сечение. Во время рисования это очень удобно для сохранения симметрии фигуры. При просмотре это доминирующая линия, которая следует кривизне или «вмятинам» на поверхностях и подчеркивает их. 111
В этих рисунках были использованы только черный и белый карандаши и черный маркер. Вместо серого маркера был использован цветной карандаш. При затенении серым или белым в тонком сочетании могут быть выделены темные или более светлые материалы. Это первый шаг к выразительности материала. Важны два основных аспекта при штриховке: первый – направление штриховки должно поддерживать ориентацию поверхности (см. маркерные технологии). Вовторых, используем многослойный подход, в котором можно добавить немного разные направления штриховки, чтобы получать более темные оттенки. 112
5.2 ОСНОВЫ ЦВЕТА Наиболее широко используется цветовая система Munsell. В этой системе все цветовые вариации могут быть описаны с помощью трех характеристик: оттенок, светлота (уровень) и насыщенность (цветность). Оттенок обычно известен как имя цвета, например – оранжевый, зеленый и т.д. Технически он определяется только его длиной волны. Система Munsell затем предполагает, что это чистый цвет, который может быть смешан с не-цветным черно-белым или серым. Насыщенность определяет, таким образом, интенсивность цвета. Очень насыщенный цвет состоит только из чистого цвета; менее насыщенный цвет – это чистый цвет, смешанный с серым. Яркость представляет собой количество белого цвета в смеси. Яркость зависит от энергетического уровня излучаемого цвета; она может сделать смешанный цвет более ярким. В цветовом круге можно увидеть связь между различными оттенками. Внутренние полосы представляют собой основной цвет. Вторичные цвета получают путем смешения двух основных цветов. Смешивание цветов, которые лежат друг напротив друга в цветовом круге, результируются в серый. Например, первичный красный и вторичный зеленый. Описанная цветовая модель может также быть найдена во многих приложениях фото-редактирования и рисования. Типичный способ визуализации этих цветовых характеристик показан здесь. На внешнем кольце виден оттенок цвета. Треугольник отображает изменения в насыщенности и яркости этого конкретного оттенка. Внешняя правая точка треугольника представляет этот цвет в полном насыщении. К верхней точке становится все больше добавляемого белого цвета; к нижней точке все больше и больше добавляется черного. Перемещение по горизонтали влево, от произвольного места в пределах треугольника, будет, главным образом, вызывать его насыщение. Перемещение к нижней черной точке будет заставлять цвет становиться все менее ярким и менее насыщенным. 113
В природе интенсивность цвета и контрастность, как правило, ослабляются с увеличением расстояния. Близлежащие цвета выглядят теплее, чем на большем расстоянии. Эти явления из природы могут быть применены, чтобы создать глубину в композиции. Это также предполагает, что, как правило, добавленные фоны должны содержать меньшую интенсивность цвета и контрастность и быть холоднее, чем объект эскиза. Очень важно использовать пастельные мелки, которые имеют тот же оттенок, как и цвет маркера, ибо только тогда пространственный и световой эффекты будут достоверны. Если этот цвет выбирают по-другому, эффект не будет работать должным образом. 114 Когда мы эскизируем объект и применяем затенение с маркером, как показано на этом коричневатом объекте, применим только цветовой маркер на левой вертикальной стороне объекта. Такую сторону, как правило, называют «полноцветной» и их можно рассматривать как поверхности с самой большей интенсивностью цвета (насыщенностю). На правой вертикальной стороне сначала использован серый маркер, а затем, поверх, – цветной маркер. Цвет этой стороны менее насыщенный и менее яркий. На верхней поверхности – пастель того же цвета, как цвет маркера, и применяется с градиентом в направлении задней стороны, используя белый цвет бумаги. Цвет верхней поверхности теперь гораздо ярче, чем полноцветной стороны.
5.3 ЦВЕТНОЙ ФОН Также может быть использована цветная бумага, чтобы дать представление о цвете объекта. Это также немного ускорит рисунки по сравнению с рисованием на на белом фон. Как мы видим, в этих примерах вряд ли используется маркер для затенения или окраски. С цветом бумаги в качестве базового цвета некоторые пастельные мелки с более насыщенными и теплым цветом применяется к (частям) объекту, который находится близко к зрителю. Вот эта вертикальная сторона слева является «полноцветный» стороной объекта. Теплые цвета воспринимаются как более близкие, чем холодные, и в этом случае они дают рисунку не только больше глубины, но и богатство диапазона цвета. 115
116
Эскиз начинается с серым маркером, используемым в качестве инструмента скетчинга. Более темные части объекта рисуются черным маркером. Обратите внимание, как введения этого большего контраста уже дает эскизу массу и отвлекает внимание от каких-либо «ненужных» линий. Цвет маркера используется только немного, в основном, чтобы добавить голубые рефлексы. С добавлением пастельный мелков к объекту добавляется цвет. Пастель применяется слой за слоем чтобы обозначить его. Используйте большой кусок мягкой бумаги и широкие движения. Обратите внимание на яркие области на верхней поверхности. Здесь синий мелок немного смешивают с белым. 117
Все материалы для рисования можно использовать как инструменты эскизирования. Этот принцип позволяет также изменять объект на более поздней стадии дизайна. Здесь вы видите полностью преобразованное колесо. 118 Из-за добавления пастельных мелков некоторые темные части стали ярче, тем самым снижая общий контраст рисунка. Теперь используется ластик и темный маркер, чтобы вернуть контраст. Последним шагом в этой последовательности будет применение белого карандаша и ручки для акцентов. Это шаг, который требует больших усилий, но и имеет большое влияние на рисунок. Эти акценты, в основном, применяются в передней части рисунка, повышая ощущение глубины за счет усиления контрастности впереди и понижения дальше.
В этих быстрых скетчах серый маркер используется для начального линейного рисунка. В начале формирования построения он имеет то преимущество, что не заставляют вас отвлекаться на детали. Виден мягкий внешний контур рисунка. Здесь были использованы различные слои и градиенты пастельных мелков для эффекта фокусирования на выбранной форме. Это было далее преувеличено использованием черной ручки и маркера, чтобы придать рисунку еще больше контраста. Пастель, используемая здесь, на бумаге имеет тот же эффект, что и цифровой аэрограф в компьютерной графике. Таким образом, после применения серого тона и отбрасываемой тени в рисунке на бумаге, это также возможность сканировать и закончить эскиз в цифровом виде. Совет: Рисование на цветной бумаге – хорошая подоснова для цифрового рисования. Используйте только некоторые маркеры, предпочтительно темные и пастельные мелки для цветовой индикации. Последние можно сравнить с цифровым аэрографом. 119
5.4 ЦИФРОВОЙ СКЕТЧИНГ Преимущества цифрового скетчинга многочисленны. В дополнение к ощущению современности по сравнению с рисунком на бумаге, цифровой рисунок позволяет адаптироваться к дизайну относительно легко. Кроме того, его легче встраивать в процесс цифрового потока документов. Например, использование цифровой подложки является более эффективным, чем бумажной. Это может быть фото продукта или ранняя пенопластовая модель. Фотографии могут быть добавлены в рисунок, чтобы придать ему больше реализма. 120 Желательно использовать несколько слоев вместо функции «отмены». Последнее имеет тот же эффект, как ластик. Несколько слоев также дает возможность сделать дизайн легко адаптируемым, либо показать больше вариантов одной конструкции. В целом, изменения могут быть сделаны более быстро, чем на бумаге.
5.4.1 Цифровой скетчинг шаг за шагом Если вы рисуете в компьютерных программах, таких, как Photoshop, Painter или Sketchbook, используются аналогичные цифровые подходы. Здесь был использован чувствительный к нажатию стилуса планшет Wacom А4 plus. Начните с выбора цвета холста – не слишком темного и не слишком яркого. Используйте тонкий аэрограф, чтобы сделать линейный рисунок. Здесь был выбран черный или темносерый цвет, чтобы сохранить непрозрачность в 100 %. Добавление цвета было сделано цифровым аэрографом, на этот раз с помощью очень большого размера наконечника и непрозрачностью 10 % или меньше. Вы можете добавлять слои аэрографа и удерживать градиенты мягкими и плавными движениями. 121
Получив базовый (полный) цвет объекта, можно окрашивать теневую сторону, смешивая базовый цвет с темно-серым, что делает его как более темным, так и менее насыщенным. Падающая тень и колеса сделаны плотной кистью / фломастером. Это также позволяет вам изменять основание объекта. Блики добавляются тонким аэрографом, снова с непрозрачностью в 100%. Отдельное внимание уделяется сечениям и деталям. Старайтесь не увеличивать вид слишком сильно, так как ваши усилия на уровне пикселей, вероятно, не будут очень эффективны. Если вы не стираете все мазки кисти, некоторые цвета могут быть оставлены, чтобы создать выразительную поверхность. Добавление другого цвета перед объектом может также быть эффектным трюком. Материал этого чемодана очень глянцевый. Посмотрите, как падающая тень отражается в зеленом цвете. 122
5.5 ВЫРАЗИТЕЛЬНОСТЬ МАТЕРИАЛА 5.5.1 Глянцевый и матовый Сравнение глянцевого материала с матовым на объекте, в основном, определяется двумя характеристиками. Во-первых, можно видеть разницу в контрастах. Глянцевые объекты имеют больше контраста, в то время как матовым объектам в значительной степени не хватает бликов. Кроме того, на плоской глянцевой поверхности виден градиент от полного цвета к белому. Вторая характеристика связана с рефлексами и падающей тенью. Рефлексы доминируют на глянцевой поверхности. Эти рефлексы появляются, в основном, в цвете глянцевого материала. На глянцевой поверхности нет или очень мало отброшенных теней. Матовый материал вряд ли проявляет какие-либо рефлексы, но, главным образом, отброшенные тени. В рисунках, на которых материал продукта выразителен, будет эффективно преувеличивать эти характеристики. Здесь вы видите различные стратегии использования маркеров для выразительности глянцевого и матового материалов. 123
Обратите внимание на « скачок» в бликах в картинке прибора для резки чеснока. Отражение будет иметь цвет глянцевого материала, в котором оно видно. Таким образом отражение коричневатого объекта отображается черным в черном глянцевом. При отсутствии окружения или деталей, которые могли бы быть отражены в верхней поверхности, отражение может быть выбрано, как показано здесь. Верхняя правая поверхность формы справа выглядит изогнутой из-за неправильного выбора рефлекса и градиента; они оба слишком сильно следуют в направлении формы. На форме слева и градиент и рефлекс слегка наклонены в сторону по горизонтали. Это самый естественный вид для них. Особое внимание может быть уделено черным и белым объектам. Пристально поглядев на эти картинки, вы увидите, что белые объекты имеют много темных оттенков, а черные объекты, особенно если они глянцевые, будут иметь много светлых областей. 124
5.5.2 Прозрачность Стекло имеет несколько удобных и отличительных характеристик, которые можно использовать, чтобы показать его на чертеже. Прежде всего это, очевидно, прозрачность. В чертеже это просто означает, что удобно нарисовать что-то позади него, чтобы показать эту прозрачность. На пошаговом примере, например, падающая тень выбрана по этой причине. Округлый предмет, например, стакан также искажает то, что видно через него. Это называется рефракцией. Другая характеристика стекла – сжатое отражение, видимое в материале. Вы найдете эти рефлексы в основном там, где материал имеет большую толщину. Они появляются в основном в черно-белых оттенках. Стекло также очень блестящее, что означает появление бликов на рисунке. Эти блики вряд ли можно увидеть на белом фоне, как на фото. В рисунке для этого эффективно выбрать более темный фон. Здесь это делается с помощью пастели. Во-первых, линейный рисунок выполняется черным fineliner. Можно рисовать очень слабо, особенно в позиционировании базовых эллипсов. Обратите внимание на количество используемых линий и их видимость в конечном результате. Немного Fineliner используется, чтобы затемнить некоторые контурные линии и выразить толщину материала, а также для рисования черных рефлексов в толстых местах стекла. 125
Стекло бросает тень от толстых стеклянных деталей. Этот эффект несколько преувеличивается. Один слой серого используется там, где падающие тени видны сквозь стекло. Несколько слоев серого используются, чтобы нарисовать тени рядом со стек– лом. На самом стекле этот слой серого также используется для затенения и «заостренния» рефлексов. Заметим, что стекло рядом с контуром вообще непрозрачно. Пастель применяется для рефлексов и бликов. В этом абстрактном окружении рядом используется цвет теплее ближе и холоднее дальще, тем самым добавляя к рисунку глубину. Блики и рефлексы, в основном, «рисуются», стирая пастель, немного белым карандашом и гелеевой ручкой, чтобы закончить рисунок. 126
Когда блики важны, опять очевидно, что рисунок на цветной бумаге может быть очень эффективным. Здесь использование белого пастельного мелка в стекле снова создаст выделение на фоне. Ранее было сказано о способе показа прозрачности стекла, помещая что-то позади него. В некоторых случаях предмет уже под рукой, например, как в примере кофемолки или автомобильных окон. Иногда прозрачность стекла будет поглащена яркими отражениями и бликами, особенно на ракурсах поверхностей под большим углом (боковые стекла в автомобиле). В цилиндрической форме вы, скорее всего, увидите это больше в той стороне, где больше кривизна. 127
В значительной степени на таких «плоских» поверхностях, как стекла автомобиля, прозрачность будет оптимальной, если смотреть на них перпендикулярно, а когда смотрим на стекло под углом, видим в основном отражения/рефлексы. Во-первых, интерьер автомобиля рисуется только в черном. После этого используется большой и яркий аэрограф для частичного покрытия этого интерьер снова. Немного цвета дается также стеклу. Яркие отражения видны не только на скруглениях впереди, но также и далеко слева и справа, дальше от зрителя. 128
5.5.3 Металл Представление очень глянцевого металла (хрома) теоретически состоит исключительно из отражения окружающей среды. Когда поверхности хрома изогнутые или округлые, эти рефлексы сжимаются, в результате чего появляется его типичный «полосатой» вид с высокими черно/белыми контрастами. На цилиндрических объектах эти полосы всегда имеют продольное направление. На фотографиях с поверхностями хрома отражения создаются в студийной обстановке, которая может значительно отличаться от реальности. Когда делается рисунок с натуры, рекомендуется упростить эти рефлексы, а также использовать знания о затенениях для пространственности. На вертикальной цилиндрической форме, например, можно использовать темные отражения на одной стороне и яркие отражения на другой стороне, с тем, чтобы добавить ощущение глубины на рисунок. Позиционирование отражений является наиболее важным. Сжатые рефлексы в основном видны на внешних сторонах цилиндрической формы. Когда вы рисуете на белой бумаге в черно-белом контрасте, материал будет выделяться лучше, если вы используете цветное окружение. Это окружение вызывает рефлексы в материале, добавляя, таким образом, эффектность рисунку. Добавление немного синего к верхней стороне и немного охры к низу назвают эффектом «земли-неба», который создает чувство глубины в объекте и обогащает цветовое решение. Это относится к хромированному объекту в пустыне с отражением только земли и неба, как видно на этом снимке. 129
Изогнутый и скругленный металл может отображать неожиданные рефлексы. В рисунке рекомендуется упростить эти отражения, так что они не будут доминировать визуально и вызвать потерю ощущения глубины в объекте. В пошаговом рисунке предполагается теоретическое окружение. Небо дает блики, а мнимое окружение вызывает темные отражения. Эти темные отражения начинают рисовать черным маркером. Затем применяется белый пастельный мелок, охватывающий почти всю форму. На пятнах бликов использовано несколько слоев пастели. Добавление немного синего и охры для эффекта «земли-неба» добавляет только цвет в рисунок. Матовый или пескоструйной металл теряет в высокой контрастности и отражении, так что затенение станет снова более важным. Важно также выбрать правильный серый цвет. 130
Так же, как и ранее, рисунок ухудшается после того, как были применены слои пастели. Применяя маркеры и fineliner в ​​форме, вы увидите, что он вновь возрождается, возвращает свою остроту. Только ча с тично используйте fineliner на черном, так что различие можно увидеть больше в оттенках черного и серого. Опять же, это именно то тональное изменение, которое обогащает визуальную выразительнос т ь или делает объект более реальным. Наконец, некоторые блики задаются белым карандашом и немного белой гуашью или гелиевой р учкой. Здесь также будьте в нимательны с белыми бликами. 131
В этом примере металлические части в основном имеют плоские поверхности. Здесь также нет окружения для отражений, так что они рисуются теоретически. Еще раз, предполагается небо для бликов и мнимые окрестности ниже горизонта на темных рефлексах. 132
5.6 ГРАФИКА ПРОДУКЦИИ Добавлением текстуры или графики относительно простой форме можно м оживить и изменить восприятие эскиза. Это может быть полезным для масштаба и контекста, и это делает простой рисунок более реалистичным при небольшом усилии. Добавление поверхностных деталей могут быть применены на последнем этапе, после назначения цвета основной формы. В примерах вы найдете необходимые шаги для добавления таких маленьких поверхностных подробностей. Начните с серым маркером, чтобы нарисовать контур и заполнить детали. Используйте черный fineliner для отдельных частей или небольших пустот. Принимая свет и тень во внимание, рисуйте серым маркером в сочетании с белым карандашом вогнутые или выпуклые детали поверхностей. Вы можете сделать это легко вручную или с помощью линейки. Могут быть добавлены большие отверстия, а затем обработаны с помощью черного маркера в сочетании с карандашом белого цвета. 133
Применение текстур в рисунках влияет на общий вид продукта. «Нормальный» или привычный фонарик резко изменится. Как видите, эти текстуры, добавленные к продукту, часто используются для этой же цели. В этом примере плоская верхняя поверхность, кажется, становится меньше, вследствие блочной текстуры, добавленной в перспективе. 134
Есть, конечно, цифровые возможности в добавлении таких деталей. Сканирование и добавление графики в компьютере, например, может быть очень эффективным. Графические приложения широко используются для добавления имени или логотипа бренда на эскиз. Добавление текста к дизайну с помощью компьютера сделать легко. Здесь вы найдете слово «fridge», добавленное в виде простого текста с цветом объекта и адаптированное в перспективе. То же самое слово смешано с боковой стороной холодильника с эффектом «тиснения» Adobe Photoshop. Когда рисунок сканируется, помните, что бумажный белый может стать немного темнее. Используйте редактирование изображений, чтобы отбелить яркие области сканирования, оставляя линии без изменений. 135
Некоторые цифровые графические эффекты нелегко сделать вручную. В то же время скетчинг на бумаге остается способом работы с большей свободой для большинства дизайнеры. Решение заключается в создании линейного рисунка на бумаге (сделано здесь шариковой ручкой), и сканировании его, чтобы закончить рисование на компьютере. В качестве положительного побочного эффекта можно отметить то, что ощущение скетчевого рисунка сохраняется. Таким образом, преимущества обоих миров могут быть объединены. Картинка кроссовок показывает некоторые эффекты цифрового приложения, которые трудно или слишком долго делать вручную на бумаге. Серо-голубой цвет с зеленым градиентом, например, легче сделать, используя цифровую аэрографию. Кроме того, изображение реальных трещины смешиваются в текстурах на отдельных местах. Совет Когда каждый цвет продукта имеет свой собственный слой в документе, его настройки можно легко поменять в любой момент. 136
5.7 ПРАКТИКА Это упражнение по подготовке рисунка для цифровых эскизов может быть сделано на цветной бумаге. Формами элементов для использования являются клин и цилиндр. Вы можете использовать их в различных пропорциях, ориентации и комбинациях. Вы можете комбинировать клин с тремя цилиндрами, чтобы сделать автомобиль, или звуковой динамик, или даже сумочку. Просто начните «из головы» и сделайте несколько комбинаций. Пусть ваше воображение поможет вам в создании эскизов. После того как вы «увидите» то, что это может быть, не беспокойтесь о деталях. Эскиз может оставаться открытым для дальнейшего развития, что не требует тщательной проработки формы. Линейный рисунок завершается утолщением линий затенения и линий, соединяющих различные части. Не делайте слишком много деталей, но столько, сколько достаточно, чтобы сделать формы понятными. Эффективно используйте маркер только для самых необходимых затенений, падающих теней и, если объект предполагается быть блестящим, рефлексов. Теперь используйте много (сухих) пастельных мелков. В цифровых скетчах это будет инструмент «Аэрограф». Наконец, добавьте основные детали и акценты. 137
Обратите внимание, что немного белого оставлено на колесах между окраской маркером и пастельными мелками. Этим достигается намного больший контраст, что подчеркивает блестящий внешний вид. Пастельные мелки применяются на корпусе автомобиля для контакта с маркированной областью. Можно увидеть отражение одного из задних колес. Теперь сканируем рисунок и в цифровой форме добавляем продукту графику и (или) текстуры. Вот резиновая шина – добавляются обод и текстура протектора. Убедитесь, что потратили достаточно времени, чтобы тщательно повернуть и отмасштабировать цилиндрические формы для того, чтобы приспособить их к перспективе эскиза. Для реалистичности интегрирования этих части изображения необходимы дополнительные отражения в синем корпусе автомобиля. Кроме того, выбор направления света эскиза должен быть применен ко всем частям изображения. Здесь резиновые шины затемнены и высветлены соответственно. Некоторые блики добавлены для дисков. 138
FLEX/IHE INNOVATIONLAB®, NETHERLANDS. The FlooW is an electrically powered (semi)covered Quadricycle, developed by ComfortMobiel Products for the commuter market, 2010. Мозговой штурм Мы набросали по одной идеи на лист, используя большой маркер и много эскизов. Не важно, что некоторые перспективы нарисованы не так. Количество и скорость – вот что важно. Мы использовали цвет, чтобы подчеркнуть детали и добавили пояснения на выносках. Большинство из этих эскизов предназначены только для внутреннего использования, даже если клиенты часто хотели бы видеть эти рисунки. Фаза скетчей На этом этапе эскизы были сделаны карандашом и fineliner. Некоторые эскизы были сканированы и окрашены в Adobe Photoshop для передачи идей и мыслей. Некоторые идеи были разработаны более динамично, чтобы подчеркнуть эффект. Преувеличение форм, линий и направлений – иногда интересный способ, чтобы передать суть дизайна проекта. Обратите внимание на цвета выделения. Очевидные компоненты FlooW остались без деталей, чтобы подчеркнуть цель изображения. Некоторые тонкие черные линии fineliner были добавлены для большей «глубины» и динамизма в эскиз. 139
FLEX/IHE INNOVATIONLAB®, NETHERLANDS. The FlooW is an electrically powered (semi)covered Quadricycle, developed by ComfortMobiel Products for the commuter market, 2010. Концептуальный скетчинг Этот ручной эскиз был сделан с использованием базовой модели 3D SolidWorks как подложки, чтобы получить правильно построенную перспективу и колеса, что очень важно для убедительного образа автомобиля. На цифровом этапе усилены линии, добавлены и уточнены цвета, например, на заднем колесе, сиденье, правом переднем колесе, чтобы изменить общее впечатление от байка. Так как дизайн остается на стадии концепта, скетчевый рисунок был намеренно оставлен на поверхностях. 3D рендеринг дал бы основание предположить, что конструкция полностью определена, что на этом этапе было явно не так. 3D «эскизная» модель 3D форма может быть изучены на бумаге или компьютере, но ничто не сравнится с реальной вещью. Мы используем пенопластовую модель, упаковочную ленту, дерево, и, в этом случае – палаточные каркасы. Такая модель тоже отлично подходит для обсуждения дизайна. Фотографии таких быстрых композиций могут стать совершенными подосновами! Презентация концепции Этот цифровой рисунок базировался на 3D рендеринге. Огни, отражения, перспектива и эффекты были немного преувеличены, чтобы сделать изображение более ярким и удерживать его концептуальность. 140 Чтобы показать влияние нового стиля дизайна в целом на продукцию FlooW, был сделан этот 100% в Photoshop рисунок формы квадрицикла FlooW. «... В действительности я хотел выразить динамику нового каркаса и его формы. Так что я начал с черного поля, в котором беглые линии света указывают в буквальном смысле на «поток», проходящий через транспортное средство. Нет подробностей, просто основное движение, чтобы выразить основную мысль... »
BMW GROUP DESIGNWORKS USA, SINGAPORE Racing Bike Project for NeilPryde, product introduction 2010. Design team: Joe Tan, Nils Uehllendahl, Sonny Lim. Время разработки велосипеда NeilPryde Alize было относительно коротким. Все цветные карандашные рисунки были созданы исключительно для внутренней разработки дизайна и некоторые из них – для общения с клиентом. Эффективная коммуникация идеи и формы была главной целью этих рисунков. Начальные эскизы были созданы в Adobe Photoshop с помощью имиджей в качестве подложек. Инструменты Dodge и Burn были широко использованы для создания затенений поверхностей и подчеркивания трансформации форм и различных искривлений. 141
BMW GROUP DESIGNWORKS USA, SINGAPORE Racing Bike Project for NeilPryde, product introduction 2010. Design team: Joe Tan, Nils Uehllendahl, Sonny Lim. После подтверждения 2D эскизов от NeilPryde мы начали разработку велосипедной рамы в программе 3D Alias Studio. Так как полная отработка поверхностей в 3D Alias Studio заняла бы очень много времени, мы перешли на совместное использование 3D моделей и 2D рисунков в Illustrator / Photoshop. Эскизы были использованы в качестве подложки для создания 3D поверхностей, а грубые 3D визуализации впоследствии были использованы в качестве подложек по дальнейшему уточнению форм. Целью было определение финального решения поверхностей и линий как можно более точно до создания окончательной 3D модели. Такой процесс позволил спроектировать велосипед Alize очень быстро. 142
143
Глава 6. БЫСТРО И СМЕЛО Вы, наверное, заметили, что, независимо от правильной перспективы и теней, некоторые рисунки «имеют это», в то время как другие просто нет. Рисунок может быть сделано аккуратно, со всеми нужными вещами, такими, как хорошо сбалансированной контраст здесь и там, правильные толщины линий, красиво примененный цвет и так далее, но, к сожалению, все это не делает его «вау» рисунком. На самом деле, это может выглядеть довольно скучно.... дить свой ум и сфокусироваться на том, что нужно больше всего: умении выражать свои идеи и стиль. В этой главе обсуждаются плюсы и минусы, которые могут возникнуть на пути к этому уровню свободного скетчинга. Мы начнем с обсуждения только рисования линий, и после этого – варианта изображения, как развитие вашего эскиза. Некоторые рисунки просто более энергичны и убедительны, чем другие. Иногда быстро сделанный набросок в начале дня является более мощным и убедительным, чем все эскизы, которые вы делали потом, отчаянно пытаясь повторить этот каракули. Именно поэтому мы заявили в начале этой книги, что вы не должны торопиться. Должны быть освоены основы, а затем они применяются так, что можете даже не думать о них. Или, по крайней мере, вы не хотите быть настолько напряжены, чтобы это затрудняло поток идей. Вот что может быть причиной, что этот эскиз получился настолько мощным: вы были спокойны и уверенны в отношении эскизирования задачи. Когда вы освоили большинство необходимых навыков, вам не придется столько беспокоиться или думать так долго о правильном ракурсе или тени. Они, как правило, приходят естественно, сами по себе. И когда вы больше не должны бороться с этими практическими вопросами, вы можете выработать более расслабленное и свободное отношение, освобо- Типичная кривая обучения среди студентов может начинаться свободным отношением к эскизу в начале курса. Затем, когда они осознают, но еще не освоили все аспекты скетчинга, они становятся несколько напряжены. Позже их отношение становится свободнее. Продолжайте практиковать, и чувство напряжения исчезнет. Вы не должны бояться потерпеть неудачу, и вы знаете, что, если один эскиз получится неудачным, у вас есть возможность сделать еще десяток. 144
6.1 ЛИНИИ Как вы уже видели, материал инструмента, используемого после линейного рисунка, имеет большое влияние на восприятие эскиза. Зная это, вы можете рассматривать линейный рисунок в качестве поддержки для последующих материалов, таких, как маркеры. Поэтому стоит удерживать адаптацию формы, пока не будете удовлетворены, зная, что какие-либо «неправильные» линии не будут иметь большого значения позже. Рисунок начинается с длинных тонких линий, которые простираются гораздо дальше, чем габариты объекта. Фокус находится на направлении линий, а не на конечных точках. Изменения формы растут по мере развития эскиза. В определенный момент может быть так много линий, что форма теряет четкость. Затемнение некоторых из линий может прояснить эскиз снова. Линии по затененной стороне объекта могут быть прорисованы немного толще для подчеркивания пространства. Утолщение «теневых» линий также может вернуть ясность в вашем чертеже. Возможно это может быть даже подходящим моментом для использования лекал или линейки. В оригинальном эскизе эти линии затемнены. Это проясняет форму объекта и делает эскиз хорошо читаемым. Применяя только быстрый аэрограф и некоторые подсветки, можете превратить этот скетч в презентабельный пространственный рисунка. В результате получаем разборчивую форму, и эскиз все еще остается спонтанным, благодаря линиям скетчинга. Совет Позвольте рисунку расти и изменяться в своем развитии, а не дублировать начальный образ, который представляли себе в начале. 145
Иногда рисунок бывает скорректирован так, что больше не читается. Решением может быть начать утолщение «правильных» линий. Это, однако, может привести к грязному эскизу и оставляет мало места для вариаций в толщине линии. 6.1.1 Трассировка Не добавляйте слишком много темных линий. Не трассируйте так, как здесь, потому что это приводит к безличным, принужденным линиям. 146 Хотя правильней не делать это привычкой, но может иногда быть мудрым трассировать первоначальный рисунок. Способом трассировки, который не подходит для дизайнерских эскизов, является очень тщательная отрисовка с удалением всех «неправильных» линий. Результат может выглядеть чистым и ясным, но он не является эффективным с точки зрения времени и лишает ваши эскизы непосредственности и, что гораздо хуже, личного почерка . Все такие рисунки обычно выглядят одинаково, без динамизма в своих линиях.
Более эффективный способ трассировать подложки можно увидеть здесь. Убедитесь, что вы пытаетесь отследить ее, как будто вы эскизируете форму впервые, а также трассируйте направляющие. Оставьте место для незначительных изменений на этом пути. Рисуйте с таким же «почерком», которым вы, как правило, пользуетесь уверенно и спонтанно. Ниже вы видите оригинальный эскиз в сравнении с эффективно оттрассированным. То, что они имеют общего, так это ощущение спонтанности. Исходный эскиз, однако, более многозначительный и оставляющий место для адаптации формы, в то время как трассированный рисунок выглядит более определенным. Вы можете сделать вывод, что трассированный вариант (А) является более подходящим позже, в то время как первоначальный эскиз (В) больше подходит для ранней стадии процесса дизайна. 147
6.1.2 Свободное рисование; оптимизация формы После того, как вы попробовали различные изменения, которым рисунок может подвергаться после окончания рисования линий, вы заранее знаете, что есть много места, чтобы сохранить изменения и адаптировать рисунок, хотя эскиз сделан с «определенного» среднего уровня, который не может быть стерт. В этом случае линейный рисунок был использован для поиска нужных пропорций, так что продукт на самом деле формировался во время эскизирования. Это эффективный метод скетчинга, так как правильные пропорции уже имеют значительное эмоциональное воздействие на зрителя и создают начальное впечатление от эскиза. 148
Использование цвета (маркера) и контраста (например, с помощью теней) дает «массу» рисунку и переключает на себя внимание от линейного рисунка. Линейный рисунок затем теряет значимость и становится буквально подложкой. Так что не стесняйтесь достаточно активно использовать направляющие и вносить изменения, пока не будете удовлетворены своим дизайном. Есть сложные ситуации, о которых вы, возможно, знаете заранее, что будет много уточнений в линейном рисунке. Один из способов избежать засорения слишком многими темными линиями и сохранения рисунка – использование рисунка в качестве подложки. В этом случае вы начинаете рисовать светлым маркером или цветным карандашом. Когда форма почти готова, переключайтесь на темные инструменты, как fineliner, чтобы завершить эскиз. Остается не менее важным трассировать линии таким образом, чтобы остался ваш спонтанный почерк, как будто вы рисуете объект в первый раз. 149
150
6.2 ИСПОЛЬЗОВАНИЕ МАРКЕРА / ПОСЛЕ ЛИНИИ Свободно рисовать можно не только линейно, но также и со всеми другими материалами для рисования, как показано здесь. Обратите внимание на способ, где маркер используется как инструмент рисования эскизов. Знание выразительности материла позволяет импровизировать и смотреть вперед. Используйте (маркерные) эскизные линии, чтобы выразить материалы. Акцент применения цветного маркера находится на отражении тени, отбрасываемой корпусами этих пылесосов. 151
Рисование на фактурной цветной бумаге или фоне позволяет вам широко использовать пастель или цифровой аэрограф. Именно поэтому немного цветных маркеров используется в этих примерах. Выбирается один и тот же цвет бумаги и объекта, а затем добавляется только немного теплого цвета пастели на объекте, подчеркивая разницу между фоном и объектом, так как мы воспринимаем теплые тона, как более близкие. 152
Конечно, также возможно получить другой цвет объекта, чем цвет бумаги. Из-за уровня детализации, этот эскиз начинается с fineliner. Можно использовать много линий для точного определения формы объекта. Затем добавляют серым маркером минимальное количество затенений. Немного рефлексов на полу в общих чертах также выполняют серым маркером. Даже на этом этапе вы можете увидеть акцент на детализацию формы спереди. При применении пастельных мелков создается исчезающий градиент в направлении задней стороны, что будет удерживать внимание на передней стороне, где находятся более интересные подробности, а также увеличивает ощущение глубины рисунка. На этом этапе рисунок может выглядеть очень нечеткими и менее интересным, чем раньше, но это будет исправлено на последующих этапах. Затем стерта пастель за пределами формы. Немного пастели остается на полу чтобы обеспечить некоторое окружение для объекта и уточнить рефлексы, что делает весь вид более интересным. Последний шаг в этой последовательности – применение белого карандаша для бликов. Это может даже быть шаг с наибольшим воздействием на рисунок. Опять же, эти блики в основном применяется в передней части чертежа, создавая здесь наибольший контраст и увеличивая ощущение глубины за счет снижения контрастности дальше. 153
154
6.3 ПОДЛОЖКИ Использование подложки позволяет рисовать варианты дизайна быстро, с правильными пропорциями и перспективой. Это позволяет исследовать варианты быстрым и эффективным способом. Если ракур взгляда и размеры остаются теми же, эти варианты могут быть объективно сравнены. Это может быть удобно на том этапе процесса дизайна, когда вы хотите, чтобы клиент выбирал между несколькими концепциями. 155
С другой стороны, серия рисунков, которые близки по размерам и точкам взгляда, также могут стать очень статичными. С той же подложкой лист часто может быть немного повернут, создавая впечатление, что объект нарисован с другой ракурса. Конечно, создание цифровой копии рисунка позволяет делать разные размеры рисунков, чтобы смещать акценты в дизайне и создавать общее ощущение глубины. 156 Используйте картинку, чтобы сделать линейный рисунок для подложки, потому что использование самой картинки в качестве подложки будет означать, что не вся информация может быть видна. Подложка, нарисованная линиями, также имеет то преимущество, что некоторые направляющие, такие, как основные сечения, уже прорисованы.
6.4 ИНТУИТИВНЫЙ СКЕТЧИНГ Эти объекты рисуются очень быстро и без опасений, но с использованием совершенно другого подхода в (линейном) рисунке. Во-первых, рисуются «каракули» линий. Эти каракули становятся источником вдохновения для создания окончательного пространственной формы. Цель этого метода заключается в неожиданном превращении вашего рисунка, которое будет принимать удивительные формы. Могут быть найдены такие инновационные формы, которые вообще не будут казаться очевидным на первый взгляд. Как вы можете видеть, это метод, который лучше всего делать в цифровом виде, так что более яркие слои могут легко покрыть более ранние с черными областями. 157
Начало с каракулями выглядит на первый взгляд странно, но это интересный способ для некоторых дизайнеров, чтобы придумать совершенно новую форму, вместо того, чтобы менять привычные формы. Если вы попросите человека нарисовать бинокль, почти все фокусируется на двух цилиндрических формах или эквивалентах этих форм. Начиная с каракулей, вы можете создать что-то еще. Вы можете увидеть, как происходят эти изменения, на примере поиска новой формы для видео проектора. Это смотрится как интуитивная работа с формой и изменения контуров, как 2D эквивалент 3D моделирования лепкой. Создание и редактирование формы, выбор и отказ, и наконец, детализация и отделка. 158
6.5 ПРАКТИКА Хороший способ попрактиковаться – сделать так называемый «5-минутный скетч». Хороший способ чтобы начать день – сделать рисунок поезда, лампы, стула или будильника. Наиболее эффективным будет рисовать сходу жирным маркером, как мы видим здесь. Через некоторое время вы, безусловно, повысите свой уровень. Не имеет значения, рисуете ли боковые виды или перспективные наброски. Конечно, вы можете также использовать и другие материалы для рисования, такие как fineliner, как показано здесь. Когда появляется много перекрытий и рисунки начинают мешать друг другу, это становится хорошим упражнением в импровизации. Вы можете обратить внимание на конкретной эскиз? Здесь вы можете увидеть множество используемых линий, и в то же время рисунки остаются разборчивыми, когда вы уменьшаете масштаб просмотра. 159
DUCATI MOTOR HOLDING SPA, ITALY Ducati Monster motorcycle, 2007 Ducati Design Team. Senior Designer: Bart Janssen Groesbeek «... Я обычно делаю наброски видов сбоку в качестве исходных идей. И затем продолжаю эскиз в перспективных видах, что также лучше для презентаций... » Эскизы идей некоторых компонентов мотоцикла нарисованы от руки на бумаге. Эскизы бака-сиденья были сделаны, чтобы исследовать различные идеи общей формы и формы переходов. Рисунок в левом нижнем углу был сделан из эргономических соображений. Наконец, глиняная модель в натуральную величину выполнена для проверки проектных решений. Такие части, как реальный моторный блок и колеса образуют основу, по которой моделировалась глина. 160
DUCATI MOTOR HOLDING SPA, ITALY Ducati Monster motorcycle, 2007 Ducati Design Team. Senior Designer: Bart Janssen Groesbeek Ducati Monster – производитель мотоциклов, основанный в 1993 году и создавший их новую категорию. Хотя в настоящее время конструкция, конечно, оснащена современной технологией и языком дизайна, характер этой классики по-прежнему очевиден. Некоторые из них были сделаны на бумаге, используя ручку и маркер, а некоторые в Adobe Photoshop, чтобы добавить мягкие градиенты. Цветные рисунки были использованы для внутренних презентаций менеджменту. В визуализации правильной перспективы важны и цвет и контрасты. Как и во всех эскизах на этой подаче, сетка или изображение не используются в качестве подложки. Форма была прорисована непосредственно от руки. 161
DAIMLER AG, GERMANY. Mercedes-Benz Mclaren SLR Stirling Moss. Interior design Sarkis Benliyan, 2008. В 2007 году было принято решение сделать последнюю версию Mercedes Mclaren SLR вдохновляющей гоночной машиной, такой же, на какой Stirling Moss приехал к победе в 1955 Mille Miglia. К чести водителя, он был выбран, чтобы назвать новый автомобиль «SLR Stirling Moss». С 1955 автомобиль, названный 300 SLR, не имеет обычного ветрового стекла – краткое описание проекта заявило, что и новый SLR не должен его иметь. И вот возникла совсем новая проблема в процессе дизайна: нет разделения между интерьером и экстерьером из-за отсутствия окон и крыши! Можно видеть, что наружная и внутренняя области перетекают друг в друга. На этой странице вы видите развитие дизайна укрывающего кожуха, начиная с первых идей вверху, а затем развитие конструкции в САПР. Ключевые эскизы стиля интерьера, которые видите напротив, были также сделаны на ранней стадии проектирования. 162 Эти эскизы сделаны смешением методов с использованием шариковой ручки, маркера, немного Adobe Photoshop и Illustrator. Эскиз, подобный этому, был необходим для коммуникации технических решений с инженерами, руководством менеджмента и отработки вопросов стиля.
DAIMLER AG, GERMANY. Mercedes-Benz Mclaren SLR Stirling Moss. Interior design Sarkis Benliyan, 2008. Ключевые скетчи Было намерение использовать укрывающий кожух, чтобы закрыть интерьер, но оказалось труднее, чем ожидалось, обеспечить его функционирование должным образом. Но нам удалось решить систему кожуха разделением его на три части, что обеспечило достаточно маленькие модули, которые помещались в багажнике автомобиля. Корейский дизайнер экстерьера Il-Hun Yoon и я были в постоянном диалоге с инженерами проекта на Mclaren во время этого процесса. Эскизы показывают различные «языки эскиза», которыми я говорил в проекте. Чтобы убедить своих руководителей, я должен был сделать красивый автомобиль красиво, с хорошими рисунками. Они согласились, что интерьер должен иметь плавные линии, сексуальные объемы, простоту и элегантность. С другой стороны, мы должны были сделать автомобиль функциональным! Примерные эскизы шариковой ручкой были сделаны в ходе прямого разговора с инженерами McLaren. Мы решили этим способом много проблем. Это было экстраординарной задачей – сделать и стайлинг, и концептуальный инженеринг в проекте, но это помогло упростить машину и сократить процесс. Окончательный рендеринг 163
164
Глава 7. КОНТЕКСТ ПРОДУКТА Эскиз, созданный в процессе дизайна, может быть совершенно понятен для всех, кто участвовал в этом процессе. Но если изъять его из контекста дизайна, особенно когда он очень инновационный, для человека со стороны может быть совершенно непонятно, что к чему и о чем это все. Шаг к менеджменту, например, может выделить эту проблему. Чтобы объяснить идею проекта, необходим общий контекст – во многих слу- чаях контекст использования продукта. Скетчинг во время мозговых штурмов не всегда фокусируется на форме объекта. Иногда контекст общей идеи требует наибольшего внимания. С этим тесно связана последовательность скетчей, таких, как руководства пользователя, инструкции и сценарии продукции. В этой главе рассматриваются различные эскизы и то, как они соотносятся с контекстом продукта. 165
7.1 ДОБАВЛЕНИЕ ДЕТАЛЕЙ ПРОДУКТУ Вы можете превратить очень простую форму в продукт, добавляя типичные детали, такие, как швы между частями, накладки, кнопки, дисплеи и шнуры. Это имеет много преимуществ. Для зрителя эти детали передают информацию о размере продукта и придают эскизу более реальный характер, что может сделать его проще для понимания. Для дизайнера это может служить в качестве средства оживления идеи продукта и стимулирует нас больше думать об идее. Добавление таких деталей может быть сделано относительно быстро, но они могут резко изменить эскиз. 166
Из-за важности деталей продукта стоит найти правильную компоновку для ясной подачи информации. Это можно легко сделать на виде сбоку, используя цвет фона, линейку, лекала и шаблоны. Рисунки в полном масштабе могут помочь с эргономическими вопросами. Используйте собственную руку для помощи в изучении размеров деталей. Совет В обоих примерах цвет объекта не зависит от цвета бумаги. Добавления немного пастели и небольшой разницы в цвете будет достаточно, чтобы обозначить цвет. Совет Многие продукты имеют «лицо» на виде сбоку, который говорит больше о продукте и является его наиболее характерным видом. Именно такой ракурс взгляда обращается на вид сбоку. 167
168
7.2 МАСШТАБ И РАЗМЕР Начиная с той же базовой формы, вы можете создать различные виды продукции. Многие небольшие устройства имеют обычно швы, разделяющие его части. Но если детали имеют разный характер, масштаб основных форм вдруг, как кажется, меняется без изменения перспективы или размера эскиза. Опять же, мы должны подчеркнуть эффект деталей в масштабе чертежа. Изменяя их в этом, мы уменьшаем контейнеры до размера стойки для бутылок. Совет Это не только подробный вид, но также и показ размеров. Небольшие детали очевидно создают впечатление большого объекта. 169
Космическая станция предположительно огромная, начиналась на цветной бумаге с линейного рисунка с комбинации центральной перспективы (сходящейся в одной точке) и 3-точечной перспективы. Были использованы много линий, чтобы найти пропорции. Затенения добавлялись серыми и черными маркерами и втиранием значительного количества пастели, чтобы создать небольшую драму. Наконец были добавлены блики (белая пастель и цветные карандаши) и детали, чтобы закончить рисование. Особое внимание было уделено сферической перспективе не только добавлением градиента, но и более подробной проработкой частей, обращенных к зрителю и менее – находящихся дальше. 170
Готово? Еще нет. Резкое изменение атмосферы может быть достигнуто цифровой доработкой изображения. Добавление фона и переоценки контраста может производить совершенно другой эффект. Добавление окружающей среды может объяснить продукт лучше или более эффективно. Это может добавить «вау-эффект» или больше настроения скорости, опасности или даже комфорта. Рисование без контекста менее понятно, чем с контекстом. Вы хотели бы показать это как первый карандашный эскиз концепции... чего? Вы не можете немедленно опознать этот объект. 171
7.3 ФОНОВЫЕ ИЗОБРАЖЕНИЯ Есть различные способы объединения эскиза с фоновым изображением. Наиболее доступные на сегодня позволяют в буквальном смысле использовать его в качестве фона. Изображение находится «далеко позади» эскиза, связь между эскизом и изображением может быть просто по ассоциация, цвету или языку форм для передачи эмоции или атмосферы, изменяя впечатление от эскиза. Следующий пример относится к крану на предыдущей странице. Этот первоначальный эскиз имеет выраженный хром. Эффект «Земля и небо» достигается с некоторым добавлением охры и голубого. Фоновые изображения, как правило, предназначены для поддержки эскиз, но и не должны отвлекать внимание от него. Это означает, что фоновое изображение должно быть слабее в отношении цветового контраста, или более холодного цвета, так что эскиз впереди остается в центре внимания. Здесь вы видите изображение, которое переплетается с эскизом более тесно, сотрудничая с ним. Теперь все более важными становятся другие вопросы, такие, как реалистичность. Во-первых, перспектива изображения немного изменена, чтобы подходить к эскизу. Во-вторых, эскиз и изображение отличаются визуальным качеством. Это, главным образом, глубина цвета, контрасты и уровень детализации, что позволяют читать файл или эскиз. На этом этапе их лучше сохранять отдельно. 172
Что происходит, когда мы постарались разместить этот эскиз рядом с плиткой, показано здесь. Теперь вы можете понять, почему не можете просто объединить любую картинку с любым эскизом. Необходимы некоторые составляющие. Перспектива обоих должно быть с одной и той же точки взгляда, линией горизонта и точками схода. Более того, уровни контрастности, цветовой насыщенности и детализации должны быть совместимы. Возьмем, к примеру, две произвольные картинки и сравним их. Эти моменты, безусловно, будут уникальными для каждого изображения. Подробнее об интеграции хромированного объекта в изображение. Хром состоит в основном из отражений окружающего, так что это и есть способ интегрировать имидж плитки с краном, добавляя его рефлексы. Рисунок, вырезанный из его окружения, показывает, как много было изменено в оригинальном эскизе, чтобы сделать его совместимым с окружением. В конечном изображении вы видите эскиз в его окружении. Материальное выражение «земли и неба» были заменены отражениями реальной обстановки. Чтобы подчеркнуть это больше, была введена темная полоса из плитки, чтобы сделать эти рефлексы еще более заметным. 173
7.4 ТРАССИРОВКА ЧЕЛОВЕЧЕСКИХ ФИГУР В процессе дизайна продукт может быть помещен в контекст своего потребителя рисованием его вместе с человеческими фигурами. Это может служить различным целям. Упомянем только немногие: он может помочь нам считывать масштаб продукта и объяснять, как он используется и какие ощущения вызывает, особенно когда дело доходит до инновационных продуктов, где не все кажется логичным или знакомым. Это также полезно при презентации группе заинтересованных сторон, которые не знакомы с процессом дизайна или не имеют знаний о технических аспектах продукта. В этом разделе вы найдете несколько причин и способов, чтобы привлечь человеческие формы, используя их для изображения в подложке. Этот способ удобен, если у вас нет опыта рисования людей, что часто бывает с промышленными дизайнерами. Поиск подходящего изображения должен быть проделан тщательно, потому что многое сообщается, иногда даже подсознательно, через позу человека. 174 Начав с распечатки изображения, мы используем кальки, чтобы выполнить трассировку фигур. Это обеспечивает более эффективную подложку, чем исходное изображение, так как не все штрихи и детали могут быть четко видны через бумагу, окрашенную маркером. Для цифрового варианта этой про- цедуры этап изготовления подложки может быть опущен. Трассированные фигуры могут быть использованы непосредственно. Может быть удобным разместить полупрозрачный слой между изображением и слоем рисования линии, чтобы иметь лучшее представление о рисунке.
Совет Ввод слишком многих деталей в лицо часто только ухудшает рисунок, так что постарайтесь свести к минимуму черты лица. Как правило, совершенно не требуется выражать эмоции. Здесь вы видите исходную подложку. Убедитесь, что вы трассируете с пространственным подходом, используя направляющие, если это необходимо, и делая достаточно деталей, так как этот эскиз будет использоваться в качестве подложка и должен быть трассирован снова. Можно также цифровым способом нарисовать силуэт человека, создав более абстрактный рисунок. 175
7.4.1 Руки Другая ситуация может потребовать объединения продукта с человеческой рукой. В то время, как изучает форму, вы можете найти необходимым изучить взаимодействие с ней человека в плане отношения объекта к руке. В этом случае, обозначив траекторию движения, можно изучить вопросы эргономики, например, удобство удержания и размеры объекта могут быть визуализированы, исследовали и обсуждены. Это то, что трудно сделать с одиночными эскизами продукта. Совет Используйте фото руки, держащей блок простой формы, как подложку объекта. При рисовании руки на кальке, вы должны также прорисовать часть продукта. Это означает, что перспектива продукта не должна быть потеряна. 176
Как и при рисовании людей, вы должны сделать подложку из рук в различных положениях. Это нелегко сделать с пустыми руками. Поэтому желательно использовать объекты для имитации различных способов их использования – щипая, наливая, удерживая с силой, или проводя мягко. Это все сознательно или подсознательно видно в положении рук. Используя трассировки руки в качестве подложки, вы можете эскизировать как руку, так и продукт одновременно. Это гарантирует, что они будут показаны в одинаковой манере. Кроме того, чтобы гарантировать, что общая перспектива остается неизменной, прорисовываются части основной формы продукта. Габаритные линии объекта и руки затем утолщаются. Рука и объект могут быть интегрированы через отбрасываемые тени и отражения. Убедитесь, что рука затенена минимально, чтобы не привлекать слишком много внимания. И, наконец, объекту дается цвет и добавляются рефлексы, чтобы сделать взаимодействие более реалистичным. 177
7.4.2 Люди Вы можете поискать в Интернете нужные изображения, но так как точная поза очень важна, вы не всегда сможете найти подходящую. Самый простой способ, чтобы обеспечить для себя подложку – создать свою собственную. В этом примере конструкция тележки нарисована схематически в отношении человека. Целью является показать масштаб и посмотреть, как продукт подходит к контексту пользователя с точки зрения эргономики и на уровне детализации. Совет Мы нарисовали круги на картонной коробке, которые можно будет использовать для рисования правильных эллипсов колес. Используя подручные материалы, вы можете построить ситуацию, в которой показан человек относительно нейтрального объема, в этом случае – картонная коробка и палки. Этот бросовый материал нужен только для того, чтобы имитировать перспективу и объем. В то же время интересно, что поза человека будет естественной, что не может быть в случае сочетания с произвольной фотографией. Сочетание продукта с человеческой фигурой позволяет нам осветить несколько вопросов. С помощью человеческой фигуры в качестве ссылки легче воспринимать уровень детализации и наблюдатель в состоянии представить себе, как продукт используется. Фигура также передает ощущение масштаба относительно продукта. Когда показывается человеческая фигура в сочетании с продуктом, важно использовать более или менее одинаковый стиль в эскизах того и другого. Убедитесь, что они оба нарисованы из одной и той же точки взгляда (в одно ракурсе). Умение найти подходящий уровень детализации для человека, чтобы поддерживать правильный баланс во всем эскизе, может потребовать некоторых упражнений. Ввод слишком многих деталей на человеческой фигуре может привести к размыванию смысла эскиза, или отвлечь от идеи продукта. Важно, что упор удерживается на продукте, в то время как человеческая фигура существует здесь только для того, чтобы пояснить идею. 178
Человеческая фигура в этих примерах используется только для масштабных целей; здесь нет текущего взаимодействие с продуктом. Эскизы изделий остаются просто наводящими и не на реалистичном уровне. По этим двум причинам человеческие фигуры очень абстрактны – такие, чтобы не привлекали слишком много внимания. Люди и их эскизы воспринимаются в самом прямом смысле, а не так, как любые другие формы. Таким образом, хотя люди здесь изображены только силуэтом, они уже предполагают определенный вид целевого пользователя. 179
Цифровое изображение служит отправной точкой для этих силуэтов. На правой стороне видим слишком сильный акцент на человеческом облике. В окончательном чертеже размер контура и цвет регулируется соответствующим образом. Эти два аспекта создают баланс между эскизом и человеческой фигурой. 180
Совет При использовании цифровой опции multiple смешивания слоев, вы можете превратить нейтральный фон в окрестностях в абстрактный, подчеркивая атмосферу эскиза. Люди в этих примерах очевидно привлекают большую часть нашего внимания, в то время как продукты, которые они используют, в основном видны через цветовые акценты. В этом примере форма продукта пока не важна, и, следовательно, определена нечетко, так как это будет только отвлекать от главной цели этих эскизов. Они имеют вид, который вы могли бы найти в сценарии продукта, до превращения его идеи в объект. Эскизы, которые вы видите здесь, визуализируют вид целевого пользователя и форму взаимодействия, спровоцированную или инициированную с помощью этого продукта. Фоны также поддерживают ощущения и обстановку, в которой это взаимодействие происходит. Эти эскизы визуализируют то, что продукт может спровоцировать в реальной жизни. Они могут подходить для презентаций и обсуждений с людьми вне пределов области продукции, чтобы передать им идею продукта. Может быть важно заполнить рисунок многими деталями этого контекста, как только это возможно. На этом этапе проектирования идея может жить только в головах вовлеченных людей и эскизы являются средством показа сути вещей для тех, кто участвует в их обсуждении. Чем больше деталей вы изобразите в эскизе, тем больше будет решений, которые можете спровоцировать. Когда сценарий завершен, эскизы могут также обеспечить вход в процесс дизайна путем визуализации взаимодействия между человеком и продуктом. 181
JAM VISUAL THINKING, NETHERLANDS Supporting idea and concept generation based on macro-trends for Just Imagine 2009. Sketches by Jan Selen and Jeroen Meijer Инновации являются частью каждой стороны жизни общества в наши дни, и большинство компаний не используют эскизы для целей коммуникации, как это делают дизайнеры. Несмотря на все красивые слова, сказанные и написанные, компания JAM помогает клиентам понять их идеи лучше, создавая эти эскизы. Эскиз может поймать идею только в одном изображении, которое помогает участвующим людям понимать и передавать свои мысли и идеи. Создавая такие эскизы, вы должны понимать, для кого они предназначены. Простота является ключевым словом, и уровень информации должен быть сбалансирован внутри контекста, где используются визуальные средства. Целью в данном конкретном случае было поддержать пошаговый подъем уровня информированности во время презентации. Поэтому способ представления был сведен 182 к скетчу продукта с небольшим техническим фоном в сочетании с некоторыми дополнительными пользовательскими сценариями. Эскизы служат как визуальные направляющие, которые поддерживают то, что нужно сказать о концепции. Использование маленьких скетчей сценария, объясняя концепцию продукта, может помочь аудитории проявлять сочувствие к пользователю и понять необходимость продукта. Так как клиент объясняет свои идеи, грубая настройка общей концепции является наброском «в прямом эфире». Это создает общее ощущение для эскиза и дает отличный способ проверить, вся ли информация верна. Целесообразно привлечь клиента с самого начала. Набросок примерной концепции о том, какие необходимы эскизы, чтобы передать историю или идею, привлекает и вызывает клиента переосмыслить содержание своей истории.
JAM VISUAL THINKING, NETHERLANDS Supporting idea and concept generation based on macro-trends for Just Imagine 2009. Sketches by Jan Selen and Jeroen Meijer После первоначального эскиза предложение для следующего этапа отправили клиенту для обратной связи. Как правило, всегда будут небольшие поправки, так как в здесь в первый раз идеи клиента принимают наглядную форму. Затем эскизы были завершены с помощью Alias Skefchbook Pro. Раскраска выполнена очень простой. Использование одного поддерживающего цвета эффективно создает обстановку и позволяет указывать места фокусных точек небольшими изменениями цвета. 183
7.5 ШАГИ И ПОСЛЕДОВАТЕЛЬНОСТИ Типичный контекст для эскизов может быть найден в последовательных рисунках, таких, как те, которые мы находим в инструкциях или пользовательских руководствах. Здесь каждый эскиз связан с предыдущим и следующим в плане последовательности. Это серия рисунков предназначена для информирования пользователя, поэтому объект и процедуры должны быть четкими. Это требует информативных точек взгляда и согласованности, например в затенении, на протяжении всей серии. Если взять ту же точку взгляда на каждом этапе, вся последовательность будет весьма безжизненной. Инструкция, такая, как показанная здесь, также призвана стимулировать действие. Незначительными изменениями в точках взляда и размерах можно обеспечить это и оживить последовательность. 184 В отличие от широко распространенного вида сверху для показа шагов складывания, здесь вы видите перспективу с достаточно большими стрелками, представляющими действие.
Совет Создание куба из площади бумажной основы может помочь в поиске нужных размеров. Чтобы описать действие стрелок, рисуются их позиции на старте, в конце и особенно в середине. Теперь добавляются два квадрата для указания вращения половины круга. Затем может быть сформирована эллиптическая форма. Теперь выберите позицию для бумаги, которая будет давать эскизу пространственную наглядность, и в то же время сохранять узнаваемыми общие шаги и действия. В западной культуре мы читаем слева направо и сверху вниз. Эти направления следует учитывать при создании комбинации последовательных скетчей. В примере самолетика применяются эти направления чтения, в результате чего имеем ясное понимание последовательности шагов. Как вы могли видеть в примере на двух страницах, эти культурные определения маршрута чтения не применяются в буквальном смысле, но принимаются в качестве ориентира для размещения эскизов. 185
7.6 ТОЧКА ФОКУСИРОВКИ Как вы читаете эскиз? Вы можете направить наблюдателя по определенному пути? Можете ли вы сместить акцент в эскизе, чтобы повлиять на наблюдателя? Ответ: да. В этом разделе вы узнаете несколько способов, чтобы создать так называемый точку фокусировки, место, к которому обращается внимание. Самый простой и очевидный способ подчеркнуть часть эскиза – просто добавить круг. Это эффективно направляет наблюдателя к определенное место. В более сложных рисунках, презентациях и тому подобное, этот принцип также работает и может быть усложнен. Но вы должны тщательно сбалансировать композицию, чтобы сохранить фокус на подчеркиваемые элементы и использовать оставшуюся часть эскиза только для поддержки. Здесь вы найдете два метода в черно-белом решении с разницей в контрасте. Для удержания акцента на детали яркостью и контрастностью остальной части объекта выполняются приглушенными. Когда деталь рисуется в цвете, это производит дополнительный контраст и яркость и контрастность остальной части эскиза может быть острее. 186
Эскиз может разрабатываться только частично, исходя из того, что рассматривается только часть комплексного продукта. Дизайн, вырванный из контекста, не всегда может быть правильно оценен, но в то же время из акцентирования части эскиза следует, что это особенная часть. Эскиз выше выполнен полностью цветным, без каких-либо точек акцентирования. В полноцветном объекте точка внимания теряется. В других эскизах часть продукта подчеркнута несколькими способами. И опять баланс в цветовом контрасте между подчеркнутой частью и остальной нуждается в некотором внимании. На большом коричневом эскизе больше внимание привлекается к центральной части, чем в большой зеленой версии. В меньшем зеленом эскизе внимание достаточно жестко размещено на зеленой части, что реализовано и в объеме, и в цвете, а остальная часть эскиза прорисована только в линиях. 187
В контексте дизайна при генерация вариантов или адаптации дизайна, вы не рисуете весь объект каждый раз. Здесь вы видите изменения, нарисованные отдельно. Размещение, например, элемента в контексте объекта может быть сделано по нескольким соображениям: чтобы представить его, чтобы проверить, как он взаимодействует с объектом, или, чтобы подчеркнуть, что это избранная идея. В этом сочетании наибольший упор делается на дизайне части через контраст. Он выделяется более темным и имеет больше подробностей. Более тонкое применение такого принципа можно увидеть в этих эскизах. Часть продукта указывается не точкой фокусировки, а постепенным затемнением. 188
Объекты, которые находятся дальше, воспринимаются менее контрастными с менее насыщенным и более холодным цветом, чем ближние объекты. В архитектуре это типичное явление изза большого масштаба проектов, но это может также применяться к более мелким объектам, как это делается здесь. В дизайне это довольно обычно. В отличие от первых примеров в этом разделе, здесь нет четко добавленной точки фокусирования. Цветовой контраст постепенно угасает к задней стороне. Это преувеличивает пространственную глубину рисунка и объект может выглядеть больше, но он сочетает в себе эффективность рисования и отсутствие эффекта фокуса в реальности. Добавление цифрового размытия эскиза является распространенным эффектом в фотографии. Это на самом деле естественное явление для человеческого глаза, потому что мы можем сосредоточиться только на части того, что видим. Остальные воспринимается только опосредованно, угловым зрением. С помощью цифровой обработки фотографий может быть добавлено размытие, чтобы создать точку фокусировки и добавить глубину эскиза. Конечно, чем меньше объект, тем больше преувеличенным будет это явление. 189
7.7 ПРАКТИКА Это упражнение начинается с изображения насекомых, таких, как стрекозы. Оно состоит из анализа формы и двух продуктов: одного в небольшом масштабе, одного – в масштабе большого здания. Начните с анализа формы насекомого в линейном чертеже. Используйте вид сбоку и перспективный линейный рисунок, и попробуйте считать структуру и язык его формы. Теперь упростите эту форму, скажем, до формы робота. Упрощайте до такой степени, чтобы быть в состоянии воспроизвести ее с другой ракурсы взгляда. Здесь справа вы видите результат. Теперь используйте роботообразную форму для вдохновения на разработку дизайна ручного продукта. Выразите его размер точкой взгляда и уровнем детализации. Наконец, используйте роботообразную форму для вдохновения на разработку огромной, как здание, формы. Опять же, используйте точку взгляда и уровень детализации, чтобы выразить размер. Добавьте элементы, которые передают масштаб, такие, как небо или людей. 190
191
PININFARINA S.P.A., ITALY. Snowgroomer «Beast» for Prinoth. 2008. Designer: Doeke de Walle После анализа дизайна мы представили три концепции в Prinoth. Здесь вы видите одну из этих концепций. Клиент выбрал элементы из двух различных визуализаций, которые мы смогли совместить в одной однородной конструкции. Рисунки, которые вы видите здесь, начались синим карандашом (Faber-Castell Polychromos) на бумаге. Они были отсканированы и импортированы в Adobe Photoshop для окраски, и финальные штрихи были добавлены в Corel Painter. Для того, чтобы сохранить видимыми, но не доминирующими линии эскиза, непрозрачность их слоя была установлена на уровне 50%. Поверх этого добавлено несколько слоев с оттенками. Режим смешивания этих слоев был установлен на «multiply», что позволяет затенению гармонировать с другими слоями ниже. 192
PININFARINA S.P.A., ITALY. Snowgroomer «Beast» for Prinoth. 2008. Designer: Doeke de Walle Установка режима смешивания слоя на «multiply», сохраняет нижележащие слои с линиями эскиза видимыми. Это также позволяет буквально размножить затенение на слои ниже, здесь – для гусеничных элементов и окружающего снега. Немного размытия и снег были добавлены на вершине траков, чтобы создать впечатление движения. Эффект снега создается с помощью комбинации нескольких стандартных кистей «scatter» в Photoshop. Карбоновая текстура на нижней стороне черного корпуса была создана путем применения фильтра «Sketch - Halftone Pattern» на светло-сером слое, который затем был установлен в «multiply». Грумер траков и нож скопированы из CAD-модели и изменены с фильтром «Sketch-Stamp» в Photoshop, чтобы интегрировать компьютерное изображение с рисунком. Это сохраняет рисунку характер ручного эскиза. 193