Skip to content
Меню
ЗВЁЗДНЫЕ ВОЙНЫ ЭНЦИКЛОПЕДИЯ РОЛЕВОЙ ИГРЫ
  • Рисование
  • Советы начинающим
  • Как рисовать
  • Карандашом
  • Поэтапно
  • Уроки
ЗВЁЗДНЫЕ ВОЙНЫ
Главная » Разное » Что нарисовать красивое но не сложное: Милые и легкие рисунки для срисовки

Что нарисовать красивое но не сложное: Милые и легкие рисунки для срисовки

Posted on 19.03.202309.03.2023

Содержание

  • Tutorial: The Art of UX Sketching
    • UX Sketching — это двухэтапный процесс
    • UX-эскизы и вайрфреймы: введение и классификация
    • Начало работы с основами
    • Уточнение эскизов с дополнительными элементами
    • Дополнительные советы и рекомендации
    • Дополнительные мини-методы для улучшения ваших набросков
    • Wireflow: описание системного потока и ответвлений
    • Создание эскизов UX Flow: краткое практическое руководство
    • Essential UX Flow Sketching Tips and Tricks
    • Резюме
      • Дальнейшее чтение в блоге Toptal Design:
  • My Sketch Journal — Практические советы и вдохновение для художников

Tutorial: The Art of UX Sketching

Если вы проделали какую-либо серьезную творческую работу, вы слишком хорошо знакомы с творческим блоком. Это похоже на удар по кирпичной стене: Ни одна из идей, которые вы можете визуализировать, недостаточно хороша или не может работать в реальной жизни.

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

Наброски UX — важный, но часто упускаемый из виду аспект дизайна взаимодействия с пользователем. Эскиз — это очень эффективный способ сообщить о дизайне, позволяя дизайнерам опробовать множество идей и повторить их, прежде чем остановиться на одной.

В этом посте я намерен охватить все, что вам нужно знать о UX-набросках, включая следующие моменты:

  • Введение в UX-наброски и каркасы
  • Основы, инструменты и методы создания эскизов UX
  • Уточняющие эскизы с примечаниями, аннотациями, номерами
  • Советы и рекомендации по созданию эскизов UX
  • Мини-методы, разработанные для повышения качества и производительности
  • Все, что вам нужно знать о Wireflows
  • Краткое руководство по UX Flow Sketching

UX Sketching — это двухэтапный процесс

При проектировании необходимо учитывать множество вариантов, что приводит к выбору и выполнению наилучшего из них. Дизайнеры рассматривают свои варианты, а затем приступают к проработке деталей, таким образом превращая UX-дизайн в двухэтапный процесс:

  • Генерация идей

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

  • Добавление деталей и уточнение

Шаг за шагом вы останавливаетесь на нескольких многообещающих вариантах и ​​переходите к проработке специфики, тем самым делая некоторые идеи непригодными.

UX-эскизы и вайрфреймы: введение и классификация

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

Я выделил следующие типы эскизов:

  • Эскиз: Генерация идей

Это первоначальные наброски. Детали более низкого уровня просто отмечаются. Используется ограниченное количество цветов.

Я рисую много базовых набросков, чтобы рассмотреть проблему с разных сторон и рассмотреть разные решения. Рисуя такие наброски, я также стремлюсь сгенерировать как можно больше вариантов решения.

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

  • Каркас: спецификация, подробный этап

Я обычно выбираю перспективные эскизы и прорабатываю детали, после чего выбираю лучший вариант и прорабатываю его более детально.

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

На этом этапе я рисую все важные детали , но пока не рисую каркасы в Balsamiq. После того, как все сделано на бумаге, я начинаю рисовать в Sketch.

Цифровые инструменты дают гораздо больше свободы творчества, чем бумага, и вы можете легко переключить внимание на второстепенные вещи. Например, вы можете сосредоточиться на «шлифовке пикселей» вместо дизайна.

  • Проект визуального дизайна

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

  • Разбивка компонентов/элементов

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

Элементы, даже самые простые, должны иметь состояние; кнопка может быть нажата, и у нее есть текстовый блок наведения, который может быть или не быть пустым. Чем он сложнее, тем больше у него состояний.

Начало работы с основами

  • Подготовьте инструменты. Найдите самое удобное место, большой стол с большим количеством места. Возьмите много бумаги и приготовьте ручки и маркеры.
  • Разминка. Чтобы подготовиться, я рекомендую нарисовать несколько линий, кругов, основных шаблонов и значков.
  • Определите свои цели. Решите, что вы хотите нарисовать. Поставьте перед собой цель и решите, какую историю вы должны рассказать. Определите желаемый уровень детализации. Решите, готовы ли вы много рисовать.
  • Определите свою целевую аудиторию. Если вы делаете это для себя, вам не нужно беспокоиться о том, как будет выглядеть ваш эскиз. Однако, если вы собираетесь показать свои рисунки клиенту, убедитесь, что у вас есть дополнительное время, чтобы добавить больше деталей к вашему эскизу.
  • Установите временной интервал. Определившись с количеством времени, которое вы готовы выделить на наброски, скажем, 30 минут, вы сможете сосредоточиться на своей работе.

