Заточите свои навыки эскизы

Sep 11, 2025

Инструкции

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

Лучшие эскизы для начинающих

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

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

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

01. Нарисуйте уверенные линии

Clear, confident lines make readability easier — Очистить, уверенные линии облегчают читаемость

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

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

02. Не бросай свои строки

Thrown lines are great for creating dynamism, but no good for a clear sketch — Брошенные линии отлично подходят для создания динамики, но не хорошо для четкого эскиза

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

03. Поднимите запястье, чтобы нарисовать прямые линии

If you’re having trouble keeping your lines straight, try lifting your hand off the page and pulling the pen towards you, rather than pushing it away — Если у вас проблемы с поддержанием ваших строк прямо, попробуйте поднять руку со страницы и потянуть ручку к вам, а не отталкивать его

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

04. Нарисуй к себе

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

05. Найдите свою оптимальную скорость эскизы

Find the right speed so you don’t end up with shaky lines, or lines that go off target — Найдите правильную скорость, чтобы вы не заканчиваете шаткие линии, или линии, которые выходят из цели

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

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

06. Не рисуйте волосатые линии

Draw one long, confident line – hairy lines are distracting — Нарисуйте одну длинную, уверенную линию - волосатые линии отвлекают

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

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

07. Эскиз четкие формы

Lift your pen between each straight line to slow down your drawing and keep your shapes crisp — Поднимите ручку между каждой прямой, чтобы замедлить рисунок и сохранить свои формы четкими

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

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

08. Закройте углы форм

Take some time to make sure you close up your shapes. Gaps between lines simply add visual noise — Найдите некоторое время, чтобы убедиться, что вы закроете свои формы. Пробелы между линиями просто добавить визуальный шум

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

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

09. Эскиз аккуратный слепой текст

Opt for straight lines for body copy and a tight zigzag for headers — Выберите прямые линии для корпуса и узкого зигзага для заголовков

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

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

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

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

10. Идите на низкую верность, чтобы передать вашу концепцию

Practise paring sketches back to just the essentials needed to capture your idea — Практиковать нарисованные наброски, обратно только к основам, необходимым для захвата вашей идеи

Ханс Хофманн однажды сказал: «Способность упростить средства для устранения ненужного, так что необходимое может говорить».

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

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

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

11. Эскиз существующих интерфейсов

Base your practice sketches on an existing page to focus on capturing the essence of the design, rather than creating a new layout — Основана на эскизы вашей практики на существующей странице, чтобы сосредоточиться на захвате сущности конструкции, а не создание нового макета

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

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

12. Представьте себе свою аудиторию

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

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

Эта статья изначально появилась в Чистый журнал Выпуск 285.

Понравилось это? Затем проверьте эти:

Создание раскаревов для веб-анимаций
Как сделать ваши приложения безверенным
20 Большие ресурсы для изучения графического дизайна

Заточите свои навыки эскизы

01. Нарисуйте уверенные линии

02. Не бросай свои строки

03. Поднимите запястье, чтобы нарисовать прямые линии

04. Нарисуй к себе

05. Найдите свою оптимальную скорость эскизы

06. Не рисуйте волосатые линии

07. Эскиз четкие формы

08. Закройте углы форм

09. Эскиз аккуратный слепой текст

10. Идите на низкую верность, чтобы передать вашу концепцию

11. Эскиз существующих интерфейсов

12. Представьте себе свою аудиторию

Инструкции - Самые популярные статьи

Проводить бесплатные и быстрые пользовательские тесты с помощью UserLook

Как реализовать светлые или темные режимы в CSS

Стиль сайт с использованием Sass

Легкие методы позирования для 3D-моделей

Создание меню выстреливания

сделать траву в нереальном двигателе

Как управлять классами CSS с JavaScript

сделать реалистичные растения в кино 4D

Категории