Élesítse meg a vázlatos képességeit

Sep 13, 2025

kézikönyv

Vázlat egy egyszerű, de hatékony eszköz bárki számára, aki részt vesz a digitális termékek készítésében. A tollak, a papír és a táblák könnyen hozzáférhetők minden irodában; Nincs szükség drága hardverre vagy szoftverre. Gyors, ez olcsó, és nem kell művészünk, hogy lehúzzunk egy egyszerű diagramot, amely elmagyarázza ötleteinket.

Top vázlat tippek kezdőknek

Úgy tűnik azonban, hogy egy potenciális akadály, amely sok embert megállít az első lépéseket, és felveszi a tollat - különösen azok számára, akik nem tervezési háttérből származnak, mint például a programozás, a kutatás vagy a termékmenedzsment. A mondat "Nem tudom hogyan rajzolj "mélyen horgonyozható a fejünkben, meggyőzve bennünket, ha soha nem volt egy tréfa a művészet, vázlat nem lehet számunkra.

A jó hír az, hogy mindenki vázlatot tehet. A vázlat nem a művészeti alkotások létrehozásáról szól, hanem ötleteket fejez ki és látható fogalmakat. Amikor a vázlatos interfészek, például a vonalak és a dobozok különböző módon kombinálják a vázlatok 99 százalékát.

Ebben a cikkben közelebbről megnézzük ezeket az alapvető összetevőket, és feltárjuk néhány egyszerű technikát, hogy vonalakat és dobozokat készítsünk, a tisztább és magabiztosabbak. Függetlenül attól, hogy vázlatokat használunk, hogy tisztázzuk gondolkodásunkat, együttműködjünk a kollégákkal való megoldáson, vagy bemutassanak egy koncepciót az érdekeltek és az ügyfelek számára, sokkal könnyebbé teszik mindenkinek, hogy "látni fogjuk".

01. Rajzoljon magabiztos vonalakat

Clear, confident lines make readability easier — Világos, magabiztos vonalak könnyebbé teszik az olvashatóságot

A magabiztos vonalaknak van egy meghatározott kezdete, nyugodt és folyamatos középső és szilárd, meghatározott vége. Ahhoz, hogy a vonalak magabiztosabbá váljanak, figyeljen a vonalak mindegyikének mindegyikére.

Segíthet tudatosan szüneteltetni az elejét és a végét, hogy a vonalat egy szép szilárd érzés mindkét oldalon. Még a vonal irányát is mozgathatja a vonal irányába, mielőtt elindítja a vonalat, és befejezte, hogy vizuálisan erősítse meg a végeket.

02. Ne dobja a vonalakat

Thrown lines are great for creating dynamism, but no good for a clear sketch — A dobott vonalak nagyszerűek a dinamizmus létrehozásához, de nem jó egy tiszta vázlat

Amikor eldobja a vonalakat, a fókusz az elején van, de elveszik az út mentén. A fiók elveszíti a vezérlést, és a vonal a vége felé halad. A dobott vonalak nagyszerű módja annak, hogy kifejezzék a dinamizmust (például egy storyboard), de amikor felvázolják az interfészeket, a hangsúly az egyértelműség és az olvashatóság, a dinamikus kifejezés helyett.

03. Emelje fel a csuklóját, hogy húzza az egyenes vonalakat

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 — Ha problémái vannak, nyomja meg a vonalak egyenesen, próbálja felemelni a kezét az oldalról, és húzza a tollat felé, nem pedig elnyomja

Ha a vonalak - különösen hosszúak - mind úgy tűnik, hogy kissé ívelt, nem pedig egyenes, próbáld fel emelni a csuklóját a papírról, és mozgassa az egész karját. Használhatja a kis ujját, hogy stabilizálja a kezét a papírra.

04. Rajzoljon magad felé

A kétirányú vonalak elérésének másik módja az, hogy magad felé húzza őket. Hajlamosak vagyunk jobban irányítani a kézmozdulatunkat, amikor a kezünket a testünk középpontja felé húzzuk (a hasagombot), nem pedig távolítva. Csak forgassa el a papírdarabot, ha vízszintes vonalakat kell rajzolnia.

05. Keresse meg az optimális vázlatos sebességét

Find the right speed so you don’t end up with shaky lines, or lines that go off target — Keresse meg a megfelelő sebességet, hogy ne végezzen remegő vonalakat, vagy a célokat

A vázlat gyors technika, de nincs szükség erre. Ne rohanjon a tollat a papír körül. Ehelyett talál egy állandó ütemet, amely lehetővé teszi a vonalak vezérlését, és világos jeleket készíthet.