Теперь все готово и можно приступать:

  • Нарисуйте края. Нарисуйте фреймы, окно браузера или телефона, часть интерфейса и так далее.

  • Добавьте самые большие или основные элементы: меню, нижний колонтитул, основное содержимое.

  • Добавить детали. Добавьте важные детали, но на данном этапе не усложняйте их.

  • Добавление аннотаций и примечаний. Это необходимо, только если вы планируете поделиться эскизами. Однако они могут быть полезны, даже если вы делаете их только для глаз.

  • Варианты эскиза. Набросайте несколько быстрых альтернатив вашему решению.

  • Выберите лучшее решение. Выберите лучшие варианты.

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

  • Сохраните эскиз. Сделайте снимок или поместите его в папку. У меня на столе стоит несколько лотков с бумагой для набросков.

  • Поделиться. Обычно я использую один из следующих способов обмена:
    • Сканируйте эскизы через Evernote и предоставьте постоянную ссылку другим членам команды или заинтересованным сторонам.
    • Сделайте снимок и загрузите его в InVision.
    • Загрузить и сопоставить изображения с Realtimeboard.
    • Или просто по электронной почте фото.
  • Просмотрите эскизы и добавьте примечания. Сделайте перерыв и через некоторое время вернитесь к своим наброскам. Взгляните на них еще раз. Эскиз все еще имеет для вас смысл? Хороший набросок должен быть легким для понимания.

Уточнение эскизов с дополнительными элементами

Найдите или нарисуйте подходящий эскиз, а затем добавьте к нему следующие детали:

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

  2. Аннотации. Аннотации — это имена и примечания, расположенные рядом с элементом для объяснения его содержимого или других атрибутов. Они добавляют детали, которые проясняют другие элементы и обычно их трудно нарисовать. Например, это может быть название блока, какие-то детали взаимодействия, пояснение к картинке, какие-то идеи для будущих вариаций дизайна и так далее. Вы можете проверить один из моих примеров, чтобы увидеть, как выглядит эскиз аннотации.

  3. Номера. Пронумеруйте элементы вашего эскиза или сами эскизы. Вы можете решить, как их упорядочить (например, по потоку взаимодействия, порядку, в котором вы их создали, и т. д.). Это также может быть полезно во время обсуждений (особенно удаленных), так как ваши коллеги и клиенты могут просто указать номер эскиза в своем отзыве, и вы поймете, к какому из них относится их комментарий.

  4. Стрелки. Вы можете использовать стрелки для обозначения переходов между экранами. Также их можно использовать для соединения разных частей эскизов, для обозначения последовательности действий и так далее. Поскольку значение стрелки может быть разным, прямо над стрелкой вы можете добавить описание или объяснение того, что означает стрелка. Вот пример базового эскиза, показывающий переход и несколько различных состояний.

  5. Примечания. Как и аннотации, примечания используются для объяснения понятий. Однако примечания отличаются от аннотаций своим размещением. Они не прикреплены к элементу или расположены рядом с описываемым элементом, как в этом примере. Заметки можно размещать вверху или внизу страницы. Они могут даже описывать элементы, которые не включены в дизайн, вопросы, которые могут у вас возникнуть, общие пояснения, ненарисованные идеи и так далее.

  6. Жесты. Жесты актуальны в случае дизайна сенсорных устройств. Рисование жеста рукой может потребовать практики. Существует несколько вариантов жестов, используемых для обозначения разных типов действий, поэтому лучше заранее решить, как вы обозначите то или иное действие (если оно, конечно, неочевидно) и потренироваться в его рисовании.

  7. Обратная связь. Вы можете получить предложения по исправлению или улучшению наброска после того, как покажите его другим или взглянете на него самостоятельно. Часто бывает полезно пометить такие отзывы другим цветом, чтобы их можно было отличить от исходного эскиза.

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

Дополнительные советы и рекомендации

  1. Не беспокойтесь о качестве. Не смотрите на скетчи на Dribbble; они о чем-то совершенно другом . Имейте в виду, что основная цель набросков — помочь вам мыслить более ясно, находить лучшие решения и экономить время.

  2. Практика. Для начала можно попробовать нарисовать несколько приложений. Откройте веб-приложение или мобильное приложение и попробуйте скопировать экран, описав элементы в примечаниях. Всякий раз, когда у вас есть свободное время, попрактикуйтесь в рисовании основных строительных блоков ваших проектов. В общем, практика делает совершенным. Через некоторое время он станет частью вашего дизайнерского «я».

  3. Купить папку. Я часто работаю не в офисе, а в кафе или дома. Бумажные наброски очень подвержены повреждениям, поэтому купите простую папку, чтобы сохранить их в целости и сохранности.

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

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

  6. Лотки для бумаги. Подумайте о размещении лотков для бумаги на рабочем столе. Например, у меня их три: для входящих задач, для набросков и чистых листов бумаги.

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

  8. Использовать шаблоны. Шаблоны экономят время и неявно учитывают ограничения формата, освобождая больше времени, чтобы сосредоточиться на том, что важно.

