загострюйте свої навички ескізів

Sep 16, 2025

Як

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

Найпопулярніші поради для початківців

Однак, здається, є потенційний бар'єр, який зупиняється багато людей з перших кроків і підбираючи перо - особливо для тих, хто виходить з неконструкції, як програмування, дослідження або управління продуктом. Речення «Я не знаю як малювати "Може бути глибоко закріпіть у наших головах, переконував нас, що, якщо б ми ніколи не мала сенсу для мистецтва, ескіз не може бути для нас.

Хороша новина полягає в тому, що всі можуть ескіз. Ескіз не стосується створення творів мистецтва, але виражаючи ідеї та поняття, видимі. Коли мова йде про накреслення інтерфейсів, наприклад, лінії та ящики поєднуються різними способами складають 99 відсотків наших ескізів.

У цій статті ми будемо ближче подивитися на ці основні інгредієнти та вивчити деякі прості методики, щоб зробити наші лінії та коробки Neater, Cleaner та більш впевнені. Чи ми використовуємо ескізи, щоб уточнити наше мислення, співпрацювати за рішенням з колегами або представити концепцію для зацікавлених сторін та клієнтів, ми зробимо це набагато легше для всіх, щоб побачити, що ми маємо на увазі ".

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. Уявіть собі свою аудиторію

Як - Найпопулярніші статті

Малюнок малюнок: Посібник для початківців

Як зробити мем у Photoshop

Як використовувати Reach Spring для анімації компонентів

Створіть анімований 3D-ефект

Як зробити свій власний символ Біблії

Як створити персонажів мультфільмів у кіно 4D

Як малювати фантастичні звірі

Як скульптувати 3D-друковану гобліну

Категорії