Ha a vonalak shaky, akkor valószínűleg túl lassú. A rajz felgyorsítása segíthet a simább vonalak létrehozásában. Ha a sorok le vannak kapcsolva, akkor valószínűleg túl gyorsan megy. A lassulás segít abban, hogy jobban irányítsa a vonalak útját.

06. Ne húzzon szőrös vonalakat

Draw one long, confident line – hairy lines are distracting — Rajzoljon egy hosszú, magabiztos vonal - szőrös vonalak zavaróak

Vannak, akiknek szokása van, hogy vázolja a sort sok kis szegmensben. Az én tapasztalataimtól, ez általában akkor történik, ha valaki nem olyan magabiztos, hogy még mindig magabiztos, és megpróbálja megtalálni a megfelelő vonalat, kicsit kicsit.

A kapott "szőrös" vonalak ezt a bizonytalanságot mutatják, és vizuális zajt adnak a vázlathoz. Gyakorlat teljes, folyamatos vonalakat. Ha a vonal nem jön ki, mint a tervezett, csak tegyen egy másik, "jobb" vonalat a tetején. Idővel ez magabiztosabb, nyugodtabb megjelenést eredményez.

07. Vázlat tiszta formák

Lift your pen between each straight line to slow down your drawing and keep your shapes crisp — Emelje fel a tollat az egyes egyenes vonal között, hogy lelassítsa a rajzot, és tartsa az alakzatok ropogós

A doboz egy egyszerű alak, amely négy vonalból áll, amelyek 90 fokos szögben találkoznak. Egy szép doboz vázlata, húzza mindkét oldalt egyenként, és emelje fel a tollat az egyes sorok között. Ez segít megőrizni mindkét oldal egyenesen, és a sarkokat szép és definiálja.

A toll felemelése Természetesen arra kényszeríti, hogy lassítson egy kicsit is, ami az egyik legjobb módja annak, hogy elkerülje a hanyag dobozokat.

08. Zárja be az alakzatok sarkát

Take some time to make sure you close up your shapes. Gaps between lines simply add visual noise — Vegyünk egy kis időt, hogy megbizonyosodjunk róla, hogy bezárja az alakzatokat. A vonalak közötti hézagok egyszerűen csak vizuális zajt adnak hozzá

Elemünk érzékeli az egyes stroke-t, mint egy teljes formát, még akkor is, ha a sarkok nincs megfelelően lezárva. Ez azért van, mert az emberi agy elég csodálatos - különösen a vizuális érzékeléssel foglalkozó rész.

Azonban a dobozok nyitott sarkai kilépése vizuális zajt teremt és átirányítja a mentális feldolgozási teljesítményt attól, hogy mit szeretne észrevenni. Tegyen szokást, hogy megfelelően lezárja a dobozok sarkát. Ha a sarkok átfedik egymást, ez rendben van.

09. Sketch tiszta vak szöveg

Opt for straight lines for body copy and a tight zigzag for headers — Válasszon egyenes vonalakat a test másolatához és a feszes zigzaghoz a fejlécekhez

Vázlat közben gyakran használunk vonalakat és írásokat a szöveg megjelenítéséhez. Ez egy gyors út a vázlatok és a szövegblokkok vázlata, miközben a hűség alacsony, és megakadályozza, hogy a nézők elvonják a tényleges, olvasható tartalmat.

Amikor nem figyelünk figyelmet, könnyen beavatkozhatunk a véletlenszerű hullámos vonalak használatának szokásába (mint például a kézírással társultak), különösen akkor, amikor nagyobb betűtípusokat próbálunk képviselni, mint a fejlécek vagy a nagy címkék. Ez ismét vizuális zajt ad hozzá, és nehéz elolvasni.

Gyere be a szokáshoz, hogy egyenes vonalakat használjon a test másolatához és egy tiszta, szűk zigzaghoz, hogy nagyobb szöveget képviseljen.

Amikor ezeket a kis részleteket együtt teszik, a különbség a vázlatok teljes megjelenését teszi lehetővé, meglehetősen lenyűgöző. Ne feledje, hogy a cél nem hozza létre a "szép" vagy a "Arty" vázlatokat, hanem a kimenetet tiszta és nyugodt, így a néző összpontosíthat az elképzelt ötletre, nem pedig a felesleges vizuális zajok elvonására.

10. menjen az alacsony hűségért, hogy közvetítse a koncepciót

Practise paring sketches back to just the essentials needed to capture your idea — Gyakorlati vázlatok visszaállítása csak az ötlet megragadásához szükséges alapvető fontosságú

Hans Hofmann egyszer azt mondta: "Az a képesség, hogy egyszerűsítse az eszközöket, hogy megszüntesse a felesleges, hogy a szükséges beszélgetés."