Дополнительные мини-методы для улучшения ваших набросков

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

  1. Создайте доску для рисования. Одним из самых больших преимуществ использования ручки и бумаги вместо цифрового инструмента для рисования является то, что вы можете прикрепить его к стене. Все в вашей команде могут видеть это и участвовать (хотя я рекомендую настроить сеансы просмотра).
    • Вы сами увидите свои эскизы, и это будет стимулировать ваше мышление и позволит вам увидеть общую картину, не отдельные части, а всю систему. Вы увидите взаимодействие между частями и то, как они подходят друг другу.
    • Создайте доску для эскизов — прикрепите свои эскизы доски. Если в вашем офисе нет белой доски, вы можете использовать клейкую ленту двойного размера или листы для заметок, чтобы прикрепить свои наброски к стене. Если вы не хотите приклеиваться к стене, вместо этого вы можете найти большой кусок картонной бумаги. Я настоятельно рекомендую использовать доски для рисования, так как они являются одним из лучших инструментов дизайна.
  2. Используйте белую доску. Белая доска — отличный инструмент для рисования. Он имеет ряд преимуществ:
    • Это совместная работа, легко вовлечь других членов команды в обсуждение и в рисование. Даже если их идеи не подходят, вы поймете их образ мыслей, и это поможет вам быть на одной волне.
    • Маркеры не позволяют сосредоточиться на деталях, приходится думать об общем. Эскизы открыты для интерпретации.
    • Белую доску легко чистить и вносить исправления.
    • Места много и можно легко продумать весь системный поток.
    • Вы можете прикреплять эскизы, распечатки и справочные материалы с помощью магнитов.
  3. Прототипы. Создайте кликабельный прототип, чтобы оценить свой дизайн. Попробуйте получить обратную связь о некоторых элементах. Это особенно хорошо работает, когда вы используете шаблоны — ваши эскизы имеют одинаковый размер. Очевидно, что будет намного проще рисовать эскизы одинакового размера, если вы используете шаблон. Я постараюсь сделать это еще проще, предоставив вам несколько шаблонов, которые вы можете загрузить и использовать: Мобильный, Многооконный браузер, Прокрутка браузера, Персонажи.

  4. Используйте свой принтер и сканер. Нарисуйте каркас вручную (можно использовать линейку для более точного рисования), затем просто отсканируйте его с помощью сканера или мобильного приложения и распечатайте. Вы можете отредактировать свой шаблон в редакторе изображений перед печатью. Вы можете удалить ненужные детали или дублировать некоторые элементы. Вы также можете распечатать готовую страницу сайта, фотографии и другие описательные элементы. Вы можете вставить вырезки в свой эскиз.

  5. Использовать Evernote для сканирования. Evernote — отличный инструмент для дизайна. Вы можете хранить и делиться своими эскизами в нем, вы можете создавать темы и использовать теги для организации своих эскизов. Особенно впечатляют возможности режима «Сканер». Вы кладете перед ним свой эскиз, и он «сканирует» его, так что вы получаете копию эскиза. Затем вы можете пригласить своих коллег в Evernote и дать им ссылку на вашу заметку. Так как есть мобильное приложение для планшетов и телефонов, ваши эскизы всегда будут под рукой.

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

  7. Отслеживание реального мира. Если вам нужно создать раскадровку, проиллюстрировать опыт в определенном контексте (например, человек, использующий смартфон на автобусной остановке), вам необходимо включить изображения людей, мест и различных объектов из реальной жизни. Это может быть сложно нарисовать, особенно если вы не овладели навыками рисования, но вот простой совет: Сфотографируйте объект или ситуацию, а затем получите контур ключевых объектов с помощью графического редактора. Вы можете использовать полученный контур в своих эскизах впоследствии. Конечно, если у вас планшет и стилус , то будет еще проще.

Wireflow: описание системного потока и ответвлений

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

Wireflow, или то, что вы рисуете, и способ его соединения, может быть организован в соответствии со следующими подходами:

  • Последовательность. Последовательность — это прямое путешествие, экран за экраном. Это также может быть история с точками принятия решений; вы показываете не только путь, но и точки принятия решений и различные пути, которые может выбрать пользователь. Вы можете показать структуру взаимодействия с экраном.
  • Изменения состояния. Изобразить различные состояния экрана какого-либо элемента и условия или действия, вызывающие переходы между этими состояниями.
  • Экран и элементы экрана. Можно рисовать целые экраны или рассматривать микровзаимодействия и взаимодействия.
  • Платформы. Вы можете использовать одну или несколько платформ.
  • Объем. Будете ли вы изображать часть пути пользователя или весь путь? Взаимодействие одного пользователя с системой или взаимодействие нескольких пользователей?

Обычно я стараюсь определить следующие типы подачи проволоки, в зависимости от организации и практического использования:

  1. Картирование общего потока и высокого уровня потока. Быстро нарисуйте смену экрана и нарисуйте общий путь использования вашего продукта. Здесь вы можете включить некоторый контекст и, при желании, показать взаимодействие с пользователем. Например, сервис электронной коммерции — это довольно долгий путь, который может включать в себя множество шагов: как пользователь нашел магазин, какие шаги он прошел, чтобы заказать продукт, как он заплатил и так далее.

  2. Поток экрана. Это фокусируется на конкретном функциональном потоке в системе. Это может быть небольшая прямая последовательность экранов или путешествие с ответвлениями. Например, пользователь загружает несколько фотографий или видео.

  3. Схема навигации. Нарисуйте свой экран и содержащиеся в нем параметры. Это не должно отображать путешествие. Этот шаг включает в себя информацию, которая показывает параметры, которые может выбрать пользователь, направления, которые есть у пользователей, и различные части приложения. Я обычно создаю схему навигации в начале проекта. Он служит для понимания того, как должна быть устроена навигация (какие точки должны быть включены, сколько необходимо уровней).

  4. Состояние экрана. Нарисуйте состояние экрана или элемента (примером может быть диалог загрузки файла). В этом случае, например, экран будет иметь следующие состояния:

    • Пустой
    • Пользователь тянет файл в активной области
    • Файл загружается
    • Файл загружен
    • Ошибка

