Vyostřete své skicování dovednosti

Sep 16, 2025

jak

Kreslení je jednoduchý, ale silný nástroj pro každého, kdo se zabývá výrobou digitálních výrobků. Pera, papír a tabule jsou snadno dostupné v každé kanceláři; Není třeba drahý hardware nebo software. Je to rychlé, je to levné a nemusíme být umělci k čmajícímu jednoduchému diagramu vysvětlující naše nápady.

Top skicování tipy pro začátečníky

Zdá se však, že se jedná o potenciální bariérou zastavení spousty lidí z první kroky a vyzvednutí pera - zejména pro ty, kteří pocházejí z non-design pozadí jako programování, výzkum nebo management produktů. Věta "nevím jak kreslit "Může být hluboce zakotven v našich hlavách, přesvědčovat nás, že kdybychom nikdy neměli talent pro umění, skicování pro nás nemůže být.

Dobrou zprávou je, že každý může skici. Skicování není o vytváření uměleckých děl, ale vyjadřuje myšlenky a viditelné pojmy. Pokud jde o skicování rozhraní, například řádky a krabice kombinované různými způsoby tvoří 99% našich náčrtů.

V tomto článku se podíváme bližší pohled na tyto základní složky a prozkoumáme některé jednoduché techniky, aby naše linie a krabice nameater, čistší a jistější. Ať už používáme náčrtky pro objasnění našeho myšlení, spolupracovat na řešení s kolegy nebo předložit koncepci zainteresovaných stran a klientů, uděláme to mnohem jednodušší pro každého, aby "uviděli, co máme na mysli".

01. Nakreslete jistoty

Clear, confident lines make readability easier — Jasné, jisté čáry usnadňují čitelnost

Sebevědomá linie mají definovaný začátek, klidný a stabilní střední a pevný, definovaný konec. Chcete-li praxe dělat vaše linie jistější, věnujte pozornost každému z těchto tří částí vašich linek.

To může pomoci vědomě pauzu na začátku a konec dát linii pěkný pevný pocit na obou stranách. Před spuštěním řádku můžete dokonce přesunout pero proti směru čáry a po ukončení jeho vizuálního posílení konců.

02. Nehazujte své řádky

Thrown lines are great for creating dynamism, but no good for a clear sketch — Hozené linky jsou skvělé pro vytváření dynamiku, ale ne dobré pro jasný náčrtek

Když hodíte své řádky, zaměření je na začátku, ale ztratí se po cestě. Zásuvka ztrácí ovládání a řádek ztrácí definici ke konci. Hodinové linky jsou skvělým způsobem, jak vyjádřit dynamiku (například ve storyboard), ale při skicování rozhraní je zaměření na jasnost a čitelnost, spíše než dynamický výraz.

03. Zvedněte zápěstí, abyste kreslili přímky

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 — Pokud máte potíže s udržováním řádků přímo, zkuste zvednout ruku ze stránky a vytáhnout pero směrem k vám, spíše než to pryč

Pokud vaše čáry - obzvláště dlouhé - všechny vypadají, spíše lehce zakřivené než rovné, zkuste zvednout zápěstí z papíru a pohybovat celou ruku. Můžete použít svůj malý prst, abyste stabilizovali ruku na papír.

04. Nakreslete se k sobě

Dalším způsobem, jak dosáhnout rovnějších linií, je nakreslit je k sobě. Máme tendenci mít více kontroly nad naší ruční hnutí, když vytáhneme ruku směrem ke středu našeho těla (břicho), spíše než od něj odtrhnout. Stačí otočit svůj kus papíru, když potřebujete čerpat vodorovné čáry.

05. Najděte optimální rychlost skicování

Find the right speed so you don’t end up with shaky lines, or lines that go off target — Najděte správnou rychlost, takže nekončíte s roztřesenými čarami, nebo čáry, které jdou mimo cíl

Skicování je rychlá technika, ale není třeba být spěšně. Nespěchejte pero kolem papíru. Namísto toho najdete stabilní tempo, které vám umožní ovládat vaše řádky a provést jasné značky.