Az egyenes vonalak és a tiszta dobozok puszta technikai készségein túlmutat a vázlat sokkal trükkösebb, több koncepcionális oldala. Mely részekre van szükségem a koncepció közvetítéséhez? Milyen szintű a hűség a színpadra?

Az általános tanácsom: ha azt akarjuk, hogy összpontosítson egyre jobban egy dolog, hogy vázolja a kis pontosságú. Miután több száz UX gyakorló vázlatot tanítottam, felfedeztem, hogy a vázlat csökkentése a lényegéhez messze a legnehezebb kihívás. Nagyon könnyű, hogy megzavart a részleteket, és elveszíti egyértelműség tömés túl sokat egy vázlatot.

Az alacsony hűségvázlat gyakorlása arra kényszerít minket, hogy összefoglaljuk a komplex fogalmakat. Azt is tanítja, hogyan lehet a mintákat, és segít megérteni a struktúrákat. Amikor Mester vonalvezetés alacsony hűség válunk jobb kommunikátor, mivel segít nekünk felismerni hogyan mutatják a nagy kép első és belevetik magukat részletesebben, ahol és amikor szükség van rá.

11. Vázlatos meglévő interfészek

Base your practice sketches on an existing page to focus on capturing the essence of the design, rather than creating a new layout — Alapja a gyakorlati vázlatokat egy meglévő oldalra, hogy összpontosítson a terv lényegének rögzítésére, nem pedig új elrendezés létrehozására

A legjobb módja annak, hogy megtanulják, hogyan lehet az alacsony hűségvázlatok létrehozása, hogy gyakoroljon egy meglévő vázlatot honlap elrendezés . Ez lehetővé teszi, hogy teljes mértékben összpontosítson arra, hogy mit és hogyan vázolsz, mert nem kell egyidejűleg jó új designjal.

A meglévő interfészek vázlata is nagyszerű módja annak, hogy segítsen ki, ha megragadt a tervezési folyamatban. Felvázolása a jelenlegi felületet szeretné javítani, vagy a felület egy hasonló termék, segíthet megtalálni hibákat és a kérdés a status quo egy sokkal mélyebb, strukturális szinten. Ez gyakran vezet az ötletekhez, hogyan kell másképp csinálni a dolgokat.

12. Képzeld el a közönséget

Válasszon egy webhelyet, szoftveres felületet vagy mobilalkalmazást. Képzeld el, hogy meg akarta magyarázni valakinek, hogy ez a képernyő, és mi a fő részei. Ahhoz, hogy összpontosítsuk a gyakorlatot, képzeljük el, hogy egy adott személykel beszél: egy termékmenedzser, vizuális tervező, fejlesztő, tartalomszerkesztő, potenciális befektető. Attól függően, hogy ki a közönség, a vázlata a képernyő kialakításának különböző aspektusaira összpontosít.

Kihívja magát, hogy először vázolja az általános szerkezetet, és tartsa meg a részletességet a minimálisra. Általában néhány körű vázlatot vesz igénybe, hogy leálljon a lényeghez.

Ez a cikk eredetileg megjelent net magazin 285. kiadás.

Tetszett ez? Ezután ellenőrizze ezeket:

Megalapok létrehozása a webes animációkhoz
Hogyan lehet az alkalmazásokat szerverezni
20 Nagy erőforrás a grafikai tervezéshez

Élesítse meg a vázlatos képességeit

01. Rajzoljon magabiztos vonalakat

02. Ne dobja a vonalakat

03. Emelje fel a csuklóját, hogy húzza az egyenes vonalakat

04. Rajzoljon magad felé

05. Keresse meg az optimális vázlatos sebességét

06. Ne húzzon szőrös vonalakat

07. Vázlat tiszta formák

08. Zárja be az alakzatok sarkát

09. Sketch tiszta vak szöveg

10. menjen az alacsony hűségért, hogy közvetítse a koncepciót

11. Vázlatos meglévő interfészek

12. Képzeld el a közönséget

kézikönyv - Most Popular Articles

8 A legmodernebb CSS-funkciók (és hogyan kell használni őket)

Mindössze annyit kell tudnod, hogy a JavaScript kód felosztása

Hogyan rajzoljon reálisabb számokat

A chart.js felhasználása az adatok interaktív diagramokká történő bekapcsolásához

Affinity Designer: Hogyan kell használni a toll eszközt

Hogyan készítsünk izzó színeket olajfestékkel

Festeni egy klasszikus tündér jelenetet a Procreate-vel

13 tipp a VR Gaming World készítéséhez

Kategóriák