Создание эскизов UX Flow: краткое практическое руководство

Процесс проектирования Wireflow аналогичен каркасному. Многие шаги похожи или идентичны, но есть несколько важных отличий:

Определите, что вам нужно нарисовать. Решите, что именно вы хотите нарисовать (например, общую историю или фрагмент вашего дизайна). Хотите сгенерировать разные варианты или продумать детали одного путешествия? Решите, собираетесь ли вы показывать свои наброски кому-то еще или нет.

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

Определите начальную точку. Что будет отправной точкой вашего путешествия? Вы можете начать с точки входа, т. е. начала пути, например, того, что видит пользователь, когда входит в ваше приложение. Кроме того, вы можете начать с середины или с наиболее интересных/сложных/важных экранов или шагов процесса. Или вы можете начать с конца, с конечного результата, достигнутого пользователем, и описать шаги, которые пользователь предпринял, чтобы прийти к этому моменту.

Решите, что будет дальше. Нарисовав начальные шаги, решите, что делать дальше, ответив на следующие вопросы:

  • В каком направлении этот шаг приведет пользователей?
  • Куда вы хотите, чтобы они пошли?
  • Что им нужно сделать, чтобы попасть туда?

Эскиз альтернативных маршрутов, входов. Подумайте об альтернативных способах, с помощью которых пользователь может перейти к каждому шагу:

  • Что произойдет, если интернет-соединение пользователя прервется?
  • Какие еще варианты у них есть?
  • Что может пойти не так в случае ошибки пользователя или приложения, что произойдет?
  • Что произойдет, если пользователь закроет приложение на этом этапе?
  • С чего начнет пользователь при следующем запуске приложения?

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

Добавляйте аннотации, примечания, детали. Добавьте поясняющие элементы, которые прояснят неочевидные детали.

Сохранить. Сделайте цифровую копию эскиза.

Доля. Поделитесь эскизом (например, через Evernote или InVision).

Essential UX Flow Sketching Tips and Tricks

Сначала набросайте схему проводки. Если вы собираетесь продумывать довольно долгое путешествие, лучше сделать быстрый набросок, чтобы понять, сколько места вам нужно, и чтобы не упустить какие-то важные шаги или детали. После этого будет сложно добавить их на бумажный набросок.

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

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

Попробуйте разные форматы бумаги. Попробуйте разные форматы бумаги, A3 или A5. Размер листа бумаги ограничит вас и по-разному повлияет на ваш процесс. Небольшой лист бумаги не позволит вам добавить много экранов или деталей, но может помочь сконцентрироваться на основных идеях. На большом листе бумаги можно нарисовать одно огромное путешествие, множество деталей и дополнительных заметок. Кроме того, вы можете разместить на нем несколько небольших путешествий.

Стикеры также могут помочь. Вы также можете попробовать использовать стикеры. Вы можете рисовать отдельные экраны или какие-то сноски на них, а можете рисовать дополнительные состояния элементов вашего скетча. Их преимущество в том, что их можно легко заменить, также можно просто переместить заметку в другое место. Например, если поток изменился, вы можете просто изменить порядок своих заметок.

Использовать шаблоны. Попробуйте использовать шаблоны. Они сэкономят время и позволят вам создавать более интерактивные и высококачественные прототипы.

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

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

  • Линии, следующие за направлением света — это не всегда выглядит красиво, но вы можете использовать градуировку и поднимать объекты на разную «высоту».
  • Выделение некоторой части более темным цветом (только низ или низ и правая сторона)
  • Использование маркера Pro (или его эквивалента в приложении, которое вы используете для рисования)

Компоненты чертежа. Возражение типа «Я не умею так хорошо рисовать» может задушить вашу инициативу. На самом деле это проще, чем кажется. Даже самые сложные эскизы обычно состоят из нескольких базовых блоков, как в этом примере. Если вы можете нарисовать точку, линию, треугольник, квадрат и круг, то у вас есть основные строительные блоки, необходимые для рисования чего-либо для вашего эскиза.

Собираем все вместе. Основные элементы, кнопки, переключатели и раскрывающиеся списки состоят из базовых элементов. Научившись рисовать эти элементы, вы сможете комбинировать их и рисовать сложные блоки и компоненты.

Резюме

Целью этого поста не было создание окончательного, универсального руководства по UX-наброскам или наброскам в целом, потому что у дизайнеров разные потребности и личные предпочтения.

Как видите, это много для покрытия. Дизайнеры используют множество инструментов, методов и подходов для создания эскизов UX, и это довольно субъективно. Некоторые методы могут работать или не работать для разных людей, работающих над разными проектами. Если вы только начинаете, вам обязательно стоит поэкспериментировать. Постоянная практика и эксперименты помогут вам найти то, что работает именно для вас.