Pokud jsou vaše linie roztřesené, pravděpodobně jedete příliš pomalu. Urychlení výkresu vám může pomoci vytvořit hladší linie. Pokud jsou vaše řádky mimo cíl, pravděpodobně jdete příliš rychle. Zpomalení dolů vám pomůže ovládat cestu vašich linek lépe.

06. Nenechte kreslit chlupaté linky

Draw one long, confident line – hairy lines are distracting — Nakreslete jednu dlouhou, sebevědomá linie - chlupaté linky jsou rušivé

Někteří lidé mají zvyk skicování linky v mnoha malých segmentech. Z mých zkušeností se obvykle děje, když někdo není tak jistý s nákrokem, a snaží se najít správný řádek, kousek.

Výsledné "chlupaté" čáry ukazují tuto nejistotu a přidávají vizuální šum na náčrtek. Praxe plné, spojité linie. Pokud se linka nedostane, jak jste plánovali, stačí jinou, "lepší" nahoře. Postupem času to bude mít za následek jistější, klidnější pohled.

07. Sketch Jasné tvary

Lift your pen between each straight line to slow down your drawing and keep your shapes crisp — Zvedněte pero mezi každou přímkou přímkou, abyste zpomalili výkres a udržujte své tvary ostré

Krabička je jednoduchý tvar skládající se ze čtyř řádků, které se scházejí v úhlech 90 stupňů. Chcete-li načrtnout čistý box, nakreslete každou stranu individuálně a zvedněte pero mezi každým řádkem. To vám pomůže udržet každou stranu rovnou a činí rohy pěkné a definované.

Zvedání pera přirozeně vás nutí zpomalit trochu, což je jeden z nejlepších způsobů, jak se vyhnout nedbalý boxy.

08. Zavřete rohy tvarů

Take some time to make sure you close up your shapes. Gaps between lines simply add visual noise — Udělejte si nějaký čas, abyste se ujistili, že zblízka tvary. Mezery mezi řádky jednoduše přidat vizuální hluk

Naše mysl vnímá jednotlivé tahy jako jeden úplný tvar, i když rohy nejsou řádně uzavřeny. Je to proto, že lidský mozek je docela úžasný - zejména část, která se zabývá vizuálním vnímáním.

Nicméně, takže rohy vašich krabic otevřených vytváří vizuální hluk a odvádí duševní zpracování pryč od toho, co skutečně chcete, aby váš divák oznámil. Udělejte zvyk řádně zavírání rohů vašich krabic. Pokud se rohy překrývají, to je v pořádku.

09. Skica elegantní slepý text

Opt for straight lines for body copy and a tight zigzag for headers — Rozhodněte se pro přímky pro kopii karoserie a pevně klikat pro záhlaví

Při skicování často používáme čáry a klíčky reprezentovat text. To je rychlý způsob, jak načrtnout záhlaví a bloky textu při zachování snižování věrnosti a zabránění divákům, aby se rozptýlili skutečný, čitelný obsah.

Když nevěnujeme pozornost, je snadné spadnout do zvyku používat náhodné vlnovky (jako ty, které se spojujeme s rukopisem), zvláště když se snažíme reprezentovat větší písma jako záhlaví nebo velké etikety. To znovu přidává vizuální šum a váš náčrt je těžké číst.

Dostaňte se do zvyku používat rovné čáry pro karoserii kopii a elegantní, pevný klikatý reprezentovat větší text.

Když vložíte všechny tyto drobné detaily dohromady, rozdíl, který dělá celkový vzhled vašich náčrtků je poměrně působivý. Nezapomeňte, že cílem není vytvořit "krásné" nebo "arty" náčrtky, ale aby váš výstup jasný a klidný, takže prohlížeč se může zaměřit na myšlenku, která je zobrazena, spíše než se rozrušit zbytečným vizuálním hlukem.

10. Jděte na nízkou věrnost, kterou chcete sdělit svůj koncept

Practise paring sketches back to just the essentials needed to capture your idea — Praxe faratování náčrtků zpět do základních základů potřebných k zachycení vašeho nápadu

