Я слышу много людей говорят о важности эскизов при проектировании или решения проблем, но кажется, что очень немногие люди на самом деле эскиз.Как UX профессионал, я очерке каждый день.Я часто взять на себя все стены в офисе и покрыть их эскизы, отображая все, от контекста сценария каркасы для presentations.

Мой desk.

Несмотря на то, начиная прототип на компьютер, иногда проще, это не лучший способ визуально решать проблемы.Когда нужно вызывать в воображении сайте макеты или мобильные приложения или раскадровку рабочих процессов и контекст сценария, эскиз гораздо более efficient.Это удерживает вас от того, чтобы, оказавшихся в технологии, и вместо этого фокусируется на вас наилучшее решение, освобождая Вас принять риски, которые Вы не могли бы в противном случае take.

Многие статьи обсудить сила эскизов и почему вы должны это сделать, но они не идут в хау или методы участвует.Эскиз кажется простым, но есть определенные способы сделать это эффективно.В этой статье мы рассмотрим набор инструментов и techniques, что я (как и многие другие люди UX и дизайна) использовать каждый day.

Эскиз ≠ Drawing

Некоторые из наиболее эффективных эскизы Я видел далеки от совершенства чертежей.Так же, как ваши мысли и идеи, эскизы находятся в постоянном движении, развиваются и морфинг, как вы достигнете возможного решения.Не думаю, что вы должны быть в состоянии сделать для того, чтобы рисовать, хотя и имеют некоторый опыт работы с он делает help.

• Эскиза является выражением мыслей и проблем solving.
• Это форма визуальной коммуникации, и, как и во всех языках, некоторые способы общения являются яснее, чем others.
• Эскиза это умение: чем больше вы это делаете, тем лучше вы будете получать на it.

При оценке вашим эскизам, спросите себя: “Как я могу лучше донести эти мысли?” Я чувствую себя пойманной в оценке вашего чертежа способность легко, но попробуйте разделить два.Посмотрите на свой эскиз, как если бы это был сайт.Что первое, что прочитал?Где подробную информацию?Помните, в глаза сразу бросается в районе с наиболее подробно и contrast.

Так же как способность произносить слова влияет также другие понимают их, свои способности к рисованию имеет влияние на как коммуникативная sketch есть.Хорошей новостью является то, что рисование и черчение являются навыки, и чем больше вы делаете, тем лучше вы будете get.

OK, давайте started.

Работа в Layers

Часто, когда я сделал эскиз, результат больше похож на коллаж, чем эскиз.Эффективность эскизов приходитот работы в layers.

Быстрый видео, показывающее, как можно использовать слои, чтобы эффективно построить свою sketches.

Technique

Начните с светло-серым маркером (20 до 30% серого), и постепенно добавлять слои подробно с темными маркерами и pens.

Почему

Начиная с светло-серым маркером делает это легко.Она позволяет делать ошибки и оценить свои идеи, как вы работаете через проблеме.Нарисуйте кривую линию с легким маркером?Ничего страшного.Линии будет едва заметен к тому времени вы закончите с sketch.

Как страниц заполнить с идеями, вернуться в более темный маркер (60% серый) или ручку, и слой в дополнительной информации для частей вам нравится.Это также отличный способ сделать конкретный поп-эскиз рядом с другими sketches.

Эскиза в слоях также удерживает вас от попасться в подробности прямо away.Она заставляет вас принять решение о содержании и иерархия мнению первого.Если вы эскизов интерфейса, который содержит список, но вы еще не знаете, что пойдет в списке, положить в несколько загогулины.Позже вы можете вернуться назад и наметить несколько вариантов для каждого элемента списка и добавить их в page.

Caution

Если начать рисовать шариковой ручкой, а затем перейти в более поздних с помощью маркера, чернил ручки, скорее всего, мазок из спирта в marker.

Как получить больше уверены в своих эскизов, вы будете чувствовать себя более комфортно и обнаружите, что вам не нужно делать столько подложки.Но я все еще нахожу это полезно, потому что он позволяет экспериментировать и оценивать идеи, как вы sketch.

Ослабить Up

Technique

Когда эскиз длинные очереди, рассмотреть вопрос о переходе руке и ручкой с вашим плечом, а не от локтя или запястья.Резервный рисунок с запястьем для коротких быстрых линиях и областях, где вам нужно больше control.

Почему

Это позволит вам сделать больше, прямые линии.Если вы рисуете от локтя, вы заметите, что линии имеют небольшой изгиб на них.Размещение две точки на бумаге, тот, где вы хотите, чтобы линия начала и место, где вы хотите, чтобы она закончится, иногда полезно.Тогда, ориентироваться бумаги, сделать практику инсульта или два, а потом нарисовать линию.Если вы посмотрите внимательно, то увидите, это на видео above.

Бонус опираясь на плечо является то, что большая часть движения преобразуется в рисунок на доске, так что со временем ваши прямые, станут предметом зависти всех в room.

Играть на Ваш Strengths

Technique

Повернуть страницы, прежде чем нарисовать линию, чтобы нарисовать несколько углов линий более easily.

Почему

Очень немногие люди могут рисовать линии во всех направлениях одинаково хорошо. Вращающиеся page позволяет рисовать линии в диапазоне и направление, в котором работает лучше для вас.Не пытайтесь нарисовать вертикальную линию, если вы найдете еготрудно, повернуть страницу на 90 градусов, и проведите горизонтальную вместо этого.Это супер-простой, но удивительно powerful.

Caution

Это не очень хорошо переводится на доске, так что вам еще нужно научиться рисовать вертикальные lines.

Эскиз Interactions

Technique

Начните с базой эскиз, а затем использовать заметки, чтобы добавить подсказку, поп-кадром, модальных окон и других интерактивных elements.

Почему

Использование заметок для определения подсказки и других интерактивных элементов позволяет быстро определить interactions и понятия не имея, чтобы перерисовать рамках приложения.Они легко перемещаются и могут быть набросал с тем же маркеры и ручки вы уже using.

• Определить несколько взаимодействий на один эскиз, а затем удалить стратегически частей по одному за раз перед сканированием или копированием sketch.
• Использование разных цветов для обозначения различных типов interaction.
• Является одной записки не достаточно большой для вашего модальное окно?Добавить еще один рядом с it.
• Является одной заметкой слишком большой для вашей подсказке, пользователь правителя как руководство к быстро сорвать записку до size.

Узнать различных взаимодействий и идеи в одном эскиза с помощью липкой notes.

По фотокопирование различные варианты эскиза, каждый с различными заметки, вы в конечном итоге с различными различные sketches.

Копирование и вставка для реального World

Время от времени, вы можете вручную перерисовывать элемент пользовательского интерфейса несколько раз в эскизе.Это не всегда плохо, потому что это дает вам возможность быстрого перебора и заставляет вас пересмотреть ваши идеи.Это, как говорится, все-в-одном сканера или ксерокса может значительно увеличить efficiency.

Technique

Использование копировальной быстро создавать шаблоны из существующих эскизов или для перерисовки области sketch.

Почему

Копировальный является старая школа версии C управления, контроля V.Это делает производство шаблонов и прокладок более эффективным.Это также повышает …

Если вы хотите прочитать полностью статью, посетите сайт наших спонсоров