Вам решать, какие советы и приемы лучше всего подходят для вашего проекта и вашего подхода к дизайну. Есть ли у вас какие-либо дополнительные советы по созданию набросков для других UX-специалистов? Не стесняйтесь поделиться ими в разделе комментариев.

• • •

Дальнейшее чтение в блоге Toptal Design:

  • UX электронной коммерции — обзор лучших практик (с инфографикой)
  • Важность ориентированного на человека дизайна в дизайне продукта
  • Лучшие портфолио дизайнеров UX — вдохновляющие тематические исследования и примеры
  • Эвристические принципы для мобильных интерфейсов
  • Упреждающий дизайн: как создать волшебный пользовательский опыт

My Sketch Journal — Практические советы и вдохновение для художников

15 января 2023 г.

Как превратить ваши творческие усилия в успешный бизнес

Как художники, мы любим теряться и часами создавать шедевры. Это наша страсть, и мы не хотим ничего больше, чем делать это каждый день. Еще более захватывающая цель — превратить вашу творческую страсть в успешный бизнес. Это может показаться непростым, но при правильном планировании вы можете […]

Подробнее

16 декабря 2022 г.

Искусство Средние начальные расходы для тех, у кого ограниченный бюджет

Каков первый шаг к карьере в искусстве? Уточняем стоимость материалов. Если вы только начинаете или переходите на новую среду, понимание того, сколько денег задействовано, может помочь вам составить бюджет и спланировать успех. От краски до холста и всего, что между ними, стартовые затраты художника зависят […]

Подробнее

26 ноября 2022 г.

9 креативных, но простых идей рисования акрилом для начинающих

Гостевая статья Кто не любит макароны? Ответ прост: у всех так! А акриловая живопись — это то, что многие лелеют и любят видеть, поскольку она вызывает такие сильные эмоции с удивительными и значительными цветами. И если вы тот, кто всегда любил рисовать и хочет начать свое путешествие с акриловой краской, тогда […]

Подробнее

6 ноября 2022 г.

6 Принадлежности для рисования, которые должны быть у новичка

Когда вы только начинаете заниматься искусством, есть несколько необходимых предметов. Это абсолютные фундаментальные потребности для создания искусства. Конечно, по мере приобретения опыта вы можете обнаружить, что вам нужны дополнительные предметы. Тем не менее, следующие шесть являются важными художественными ресурсами для новичков. Для рисования вам понадобится альбом для рисования или что-то […]

Подробнее

27 августа 2022 г.

Как креативщики могут найти свою аудиторию

Тина Мартин Превратить свою страсть в карьеру может показаться невозможным, особенно для тех, кто не знает, с чего начать. Монетизация ваших творческих талантов требует определенного делового чутья в дополнение к уникальному и привлекательному стилю. Художники и другие авторы могут извлечь пользу из этих советов по созданию клиентской базы и […]

Подробнее

3 августа 2022 г.

Подготовка к вашему первому ремесленному шоу или выставке поставщиков

Тина Мартин Независимо от того, являетесь ли вы одним из почти 2,5 миллионов американцев, которые работают в основном как художники, по данным Национального фонда искусств, или вы просто балуетесь побочным бизнесом, ремеслами и выставками поставщиков, важно чтобы ваши изделия ручной работы были представлены аудитории, готовой к покупке. Подготовка […]

Подробнее

7 апреля 2022 г.

9 способов избежать грязной масляной живописи

Я рисую маслом более 15 лет. Мне нравится масляная краска из-за ее невероятной универсальности, возможностей смешивания, неприхотливой техники, стабильности и воспринимаемой ценности на рынке. Но этот выбор может принести ряд проблем, если вы привыкли к краскам на водной основе. Так как же не устроить большой беспорядок, когда […]

Подробнее

19 марта 2022 г.

Поверхности, окрашенные масляной краской: все, что вам нужно для начала работы

Масляная краска — очень универсальный материал, который прилипает к различным типам поверхностей. Однако, в зависимости от вашего стиля рисования и целей художника, некоторые поверхности лучше, чем другие. Давайте погрузимся и посмотрим на некоторые различные поверхности для масляной живописи и предоставим вам всю необходимую информацию […]

Подробнее

19 января 2022 г.

Resin 101: Introduction to Create Resin Art

Создание иллюстраций из смолы может показаться сложным, но это не обязательно, если вы знаете основы. Вы ищете проект DIY, связанный с искусством и ремеслом? Что-то заманчивое, красочное и уникальное? Эта статья удовлетворит ваше любопытство, и после того, как вы закончите читать, вы узнаете, как создать свою эпоксидную смолу […]

Подробнее

11 января 2022 г.

Плохо пахнущая масляная краска – и что с этим делать

Одна из основных причин, по которым люди не хотят рисовать маслом, – это пары и/или токсичность. Меня это всегда удивляет, потому что на самом деле хорошая, качественная масляная краска не более токсична, чем акварель или акрил, и она не обязательно должна иметь неприятный запах. В этой статье я расскажу […]

Подробнее

6 декабря 2021 г.

Семь секретов хороших картин деревьев

В большинстве пейзажных картин деревья обычно являются центром внимания или, по крайней мере, сильным элементом сцены. Их разнообразие форм, не только среди разных видов, но и в зависимости от того, как они расположены, может улучшить любую пейзажную картину. Тем не менее, плохо нарисованные деревья могут быть причиной номер один для неудачных пейзажных картин. Среди начинающих […]

