Как атлеты становятся Олимпийцами? Годы тренировок позволяют обрести им форму, поскольку изнурительные тренировки укрепляют силу и выносливость. Они изучают принципы своего вида, чтобы разработать тактику, которая позволит им победить. И наконец, они все время готовы учиться на ошибках и неудачах. Применение изученного на практике - вот что создает великого спортсмена, успех которого - отражение его упорной работы. Как дизайнер, вы можете тренировать свою кретивность, чтобы быть тренированным как спортсмен. Прочитайте об этих коротких упражнениях, чтобы развить вашу кретивность и форму.
Зачем Дизайнеру Тренироваться
Умение управлять своим временем - один из важнейших элементов в наборе начинающего дизайнера, которому он может научиться. Использование свободного времени для развития своих дизайнерских навыков очень важно для повышения дизайнерского уровня. Традиционные профессора по искусству часто заставляют своих студентов рисовать постановки в ограниченных временных рамках, чтобы улучшить их чувство времени, развить навык решать задачу. Дизайнеры могут заниматься таким же образом.
Ниже приводятся преимущества привычки тренировать свои дизайнерские навыки:
- Научитесь быстрее генерировать творческие идеи.
- Научитесь отсеивать неподходящие для дизайнерского проекта идеи.
- Узнаете как эффективно распределять время по ходу работы над проектом.
- Разовьете общие дизайнерские навыки.
- Уменьшите или избавитесь от ненужных для дизайна привычек.
Упражнения для Дизайнера
Тут собраны три двадцати минутных упражнения, которые выжмут из вас сок креативности. Каждое может потребовать время на приготовление, как и обычное упражнение. Если вам нужно остановится после упражнения, обратитесь к своей левой не творческой части мозга, попроизностие свое имя задом наперед. Делайте их раздельно или все вместе, чтобы устроить себе настоящий дизайнерский тренинг!
Дизайн Логотипа
Дизайн логотипа - одна из областей в индустрии дизайна, которая является фундаментальной частью учебного процесса. Создавая идентичность для клиента, вы оказываете существенное влияние на его будущее на рынке и на стратегии продвижения. Поэтому очень важно, чтобы вы осознавали влияние вашего творчества на клиента.
Подготовка и Упражнение
Зайдите на популярный краудсорсинг сайт, где делают дизайн логотипов. Не беспокойтесь, вы не будете поддерживать их спекулятивную работу. Однако, это отличная практика, в которой моделируется ситуация работы с реальным клиентом. Выберите запрос дизайна логотипа в случайном порядке или бегло просмотрите список, чтобы найти тот, который вам нравится. Эти сайты часто предоставляют информацию о происхождении компании, отрасли, пожеланиях и ожиданиях.
После того, как вы определились с запросом на дизайн по вашему выбору и прочитали соответствующую информацию, кратко сделайте заметки для справки. Теперь, когда у вас есть общее понимание ожиданий вашего воображаемого клиента, вы можете начинать упражнение.
Создайте столько концепций для логотипа, сколько сможете в рамках двадцати минутного упражнения, основываясь на требованиях клиента. Набросайте в черновую все идеи, которые пришли к вам в голову, в связи с оригинальным запросом на дизайн. Помните, что вы разрабатываете профессиональную идентичность для вашего клиента, однако, позвольте себе быть открытыми всем творческим идеям.
Типографика
Типографика - это прекрасный мир написанного, который позволяет тексту ожить. Креативно скомпонованный текст может оказывать сильное воздействие на зрителя.
Подготовка и Упражнение
Зайдите в интернет и найдите популярную цитату. Вы всегда можете выбрать одну, но будьте открыты к разным малоизвестным цитатам - это расширит вашу креативность. После того, как вы выберите цитату, откройте Photoshop, чтобы начать работать на одном большом документе.
Используя выбранную цитату, посмотрите как много способов вы можете придумать, чтобы творчески обыграть текст за отведенное время. Используйте различные шрифты, цвета, стили слоев, чтобы делать уникальные комбинации. Попытайтесь передать главную мысль фразы через расположение ее букв и слов.
Фото Эффекты/ Манипуляции
С помощью манипуляций с фотографиями вы можете позволить разыграться своему воображению, изменяя эмоции в вашей работе, при умелом использовании Photoshop.
Подготовка и Упражнение
Это упражнение может потребовать больше всего времени на подготовку. Зайдите на сайт бесплатных стоковых фотографий, такой как sxc.hu . Выберите фотографию (на тему по вашему выбору) в которой есть четкий либо передний фон, либо средний, либо задний или отдельный объект над которым вы можете работать. После того, как вы выберите фотографию, загрузите ее и откройте в Photoshop.
В этом 20 минутном упражнении, вы должны посмотреть сколько различных манипуляций вы можете сделать с фотографией. Используйте любой инструмент Фотошопа, но поскольку это упражнение постарайтесь работать используя только выбранную картинку. Меняйте общую композицию, убирайте элементы, изменяйте цвет, или применяйте подходящие на ваш взгяд эффекты.
Разогрелись? Вопросы после Тренировки
Теперь, когда вы все потные от своей дизайнерской тренировки, вы можете отступить и полюбоваться своими творческими усилиями. Ниже приведен список вопросов, которые помогут вам завершить ваши упражнения:
- Как много идей мне удалось сгенерировать за 20 минут?
- Сбило ли меня что-то с толку? Что? Как это повлияло на меня?
- Какие идеи лучшие / худшие?
- Какие идеи лучше несут в себе посыл?
- Могу ли я заметить в себе какие-то явные привычки, которые проявляются, когда я работаю над дизайном? Какие?
- Какие навыки мне нужно развить, которые помогут мне улучшить мой дизайн?
Вы можете повторять эти упражнения раз в месяц, чтобы отслеживать свой прогресс. Эти упражнения проверяют качество ваших идей, которые возникают в вашей голове, когда вы работаете над дизайном. Узнайте, что мешает вашей креативности, и вы в конечном итоге сможете улучшить работу. Как вы справились? Есть ли еще какие-то упражнения которые вы можете придумать?
Главная задача курса по предпринимательству и инновациям Тины Силиг, преподавателя Стэнфорда и автора новинки «Сделай себя сам » , - показать студентам, что для любой проблемы нужно искать креативное решение.
Для этого она предлагает своим студентам несколько упражнений, которые вы можете взять на вооружение.
Упражнение 1. Лучшая из худших
Группа разбивается на небольшие команды, каждая из которых должна придумать лучшую и худшую идею для решения задачи. Закончив работу, команды записывают каждую из своих идей на отдельном листе бумаги: на одном из них написано «ЛУЧШАЯ», а на другом - «ХУДШАЯ». Затем демонстративно уничтожают листки с ЛУЧШИМИ идеями и каждая команда получает листок с ХУДШИМИ идеями другой команды. После этого им дается задание превратить эту идею в прекрасную.
Результат
Внимательно посмотрев на новые идеи, участники обычно понимают, что они не так уж и плохи. К примеру, группа, которой досталась идея о продаже бикини в Антарктике, придумала лозунг «Бикини или смерть». Их новая идея состояла в том, чтобы отправить людей, желающих привести себя в форму, в путешествие по Антарктике. К концу тяжелого путешествия они могли бы влезть в бикини меньшего размера.
Группа, которой нужно было усовершенствовать идею суши из тараканов, выдвинула предложение открытия для аудитории, склонной к гастрономическим приключениям, ресторана под названием «Кукарача», в котором подавались бы различные виды экзотических суши, приготовленных из нетрадиционных, но при этом питательных ингредиентов.
Это упражнение - отличная возможность распахнуть свой разум для решения проблем. Оно показывает, что большинство идей, которые могут поначалу показаться глупыми, часто содержат в себе интересное зерно. Оно помогает бросить вызов предположениям о том, что идеи изначально хороши или плохи, и показывает, что при правильном состоянии ума вы можете найти что-то ценное в любой идее или ситуации.
Упражнение 2. Цирк вверх тормашками
Запишите все стереотипы в отношении традиционного цирка: большой шатер, животные, недорогие билеты, зазывалы, продающие сувениры, несколько одновременно происходящих действий на арене, громкая и бодрая музыка, клоуны, попкорн, силачи, глотатели огня и т. д.
Далее представьте антипод каждого из описанных признаков. К примеру, в новом списке могут оказаться невысокая крыша, отсутствие животных, дорогие билеты, никаких зазывал, изысканная музыка, отсутствие клоунов или попкорна.
Результат
После того как вы проделаете упражнение с цирком, вам станет гораздо проще думать об изменениях в других отраслях: ресторанах быстрого обслуживания, гостиницах, авиакомпаниях, спортивных сооружениях, образовательных учреждениях и даже в судах и муниципальных учреждениях.
Когда в 1980-х годах все цирковые шоу были до ужаса предсказуемыми и вторичными, количество зрителей постоянно снижалось, идея «Цирка дю Солей» бросала вызов каждому из устоявшихся представлений о том, как должен выглядеть цирк.
Упражнение 3. Достаем бумажники
Участников просят достать бумажники. Затем они разбиваются по парам и рассказывают друг другу о своих бумажниках. Они обсуждают, что в них любят или ненавидят, или говорят о том, каким образом используют их при покупках и для хранения документов.
Результат
Большинство людей, пользующихся бумажниками, в той или иной степени раздосадовано ограничениями этого предмета. Поэтому после завершения интервью каждый из участников начинает создавать новый дизайн бумажника для своего собеседника-«клиента». В распоряжении дизайнера есть только простые предметы: бумага, клейкая лента, маркеры, ножницы, скрепки и тому подобное. Покупателям нравятся новые концепции, и они часто говорят, что если бы такой бумажник был в продаже, то они бы обязательно его приобрели.
Это упражнение позволяет получить массу уроков. Во-первых, бумажник - это символ того, что проблемы можно встретить везде, даже в вашем собственном кармане.
Во-вторых, для решения этих проблем могут потребоваться лишь незначительные усилия. Люди обычно счастливы рассказать вам о своих проблемах.
В-третьих, простые решения могут быть найдены с помощью незамысловатых экспериментов. Они не требуют ни значительного объема работы, ни ресурсов, ни времени. И даже если у вас ничего не получится, ваши издержки минимальны. И все, что вам нужно, - это просто начать сначала.
Упражнение 4. Драйв важнее конкуренции
В предпринимательской среде драйв всегда важнее конкуренции. Для того чтобы подтвердить этот тезис, Тина Силиг разработала специальное упражнение.
Шесть команд получают пять собранных пазлов по 100 кусочков в каждом. Участникам дается минута, чтобы посмотреть на готовые картинки, после чего элементы всех пазлов складываются вместе в одну огромную кучу и перемешиваются.
Затем все кусочки распределяются между шестью командами. Помимо этого каждая команда получает 20 покерных фишек, которые можно использовать в качестве валюты. Команды должны собрать пазл за один час.
Так как количество пазлов меньше, чем количество команд, участники должны решить, будут ли они конкурировать, сотрудничать или совмещать обе стратегии для сбора необходимых кусочков.
Результат
Чтобы достичь успеха, команды должны работать вместе. Так как они знают, что количество пазлов меньше количества команд, по крайней мере одна команда должна принять решение не собирать пазл, а сыграть какую-то иную роль. Иногда происходит слияние двух или трех команд. Порой команда может принимать на себя роль брокера, обменивающегося кусочками головоломки с другими командами. Иногда все команды сливались в одну и вместе работали над решением загадки. Самый худший результат возникает, когда все команды решают соревноваться одна с другой.
Это упражнение заставляет участников понять, что в среде с ограниченными ресурсами мотивация к своему и чужому успеху зачастую оказывается более производительной стратегией, чем чистая конкуренция. Люди, которым удается настроиться на такую волну, способны активнее брать на вооружение навыки и инструменты, вносимые в процесс другими, а также радоваться успехам остальных.
Больше секретов из Стэнфорда ищите в книге Тины Силиг
Значительный сегмент современного рынка полиграфических услуг занимает дизайн полиграфической продукции, включающий широкий спектр работ - от изготовления POS-материалов до разработки фирменного стиля и представительской документации.
В большинстве типографий есть дизайнер, а крупные типографии имеют дизайнерский отдел в составе допечатного цеха.
Независимо от типографий существуют дизайн-студии и рекламные агентства, которые взаимодействуют с ними по мере необходимости.
В типографиях взаимодействие с клиентом организовано с помощью, например, технической карты заказа, где указаны тираж, формат, красочность, вид скрепления и другие характеристики полиграфического изделия. Заказчик предоставляет оригинал-макет, и работа идет по известной схеме: проверка в отделе препресса, вывод форм или пленок (если это необходимо), печать, послепечатная обработка и отгрузка заказа.
В дизайн-студиях процесс общения с клиентом налажен не так хорошо. Это связано со спецификой работы, потому что дизайн - во многом творческий процесс, который сложно документировать, привести к единым требованиям. Из этого следует, что часто возникают неточности в организации работы, неясности в оригинал-макете и, самое прискорбное - грубые ошибки со стороны как дизайнера, так и клиента. Этому есть несколько причин, но самая весомая из них - недопонимание между клиентом и дизайнером. В свою очередь, оно вызвано недостатком информации о проекте, искаженной ее подачей и т.д.
Существует множество программных продуктов для автоматизации управления на допечатной стадии полиграфического производства, но на современном российском рынке нет ни одной системы управления, которая учитывала бы технологические и информационные процессы, происходящие на стадии дизайна полиграфической продукции, хотя при современном развитии технологий печатания процесс создания концепции и оригинал-макета зачастую занимает больше времени, чем процесс изготовления самой печатной продукции. Это происходит по следующим причинам:
- дизайнеру требуется обработать и структурировать большое количество разнородной информации, которая нужна для изготовления оригинал-макета; в зависимости от объема и сложности заказа количество этой информации изменяется;
- дополнительное время тратится на исправление ошибок и утверждение оригинал-макета;
- требуется определенное время на создание, заполнение и подписание юридических документов.
Таким образом, необходимо найти решение, которое могло бы сократить время работы и минимизировать ошибки на стадии создания оригинал-макета. Все эти проблемы отчасти решаются с помощью технического задания для дизайнера, применение которого обеспечивает следующие дополнительные достоинства:
- структурированная информация удобна для восприятия;
- стоимость вызвавших переверстку ошибок по вине заказчика легче оценить;
- прописывать пункты юридических документов на основе технического задания можно автоматически.
В дизайн-студиях, которые не первый год существуют на рынке и сталкиваются с подобной проблемой, есть подобие технического задания. Но оно возникло стихийно, как обобщение субъективного опыта работы с клиентами в данной фирме. Нас же интересует обобщенный процесс разработки и внедрения технического задания.
Достоинства |
Способ общения с клиентом |
|||
Личная встреча |
Телефонный разговор |
Электронная почта |
QIP, ISQ |
|
Возможность сразу получить ответ |
||||
Удобно для мелких заказов |
||||
Возможность документации |
||||
Возможность получения исходных файлов |
||||
Отсутствие ограничений по объему передаваемых файлов |
||||
Техническое задание (далее - ТЗ) существует фактически для любого рода профессиональной деятельности, будь то строительство, разработка программного обеспечения или системы управления. В нашем случае ТЗ - документ, предназначенный для дизайнера, в котором описываются требования, предъявляемые к проекту, а также сведения, относящиеся к деятельности заказчика, или свойства продукта, являющегося центральным объектом проекта.
Рассмотрим функции технического задания .
Организационная функция. С помощью ТЗ можно упорядочить работу дизайнера и превратить ее из творческого хаоса в последовательное созидание.
При введении ТЗ необходимость держать в голове всю информацию отпадает. Из жизненного пространства дизайнера тут же исчезнет ворох разнородных бумажек, а из компьютерного - десятки мегабайт электронного мусора. Работа превратится в простую очередь заданий. Имея такую схему работы, дизайнеру больше не потребуется тратить усилия на вторичные для него вещи, и все свое время он сможете посвятить тому, что не требует упорядочения, - творчеству.
Информационная функция. Основное преимущество ТЗ перед другими формами предоставления информации по проекту - его структурированность. ТЗ должно быть составлено так, чтобы из него дизайнер мог почерпнуть именно ту информацию, которая его интересует, именно в той форме, в какой дизайнеру легче всего ее воспринимать, и именно в том количестве, в котором она будет необходима для выполнения заказа.
Грамотно составленное ТЗ может стать единственным источником информации, необходимым для выполнения проекта. Работа дизайнера поделена на несколько типовых последовательностей действий, которые требуют типовых входных данных. А если входные данные типовые, значит, их можно предоставлять дизайнеру в типовом виде. Следовательно, вместо одной формы ТЗ можно сделать несколько - по одной на каждый вид дизайн-работ.
Коммуникационная функция. ТЗ может задать нужное направление в работе дизайнера и, как следствие, способствовать скорейшему принятию макета. Подробно составленное ТЗ помогает дизайнеру почувствовать клиента и выполнить работу, отвечающую вкусам клиента и его представлениям о конечном результате.
Юридическая функция. Иногда клиенты просто «забывают» о своих первоначальных требованиях к макету и в процессе работы или, что еще хуже, утверждения выставляют новые требования. ТЗ, а также отработанная схема работы с клиентом (количество вариантов, количество доработок и т.д.) оставляет дизайнеру возможность переложить расходы по переделке макета на клиента.
Следующий момент - всевозможные ошибки на стадии оформления заказа. Ошибки бывают разными, но причина, как правило, одна - неаккуратное оформление заказа. При этом отсутствие ТЗ довольно часто является поводом свалить всю вину на дизайнера.
Таким образом, внедрение практики технического задания в дизайн-студии может значительно облегчить работу дизайнера. Остановимся подробнее на этапах работы над проектом и рассмотрим их в ключе применения технического задания.
Получение исходной информации по проекту
Цель клиента - как можно точнее объяснить, что требуется получить на завершающем этапе проекта, а задача дизайнера - понять, на основе каких исходных материалов будет проходить работа.
В таблице описаны способы коммуникации с клиентом.
На практике же применяют комбинацию этих способов коммуникации. В общих чертах проект, его стоимость и сроки исполнения оговариваются по телефону (в случае крупного и сложного проекта - лично при встрече с клиентом); входящие файлы можно получить с помощью электронной почты или FTP, мелкие детали опять же можно обговорить в ISQ.
При отсутствии технического задания детали общения с клиентом передаются дизайнеру в произвольной форме. Пересланное по электронной почте письмо - это в лучшем случае, хуже - если на словах (тогда менеджер может сыграть роль «испорченного телефона»). При личном общении с клиентом в процессе работы над заказом дизайнер теряет массу времени и сил (хотя не исключены случаи, когда это общение необходимо); опять же информация о проекте передается в неструктурированной форме. Грамотно составленное, проверенное менеджером, клиентом и дизайнером ТЗ может избавить всех от лишней головной боли.
|
Комментарий редакции В КомпьюАрт № 8’2008 опубликована статья «Заказ и изготовление корпоративных календарей», представляющая собой интервью с дизайнером Виктором Кухарским, который в ходе беседы отметил, что технические задания на дизайн полиграфической продукции в отрасли существуют, но называются брифами. Слово «бриф» пришло к нам из английского языка (brief - сводка, резюме), и, видимо, победит по частоте употребления в рекламных агентствах наше словосочетание «Техническое задание». Брифы являются внутренним соглашением между заказчиком и исполнителем. У каждого агентства своя форма брифа. Пример проекта Но вначале был бриф, или, говоря по-русски, техническое задание (см. таблицу). Профессиональный подход к работе над проектом отличает проведение серьезной аналитики рынка на начальном этапе. Заказчик и исполнитель должны представлять степень ответственности, прежде чем выбрать вариант. Иначе нужно ждать обвинений в некомпетентности, слабом креативном или дизайнерском решении. Творческое задание / Creative brief
|
К тому же необходимо учесть момент взаимодействия с типографией. Если клиент заранее знает, где будет печататься заказ, необходимо получить технические требования типографии к входящим файлам, в лучшем случае - цветовые профили. Обычно для этого достаточно узнать название типографии (в большинстве случаев технические требования размещены на сайте). Если преимущество выбора типографии остается за дизайн-студией, необходимость узнавать технические требования отпадает - работа происходит с одной или несколькими типографиями, уже известными по предыдущим заказам. Ситуация еще больше упрощается для дизайнера в составе допечатного отдела типографии - в этом случае технические требования известны ему «по умолчанию».
Кроме вышеперечисленного, задачей дизайнера является оценка предложенных исходных материалов на предмет достаточности - указаны ли все элементы, необходимые для работы над заказом. В этом случае при грамотно составленном техническом задании оценить довольно просто - по заполненным графам ТЗ.
При размещении технического задания на сайте дизайн-студии можно свести коммуникацию с заказчиком к минимуму и значительно автоматизировать сам процесс:
- возможно выложить входящие файлы (допустим, до 30 Мбайт);
- всё то, что воспринималось на слух, теперь может быть задокументировано;
- по завершении заполнения ТЗ заказчиком возможна его проверка дизайнером, проверка достаточности входящих файлов, их качества, уточнение неточностей, наконец, утверждение ТЗ заказчиком (как выход - электронная подпись, предусмотренная форматом PDF);
- в техническое задание можно включить активные ссылки, разъясняющие клиенту технические моменты (что такое Pantone, CMYK или КБС).
Такой насущный вопрос, как стоимость работ, тоже решается с помощью ТЗ, которое наглядно показывает и дизайн-студии, и клиенту, какие работы и в каком объеме будут проводиться.
В случае применения ТЗ имеет место важный психологический момент: для клиента гораздо проще отделаться общими фразами по телефону, чем вдумчиво заполнять ТЗ. Как показывает практика, результат во многом зависит от грамотной подготовки материалов заказчиком (нельзя не согласиться, что даже при самом исключительном дизайне и хорошей печати впечатление от продукта может испортить всего одна грамматическая ошибка). Поэтому процесс заполнения ТЗ надо сделать как можно более понятным и легким - требовать от клиента необходимый минимум информации. К тому же нужно донести до заказчика простое правило: верно заполненное ТЗ - гарантия того, что работа будет выполнена в срок и в точности так, как требуется.
Подводя итоги этого этапа, приведем алгоритм принятия заказа в работу, основанный на применении технического задания:
1. Поступление заявки от клиента в менеджерский отдел. Клиент предоставляет первоначальную информацию (тип изделия, формат, общие требования, приемлемые сроки и т.д.). Менеджер примерно называет цену и сроки, исходя из ситуации на предприятии. Если менеджер и заказчик приходят к соглашению, заполняется техническое задание.
2. Составление технического задания. При крупном заказе техническое задание заполняется лично заказчиком в присутствии арт-директора - это исключает неточности и недопонимание между ними. Для мелких же заказов (или заказов от клиента, который уже работал с предприятием) достаточно менеджера. Заполнение ТЗ происходит по телефону, лично или на сайте компании. Например, менеджер при телефонном разговоре с заказчиком заполняет определенную форму ТЗ.
3. Утверждение технического задания. Составленное техническое задание подписывается обеими сторонами и является приложением к юридическому договору.
Реализация проекта
На данном этапе целью дизайнера является реализация проекта в соответствии с желаниями клиента и в срок, а в процессе работы - учет всех необходимых деталей как художественного, так и технического характера.
Во-первых, ТЗ помогает адекватно и быстро оценить сложность и соответственно время, затрачиваемое на выполнение заказа, а следовательно, более точно планировать рабочий график. Во-вторых, упрощается процесс работы - когда перед глазами у дизайнера есть список необходимых элементов, гораздо проще составить общую картину проекта. В-третьих, гораздо легче оценить работу дизайнера на предмет ошибок.
Наряду со всеми плюсами, необходимо отметить один существенный минус технического задания - это достаточно жесткие рамки, ограничивающие творческую составляющую работы дизайнера. Часто возникают ситуации, когда решения, предлагаемые заказчиком, не соответствуют представлениям дизайнера. Чтобы исключить такие спорные моменты, необходимо провести четкую границу - где заканчиваются полномочия клиента и начинается зона ответственности дизайнера. Другой выход - принцип «клиент всегда прав». Какой путь выбрать - личное дело каждого дизайнера.
Задание на ассоциацию обычно задают на предмете дизайн.
Эти задания для развития фантазии и ассоциативного мышления.
Упражнение№1
Даются слова и в зависимости от Вашей будущей профессии, на них выполняются задания. Если это задание для урока рисовавния в школе или художественном кружке, тогда можно дать задание как и для профессии - учитель рисования или предметный дизайн. Даю примеры слов, но Вы их можете придумать гораздо больше, главное - проявить творчество!
Карусель
Архитектура
Если Ваша специальность дизайн интерьера , тогда Вы даёте слова, а студенты выполняют разные дизайны интерьера на слова, то есть сам интерьер должен быть похоже на то слово, которое Вы сказали. Даётся не одно слово, а список слов и на каждое Вы должны сделать проект интерьера.
Если Ваша специальность - это учитель рисования , тогда Вы даёте те же слова, но уже просите выполнить какую - то абстракцию, или фантазийную композицию - это может быть и реальные персонажи и предметы и абстракция. Например слово карусель: Вы выполняете настоящих детей, но можете расположить их как угодно, карусель нарисовать где захотите, или вообще вместо карусели нарисовать, что дети держаться за ленточки и сидят на каких-то лошадках, или чудиках, можно вокруг нарисовать какие-то конфетти или просто пятна разной формы. То есть всё, что хотите Вы можете использовать в своём фантазийном задании. Главное - посмотрев на Вашу работу, можно было сразу сказать, что за слово Вы задали.
Если Ваша специальность - дизайн одежды , тогда Вы даете список слов, и задаёте выполнить дизайны одежды на эти слова. Точно так же как с интерьером, но только с одеждой нужно выполнить задание.
Если Ваша специальность - это дизайн предметной среды или предметный дизайн, то конечно же даёте слова и рисуете на них предметы, эти предметы должны выражать эти слова.
С дизайном предметной среды и дизайном одежды ещё интереснее, можно так же давать слова, называя конкретных животных (кошка например), птиц (ворона например), ракушки, растения, цветы, деревья и.т.д.
Упражнение№2
Упражнения по дизайну на ассоциацию:
Одно из любимейших упражнений детей любых возрастов (от3 до бесконечности) по дизайну:
Я его называю - «Каки маляки».
На формате А4 у Вас должно получиться шесть рисунков выполненных простым карандашом. Рисуете один: каки -маляки рисуем, как дети маленькие рисуют. Дальше начинаем смотреть на этот рисунок и искать на что это может быть похоже, можно найти несколько линий или одну, на что-то похожую, на птицу, животное, ракушки, морских животных, медузы, мультяшных персонажей, на что угодно. Решили например, похоже на птицу: берём эту птицу и подрисовываем ей то, что не хватает: клюв, крыло, глаз, дорисовываем недостающие детали. Очень часто «находят» стилизованные мультяшные головы: старушка, дедушка, мужчина, женщина, мальчик, девочка. Обычно- это смешные рожицы, как из мультиков. Рисунок можно крутить в разные стороны, можно даже вниз головой смотреть и подрисовывать, то есть рисунки могут быть расположены в самые разные стороны. Рисунки начинаем делать по одному. Нужные детали можно подводить карандашом. В одном рисунке даже может быть и несколько рисунков. Вот я набросала в векторе расположение рисунков на формате А4. И рядом готовый рисунок, так как оно должно быть выполнено - карандашом.
Я сделал свой первый сайт как школьный проект, когда мне было 14. Задача звучала просто: создать сайт, с текстом, картинками и таблицами.
Обычно все задания в школе я делал в последний момент, но эта задача просто свела меня с ума. Именно на этом проекте я понял, на сколько важно оттачивать внешний вид и делать так, чтобы дизайн был «как надо».
А еще, наконец-то ученые доказали, что внешний вид играет огромную роль при выборе вещей. Конечно, мы все еще можем это отрицать. Но если вещь хорошая и приятная внешне, внутри что-то все равно подсказывает, что с качеством порядок. Вот такие дела.
Со временем я стал все больше уделять внимания дизайну. Прокачивал оба навыка: программирование и дизайн. За это время я проникся дизайном и понял, что превосходный дизайн – это не обязательно что-то с большим количеством лайков на Dribbble. Действительно хороший дизайн незаметен. У вещи с хорошим дизайном идеальный баланс между «Даже твоя бабушка может» и «Кайф, как же круто». А еще, хороший дизайн это важное преимущество. Он как нитрооксид в гонке, он – ваш секретный ингредиент.
И дело не в таланте
В юности, я играл Minecraft. И меня всегда удивляло то, что умудряются построить люди в этой игре. Именно их здания вдохновили меня построить свое, только продвинуться дальше коробки у меня почему-то не получалось. И этой коробке даже не хватало стиля.
Исправить это помогли ролики одного паренька на YouTube. По его видеоурокам я повторил все по шагам и создал классный домик. А спустя несколько недель практики я выработал свой стиль и уже мог творить свободно. И даже выиграл строительный конкурс.
Дизайн-это навык, как и любой другой навык, его можно прокачать.
Выбор правильного инструмента для работы
Запрограммировать в Notepad можно такое же крутое приложение, как и в продвинутой IDE… но это может занять очень много времени. А время – самый ценный ресурс. Аналог блокнота в дизайне – MS Paint, но профессиональные дизайнеры выбирают что покруче.
Самые популярные инструменты дизайна для веб
- Sketch , только для Mac, заточен на дизайн интерфейсов. $ 99 / год;
- Adobe XD , кросс-платформенный инструмент. Его сообщество поменьше, за то с ним легко начать;
- Adobe Photoshop , в дизайне швейцарский нож, подходит для любых задач. $9.99 / mo.
У каждого инструмента свои плюсы и минусы. Мне нравится Adobe XD. Он кроссплатформенный, не привязан к Mac OS. Люблю такое. Для новичков он, как мне кажется, самое то.
Настраиваем мышление
Самый важный шаг в дизайне, на мой взгляд, поставить мышление. Раньше я делал дизайн уже во время разработки. Есть приоритет и поток. Слева направо и сверху вниз. Все строго и системо, блоки ставятся друг за другом как кирпичики.
В дизайне все не так. И, на первый взгляд, кажется хаотичным. Но если приглядеться – в этом и есть сила. Дизайн развязывает вам руки, делает вас свободными и ускоряет эксперименты. В графических инструментах каждый элемент позиционируется абсолютно, а не относительно. Именно благодаря этому вы можете экспериментировать и двигать все как угодно, пока не добьетесь нужного результата.
Осваиваем инструменты
Разработчики применяют HTML-элементы, такие как div, span и input, чтобы показать на экране элементы дизайна. А с помощью инструментов дизайна, вы можете придумать, как именно все должно выглядеть и работать.
Я подобрал 4 популярных инструмента проектирования, чтобы вы потратили меньше времени на обучение и больше времени на практику в проектировании.
Rectangle tool (Прямоугольник)
Прямоугольник – универсальная форма, строительный блок. Чем-то похож на div. Подходит для создания полей ввода, кнопок, блоков и т.д.
Text tool (Метка)
Text tool, помогает создать текст. У него два режима работы: один для создания однострочного текста и другой для создания нескольких абзацев. В общем, немного практики и у вас все получится.
Первый режим однострочный текстовый контейнер, который регулирует его размер на основе размера текста. Это похоже на < span>, за исключением того, что он не будет переноситься, если вы не сделаете разрыв строки. Преимущество этого режима в том, что он автоматически регулирует размер текстового поля (text box size) исходя из межстрочного интервала (line height) и размера шрифта (font size).
Чтобы создать текст, кликайте на Text tool. Этот режим удобен для создания заголовков, названий кнопок и других элементов навигации.
Text tool (Абзац)
Второй режим представляет собой текстовый контейнер с определенным размером. Он ведет себя как
С определенной шириной или
Внутри колочной сетки. Фишка этого режима в том, что вы можете сами настраивать размеры текстового поля.
Чтобы создать абзац (paragraph), щелкните на Text tool, выберите точку на полотне, кликните и ведите в сторону, зажав кнопку мыши. Движение такое же, как при выделении текста. Это удобный режим для создания абзацев текста.
Select tool (Выбор)
Переместить, изменить размер, сделать копию (Move, resize, duplicate). В общем, полезный инструмент. А эти розовые линии показывают расстояние до окружающих элементов. А синие линии помогают правильно выровнять элементы.
Line tool (Линия)
Линия хороша как разделитель. Но прямоугольник высотой 1px легко ее может заменить. Так как же как и div, который может быть чем угодно 🙂
Layout
В веб-разработке макет чаще всего воспринимается как header, menu, content, and footer. Хотя Layout – это про то, как организованы все элементы на экране. Элементы бывают простые и составные. Примером составного проекта может быть «карточка проекта», как на примере ниже.
Цвет
Чтобы найти идеальный цвет для вашего следующего проекта, изучите психологию восприятия цвета (colorpsychology.org). А для поиска идеальных сочетаний вы можете попробовать сервис Paletton . В нем можно подобрать гармоничную палитру и даже посмотреть ее в работе на сайте. Когда-то этот ресурс помог мне познакомиться с теорией цвета и это ускорило подбор цветовой палитры для моего ресурса: https://sidemail.io/
Используйте оттенки основных цветов и цветов текста для создания визуальной иерархии. При использовании цветного фона попробуйте использовать более темные или светлые оттенки для текста.
Типографика
Шрифт во многом влияет на брендинг вашего проекта, поэтому подойдите к подбору шрифта с умом. Платные шрифты, как правило, выглядят лучше, чем шрифты из Google Fonts, но на старте, не спешите покупать шрифт. Поройтесь на Google Fonts и подберите близкий по характеру сначала там.
Мне нравится следующая фишка. Элементы навигации я делаю ПРОПИСНЫМИ и увеличиваю в них межбуквенные расстояния (letter spacing). Для навигации работает хорошо, но в тексте лучше не переборщить с этим.
Создание главной страницы сайта (или лендинга)
Я до сих пор борюсь с соблазном сначала сделать модно, а потом пытаться уместить туда свой текст. И так, сначала я определяю преимущества продукта для пользователей (не функции), затем помещаю их в историю и рассказываю эту историю с помощью визуально привлекательного лонгрида.
После того, как я решил, что я хочу сказать, я иду за вдохновением. На land-book.com его очень много. Еще я черпаю вдохновение на interfaces.pro . И пока в голове не щелкнет «все хватит» я смотрю и изучаю.
Самое сложное – это сделать итоговую сборку. Тут я пока не нашел кратчайшего пути. Я делаю, пробую, экспериментирую, пока не получу то, что на мой взгляд достойно, чтобы показать клиентам.
И помните, то что вам нравится сегодня, может не понравится вам завтра, и это нормально, потому что вы растете, учитесь и становитесь лучше. Поэтому не буксуйте, двигайте свои продукты вперед, наращивайте ценность.
Подытожим
- Уникальный шрифт имеет огромное значение для передачи характера продукта;
- Уникальная графика очень важна для передачи образа продукта;
- С помощью оттенков можно выстроить хорошую иерархию;
- Не создавайте слишком широкие абзацы текста, делайте их не больше 60-72 символов;
- Воздух и негативное пространство – это блага ;
- Рассказывайте о преимуществах для пользователей, а не о функциях;
- Черпайте вдохновение в безмерном мире вокруг.
Проектируем веб-приложение
На этот раз, наша задача не в том, чтобы рассказать историю. Мы делаем удобное приложение, которое решает задачу клиентов. Поэтому берем ручку и бумагу и пишем план того, как приложение по шагам решает задачу пользователя.
При необходимости делаем несколько эскизов. А еще смотрим конкурентов, изучаем их подход к решению аналогичных задач. И думаем, в чем наше приложение может быть сильнее.
Лучший совет, который я могу дать, это не копировать конкретные реализации, чтобы выбрать правильный макет страницы. Как правило, все веб-приложения используют два различных макета страниц в зависимости от цели приложения: контейнер фиксированной ширины (Fixed container) или Fluid container, который заполняет весь экран.
Контейнер фиксированной ширины (Fixed container)
Я предпочитаю Fixed container, потому что с ним гораздо легче сфокусировать внимание пользователя и сократить количество движений глаз. С ним приложение получается чище, но так как ширина контейнера небольшая, проектировать такие приложения сложнее.