Hans Hofmann kdysi řekl: "Schopnost zjednodušit prostředky k odstranění zbytečného tak, aby bylo možné mluvit."

Za pouhými technickými dovednostmi výroby přímých linek a úhledných boxů leží mnohem složitější, více koncepční strany skicování. Které části musím skici sdělit koncept? Jaká úroveň věrnosti je správná pro fázi, na kterém jsem?

Moje obecná rada je: Pokud se chcete zaměřit na zlepšení jedné věci, aby to skicování při nízké věrnosti. S vyučováním skica na stovky UX praktiků, zjistil jsem, že snižování náčrtu do své podstaty je zdaleka nejtěžší výzvou. Je velmi snadné se rozptylovat detaily a ztratit jasnost tím, že se příliš objeví do jednoho skica.

Cvičení s nízkou fidelity skicování nás nutí shrnout složité koncepty. To také učí, jak diskutovat vzory a pomáhá nám porozumět strukturám. Když jsme zvládli skicování v nízké věrnosti, stali se lépe komunikátory, protože nám pomáhá rozpoznat, jak nejdříve ukázat velký obrázek a ponořit se do více podrobností, kdy a kde je to potřeba.

11. Načrtněte stávající rozhraní

Base your practice sketches on an existing page to focus on capturing the essence of the design, rather than creating a new layout — Základní praxe náčrtky na existující stránce se zaměřuje na zachycení podstaty designu, spíše než vytvářet nové uspořádání

Nejlepší způsob, jak se naučit vytvářet náčrtky s nízkou věrností, je praktikovat skicování existující rozložení webových stránek . To vám umožní plně soustředit se na to, co si načrtnete, protože současně nemusíte přijít s dobrým novým designem.

Skicování existujících rozhraní může být také skvělý způsob, jak vám pomoci, pokud se uvíznete v procesu návrhu. Skicování aktuálního rozhraní, které chcete zlepšit, nebo rozhraní podobného produktu, vám může pomoci najít nedostatky a zpochybnit status quo na mnohem hlubší, strukturální úrovni. To může často vést k myšlenkám, jak dělat věci jinak.

12. Představte si své publikum

Vyberte obrazovku z webových stránek, softwarového rozhraní nebo mobilní aplikace. Představte si, že byste chtěli někomu vysvětlit, o čem je tato obrazovka a jaké jsou jeho hlavní části. Chcete-li se zaměřit cvičení, představte si, že mluvíte s konkrétní osobou: produktový manažer, vizuální návrhář, vývojář, editor obsahu, potenciálního investora. V závislosti na tom, kdo je publikum, vaše skica se zaměří na různé aspekty designu obrazovky.

Vyzvěte se nejprve načrtnout celkovou strukturu a udržet množství detailů na minimum. Obvykle trvá několik kol skici, aby se dostaly do podstaty.

Tento článek se původně objevil Čistý časopis Vydání 285.

Líbilo se to? Pak je zkontrolujte:

Vytvořit storyboards pro web animace
Jak provést vaše aplikace bez serverů
20 skvělých zdrojů pro učení grafického designu

Vyostřete své skicování dovednosti

01. Nakreslete jistoty

02. Nehazujte své řádky

03. Zvedněte zápěstí, abyste kreslili přímky

04. Nakreslete se k sobě

05. Najděte optimální rychlost skicování

06. Nenechte kreslit chlupaté linky

07. Sketch Jasné tvary

08. Zavřete rohy tvarů

09. Skica elegantní slepý text

10. Jděte na nízkou věrnost, kterou chcete sdělit svůj koncept

11. Načrtněte stávající rozhraní

12. Představte si své publikum

jak - Nejoblíbenější články

17 Tipy pro kreslení manga tváře

Získejte více z Atrage 6: Top tipy pro zvýšení pracovního postupu

Jak vytvořit logo v aplikaci Photoshop

Procreate tutoriál: Jak malovat jako staré mistři

Přidejte digitální barvy na kresby tužky

Vytvořit speciální tiskové úpravy v aplikaci InDesign

Jak vytvořit chatbotové rozhraní

5 věcí, které jste nevěděli, že můžete dělat s HTML

Kategorie