Подробнее

3 ноября 2021 г.

Восемь секретов хороших картин заката

Многие художники любят рисовать закаты. Красивые насыщенные цвета, упрощенный передний план и драматические облака манят нас взяться за кисти и сделать все возможное, чтобы запечатлеть этот великолепный, но мимолетный момент. Однако есть много ошибок, которые могут совершить начинающие и даже опытные художники, которые испортят их картины заката. […]

Подробнее

16 мая 2021 г.

Как сделать цвет черным без черной краски

Черный, пожалуй, самый противоречивый цвет, который художник может использовать в своей палитре. Некоторые художники клянутся им и не посмеют рисовать без него, другие художники не будут иметь с ним ничего общего. Мы собираемся изучить тему черного цвета в живописи и как смешать черный цвет без […]

Подробнее

31 марта 2021 г.

Придание вашей масляной живописи глянцевого вида

Существует множество причин, по которым художники предпочитают рисовать масляными красками. В то время как многочисленные возможности смешивания, более длительное время работы, насыщенные и глубокие цвета являются некоторыми из причин, глянцевая поверхность является одной из самых популярных. Но то, что вы рисуете маслом, не означает, что у вас будет глянцевый результат. Итак, как […]

Подробнее

10 марта 2021 г.

12 способов разбавления масляной краски

Для художников существует несколько способов разбавления масляной краски. Однако лучший метод разбавления будет зависеть от того, насколько тонкой вы хотите сделать краску, от вашей техники рисования и от того, какого блеска вы хотите добиться. Итак, каковы некоторые из лучших способов разбавления масляной краски? Разбавляющая масляная краска […]

Подробнее

16 февраля 2021 г.

Рисование с помощью угольного порошка

Угольный порошок — очень интересный и универсальный материал, с помощью которого можно создавать различные эффекты. Но это также может быть довольно грязно, если вы не будете осторожны. Давайте рассмотрим несколько различных способов рисования угольным порошком. Фоновые эффекты с помощью порошкообразного древесного угля. Измельченный уголь — один из моих любимых способов создания […]

Подробнее

2 февраля 2021 г.

Что нужно для рисования углем?

Древесный уголь считается старейшим материалом для рисования в мире. Обугленные палочки использовались, чтобы делать отметки на стенах древних пещер. Несмотря на то, что это самый примитивный носитель, существует множество дополнительных инструментов, которые делают этот устойчивый носитель очень современным. Итак, давайте посмотрим на список предметов, которые необходимы […]

Подробнее

15 января 2021 г.

Как чистить кисти для масляной живописи во время и после рисования

Хорошие кисти для масляной живописи недешевы. Тем не менее, если за ними правильно ухаживать, они могут прослужить вам много картин. Если ваши кисти станут жесткими от засохшей масляной краски, это разрушит ваши вложения и вашу способность рисовать. Давайте рассмотрим некоторые способы очистки кистей для масляной живописи во время и после […]

Подробнее

3 января 2021 г.

12 способов создания текстуры масляной краской

Одной из самых интригующих и приятных вещей в рисовании масляной краской является возможность художника создавать различные текстуры, от водяных капель до густых пастозных мазков. Многое может повлиять на текстуру масляной краски, в зависимости от ваших желаний. Масляная живопись с текстурой достигается прежде всего […]

Подробнее

16 ноября 2020 г.

Как рисовать человеческий глаз: все, что вам нужно знать

Когда мы были детьми, большинство из нас рисовало человеческий глаз двумя дугообразными линиями, содержащими круг посередине. Но для серьезного художника набросок или рисование реалистичного человеческого глаза требует больше знаний и утонченности, особенно если вы хотите нарисовать глаз под разными углами. Так что же лучше […]

Подробнее

4 октября 2020 г.

Как рисовать линейную перспективу без точек схода

Знание принципов линейной перспективы необходимо при рисовании архитектуры или любого другого предмета. Однако использование некоторых методов линейной перспективы при рисовании или наброске часто бывает непрактичным, потому что у вас либо есть точки схода, находящиеся за пределами поверхности рисования, либо вы получаете преувеличенные и неестественные углы […]

Подробнее

9 августа 2020 г.

16 основных навыков, необходимых для создания великолепных произведений искусства

Если вы только начинаете или даже уже некоторое время работаете художником, вам может быть сложно понять, какими навыками должен обладать художник, чтобы создавать красивые и великолепно выглядящие произведения искусства. . Знание того, над чем работать, может оказать огромную помощь. В этой статье мы обсудим 16 […]

Подробнее

17 июля 2020 г.

Почему на картинах маслом появляются тусклые пятна и как это исправить

Художники называют это по-разному: проваливание, мертвые зоны, ореолы, пятна, и это может быть одним из самых больших разочарований для художников, рисующих маслом. Когда ваша красивая картина высыхает, некоторые пятна кажутся тусклыми и бесцветными. Итак, как вы можете предотвратить появление тусклых пятен на вашей картине маслом? Вы можете предотвратить впитывание масляной краски […]

Подробнее

11 июля 2020 г.

Живопись маслом по мокрому — основы и не только

В профессиональных художественных кругах это называется Алла Прима, в других — мокрым по мокрому. Но независимо от того, как вы это называете, масляная живопись мокрым по мокрому может дать вам результаты, которых невозможно достичь с помощью других техник. Так что же такое масляная живопись мокрым по мокрому и как это делается? Мокрый по мокрому маслу […]

Подробнее

4 июля 2020 г.

Как быстро нарисовать людей за 10 простых шагов

Человеческая фигура — одна из самых красивых и сложных форм в природе, поэтому рисовать ее очень сложно. Так как же художнику быстро и легко создавать зарисовки людей? В этой статье я покажу вам, как рисовать людей с помощью этого быстрого и простого пошагового процесса. Начните с рисования квадрата […]

Подробнее

29 июня 2020 г.

9 способов ускорить высыхание масляных красок

Ожидание высыхания масляных красок может испытать терпение художника, особенно тех, кто привык к быстросохнущим краскам, таким как акварель или акрил. В этой статье мы рассмотрим 9 различных техник, позволяющих ускорить высыхание масляных красок. Окрашивать в сухом хорошо проветриваемом помещении Как сказано выше, масляная краска высыхает через […]

Подробнее

20 июня 2020 г.

Лучший способ нарисовать реалистичную лошадь за 8 шагов

В Интернете есть множество учебных пособий, в которых показано, как нарисовать лошадь с помощью кругов и прямоугольников. Проблема с этим подходом в том, что он обычно не приводит к реалистично выглядящей лошади. Так как же нарисовать реалистичную лошадь? Я разобью его для вас на 8 общих шагов и рассмотрю каждый шаг […]

Подробнее

14 июня 2020 г.

Превратите свой рисунок в картину с сеткой или без нее

Итак, у вас есть красивый рисунок, который вы хотели бы нарисовать, и вы хотите, чтобы рисунок был больше, чем рисунок. Как вы превращаете свой маленький рисунок в большую картину и увеличиваете рисунок на холсте? Есть несколько способов перенести меньший рисунок на большую картину […]

Подробнее

4 июня 2020 г.

Необходимые предметы для набора для рисования в полевых условиях

Наличие подходящих инструментов и материалов для рисования на открытом воздухе может сделать день удачным или неудачным. Нет ничего более разочаровывающего, чем прибыть в пункт назначения и обнаружить, что вы забыли карандаши или акварельные кисти. Таким образом, возникает вопрос, какие предметы первой необходимости необходимы для […]

Подробнее

28 мая 2020 г.

Масляная живопись без растворителей: что нужно знать художникам

Использование растворителей для разбавления масляной краски или очистки кистей может вызвать проблемы со здоровьем у некоторых художников. Но не нужно отказываться от масляной живописи или прибегать к водоэмульсионным масляным краскам из-за непереносимости растворителей. В этой статье мы рассмотрим масляную живопись без растворителей и что нужно знать художникам. Масляная живопись без растворителей […]

Подробнее

20 мая 2020 г.

Восемь вещей, которые вы должны знать, чтобы делать наброски реалистичных облаков

Облака могут добавить изюминку вашим пейзажным рисункам, но сделать их реалистичными может быть довольно сложно. Так как же нарисовать облака и сделать их реалистичными? Мы обсудим восемь вещей, которые вы должны знать, чтобы рисовать реалистичные облака. Знайте облачные семейства и их формы Существует четыре различных типа […]

Подробнее

15 мая 2020 г.

6 способов держать карандаш для рисования: плюсы и минусы каждого

Как держать карандаш во время рисования или наброска? По сути, есть 6 способов держать карандаш для рисования, и у каждого из них есть свои плюсы и минусы. Какой захват вы используете, зависит от результатов, которых вы хотите достичь в своем рисовании. Письменный или штативный способ держать карандаш Это […]

Подробнее

7 мая 2020 г.

Сочетание древесного угля и карандаша. Что происходит при совместном использовании

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

Подробнее

6 мая 2020 г.

10 предметов для улучшения навыков рисования

Если вы хотите как можно быстрее научиться рисовать лучше, вам нужно сосредоточиться на предметах и ​​методах, которые бросят вызов вашему творческому росту. Ниже мы рассмотрим 10 предметов для улучшения навыков рисования. Научитесь рисовать человеческую фигуру Это, вероятно, самый проверенный временем процесс для […]

Подробнее

5 мая 2020 г.

Начальные расходы на живопись маслом и что вам на самом деле нужно

Если вы только начинаете рисовать маслом, многочисленные варианты могут быть довольно пугающими, и вы можете задаться вопросом, сколько это будет стоить. Давайте обсудим некоторые начальные затраты на масляную живопись и то, что вам действительно нужно, чтобы начать масляную живопись. Стоимость начала масляной живописи может варьироваться в зависимости от количества цветов […]

Подробнее

4 мая 2020 г.

Умение рисовать эскизы — сколько времени это занимает?

Умение делать наброски или рисовать требует самоотверженности, решимости и вдохновения, но это также то, что может сделать каждый. Давайте подробнее рассмотрим, сколько времени может занять этот процесс и что для этого нужно. Вы можете хорошо рисовать или делать наброски, делая 5 набросков в день, или за […]

Подробнее

2 мая 2020 г.

Пятна в вашем альбоме для рисования — не допускайте смазывания рисунков

После более чем двух десятилетий рисования и заполнения стопок альбомов я столкнулся со множеством нечетких рисунков. Так как же сохранить рисунки в альбоме для рисования от размазывания и размазывания? Самый эффективный способ предотвратить появление пятен — сбрызнуть рисунки фиксирующим спреем после их завершения. Другие методы включают лак для волос с использованием […]

Подробнее

30 апреля 2020 г.

Быстрый и простой способ хранения масляных красок

Масляная краска стоит дорого. Дать краске высохнуть на палитре — все равно, что выбросить деньги на ветер. Существуют различные способы хранения использованных масляных красок, но какие из них лучше? Лучший способ для художников хранить использованные масляные краски и предохранять их от высыхания — это размещать их на […]

Подробнее

29 апреля 2020 г.

Упражнения по рисованию, которые помогут новичкам учиться, а профессионалам совершенствоваться

Когда я начал рисовать, мне очень помогли определенные упражнения по рисованию, которые не только улучшили мою ловкость, но и, самое главное, увеличили мою наблюдательность. Ниже приведены некоторые упражнения по рисованию, которые помогут вам улучшить свои навыки рисования. Упражнения по быстрому рисованию линий Есть много вариантов упражнений этого типа, ниже мы рассмотрим […]

Подробнее

29 апреля 2020 г.

Что использовать для рисования на холсте

Многие художники любят набрасывать свои идеи на холсте перед тем, как начать рисовать. Но какую среду вы должны использовать для рисования на холсте? Ниже мы поговорим о некоторых различных вариантах. Чтобы сохранить детальный эскиз на протяжении всего процесса рисования, используйте карандаш класса H и закрепите его фиксирующим спреем. Используйте древесный уголь, если […]

Подробнее

27 апреля 2020 г.

Самый светлый и самый темный карандаши для рисования и как их использовать

Использование правильного карандаша для рисования может иметь большое значение в том, как получатся ваши наброски или рисунки. Мы поговорим о различных классах карандашей для рисования и о том, как их лучше всего использовать. Среди представленных на рынке графитовых карандашей самым светлым является 6H, а самым темным — 8B. Чем выше номер […]

Подробнее

25 апреля 2020 г.

Идеи для скетчбука: 10 отличных идей для поддержания вашего художественного вдохновения

Независимо от того, начали ли вы рисовать наброски в течение некоторого времени или уже некоторое время, художникам может быть сложно следить за своими скетчбуками. Вот несколько идей для скетчбука: 10 отличных идей для поддержания вашего творческого вдохновения, чтобы у вас никогда не заканчивались идеи о том, что рисовать. Измените среду для создания эскизов Переход в другую среду […]

Подробнее

11 апреля 2020 г.

Советы художникам во время пандемии

Закрытые галереи, отмененные выставки, приют на месте заказов. Хотя это может выглядеть мрачно, ниже приведены несколько советов художникам во время пандемии.

Подробнее

28 марта 2020 г.

Планирование сложной картины маслом

Существует несколько этапов планирования сложной картины маслом. Здесь я описываю процесс, через который я прошел, чтобы прийти к моей последней большой картине.

Подробнее

18 марта 2020 г.

Преодоление сомнений в своем творчестве

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

Подробнее

13 марта 2020 г.

Как продавать искусство на выставках изобразительного искусства

Как продавать искусство на выставках изобразительного искусства — вопрос, над которым я часто задумывался, особенно когда продажи падали. Хотя я проводил пленэрные мероприятия, которые немного отличаются от традиционных выставок, мой основной опыт связан с дикой природой и историческим искусством. Вот некоторые вещи, которые я узнал за эти годы […]

Подробнее

11 марта 2020 г.

Подготовка к выставке изобразительного искусства. Часть 2

Правильная подготовка к выставке изобразительного искусства и правильное размещение вашей работы могут иметь решающее значение для успеха вашего шоу. Это вторая часть серии статей о том, как организовать успешную художественную выставку. См. первый пост Подготовка к художественной выставке. Часть 1. Подготовьтесь к выставке […]

Подробнее

27 февраля 2020 г.

Подготовка к выставке изобразительного искусства. Часть 1

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

Подробнее

30 января 2020 г.

Как нарисовать кардинала масляными красками

Как нарисовать кардинала мужского пола масляными красками в зимнем свете. Отрывки из демонстрации видео.

Подробнее

11 января 2020 г.

Книги, которые изменили мою художественную жизнь

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

Подробнее

3 января 2020 г.

Advanced Charcoal Techniques

Поддерживать чистоту рисунка углем несложно, если выполнить несколько простых шагов.

Подробнее

17 декабря 2019 г.

Quick Sketchbook Idea-Sleeping Children

Opportunity Sleeps Ранее я писал об идеях рисования для занятых людей. Вот краткая идея для скетчбука — спящие дети. Сегодня вечером мой сын заснул в нашем кресле, ожидая, когда его мать придет почитать ему. Несмотря на то, что он пропустил рассказ, он предоставил мне возможность поместить свой собственный совет в […]

Подробнее

14 декабря 2019 г.

Рисунок без границ

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

Добавить комментарий Отменить ответ

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Рубрики

  • Для начинающих
  • Как рисовать
  • Карандаш
  • Поэтапно
  • Разное
  • Советы
  • Срисовка
  • Уроки
2023 © Все права защищены.