Affila le tue abilità di abbozzo

Sep 16, 2025

Come si fa

Schizzo è uno strumento semplice ma potente per chiunque sia coinvolto nel fare prodotti digitali. Penne, carta e lavagne di lavagne sono prontamente disponibili in ogni ufficio; Non c'è bisogno di hardware o software costoso. È veloce, è economico e non dobbiamo essere artisti per scarabocchiare un semplice diagramma che spiega le nostre idee.

Suggerimenti di abbozzo superiore per principianti

Tuttavia, sembra che ci sia una potenziale barriera che fermano molte persone dal prendere i primi passi e raccogliendo una penna - specialmente per chi proviene da uno sfondo non progettato come la programmazione, la ricerca o la gestione dei prodotti. La frase 'Non lo so come disegnare "Può essere ancorato profondamente nelle nostre teste, convincerci che, se non avessimo mai avuto un talento per le arti, lo schizzo non può essere per noi.

La buona notizia è che tutti possono disegnare. Lo schizzo non riguarda la creazione di opere d'arte, ma esprimere idee e rendere visibili concetti. Quando si tratta di disegnare interfacce, ad esempio, linee e scatole combinate in modi diversi costituiscono il 99% dei nostri schizzi.

In questo articolo prenderemo un'occhiata più da vicino a questi ingredienti di base ed esplorano alcune semplici tecniche per rendere le nostre linee e scatole, un più pulito e più fiducioso. Se stiamo usando gli schizzi per chiarire il nostro pensiero, collaborare su una soluzione con i colleghi o per presentare un concetto per le parti interessate e i clienti, renderemo molto più facile per tutti "vedere cosa intendiamo".

01. Disegna linee sicure

Clear, confident lines make readability easier — Le linee chiare e sicure rendono la leggibilità più facile

Le linee fiduciose hanno un inizio definito, un mezzo calmo e costante e una fine solida e definita. Praticare a rendere le tue linee più sicure, prestare attenzione a ciascuna di queste tre parti delle tue linee.

Può aiutare a mettere in pausa consapevolmente all'inizio e alla fine per dare alla linea una bella sensazione solida su entrambi i lati. Puoi persino spostare la penna contro la direzione della linea prima di iniziare la linea e dopo averlo finito per rafforzare visivamente le estremità.

02. Non buttare le tue linee

Thrown lines are great for creating dynamism, but no good for a clear sketch — Le linee gettate sono fantastiche per creare dinamismo, ma non va bene per uno schizzo chiaro

Quando butti le tue linee, l'attenzione è all'inizio, ma si perde lungo la strada. Il cassetto perde il controllo e la linea perde la definizione verso la fine. Le linee gettate sono un ottimo modo per esprimere il dinamismo (ad esempio in uno storyboard), ma quando si abbozzano interfacce, l'attenzione è su chiarezza e leggibilità, piuttosto che espressione dinamica.

03. Sollevare il polso per disegnare linee rette

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 — Se hai problemi a tenere le linee dritte, prova a sollevare la mano dalla pagina e tirando la penna verso di te, piuttosto che spingerlo via

Se le tue linee - specialmente quelle lunghe - tutti sembrano uscire leggermente curve piuttosto che dritte, prova a sollevare il polso dal foglio e spostando tutto il braccio. Puoi usare il tuo piccolo dito per stabilizzare la mano sulla carta.

04. Disegna a te stesso

Un altro modo per ottenere linee più dritte è disegnarle verso te stesso. Tendiamo ad avere più controllo sul movimento della mano quando tiramo la mano verso il centro del nostro corpo (il pulsante della pancia) piuttosto che spingerlo da esso. Ruota solo il tuo pezzo di carta quando è necessario disegnare linee orizzontali.

05. Trova la tua velocità di abbozzo ottimale

Find the right speed so you don’t end up with shaky lines, or lines that go off target — Trova la giusta velocità in modo da non finire con linee shaky, o linee che vanno da un bersaglio

Lo schizzo è una tecnica veloce, ma non c'è bisogno di essere frettoloso. Non affrettare la penna intorno alla carta. Invece trova un ritmo costante che ti consente di controllare le tue linee e fare marchi chiari.

Se le tue linee sono shaky, probabilmente stai andando troppo lentamente. Accelerare il disegno può aiutarti a creare linee più fluide. Se le tue linee sono fuori bersaglio, probabilmente stai andando troppo velocemente. SLOWING DOWN ti aiuterà a controllare meglio il percorso delle tue linee.

06. Non disegnare linee pelose

Draw one long, confident line – hairy lines are distracting — Disegna una linea lunga e sicura - le linee pelose stanno distraendo

Alcune persone hanno l'abitudine di disegnare una linea in un sacco di piccoli segmenti. Dalla mia esperienza, questo di solito accade quando qualcuno non è così sicuro di schizzi e stanno cercando di trovare la linea giusta, un po 'a bit.

Le linee "pelose" risultanti mostrano questa insicurezza e aggiungono rumore visivo allo schizzo. Pratica facendo linee piene e continue. Se la linea non viene abbastanza come pianificata, metti un'altra linea "migliore" in cima. Nel tempo, questo comporterà un aspetto più sicuro e più calmo.

07. Schizzi le forme trasparenti

Lift your pen between each straight line to slow down your drawing and keep your shapes crisp — Sollevare la penna tra ogni linea retta per rallentare il disegno e mantenere le forme nitide

Una scatola è una forma semplice composta da quattro linee che si incontrano a angoli di 90 gradi. Schizzare una scatola pulita, disegnare ogni lato individualmente e sollevare la penna tra ogni linea. Questo ti aiuterà a mantenere un lato dritto e rendere gli angoli carini e definiti.

Sollevare la penna ti costringe naturalmente a rallentare un po ', che è uno dei modi migliori per evitare scatole sciatte.

08. Chiudi gli angoli delle forme

Take some time to make sure you close up your shapes. Gaps between lines simply add visual noise — Prenditi del tempo per assicurarti di chiudere le tue forme. Gli spazi tra le linee aggiungono semplicemente il rumore visivo

La nostra mente perceprà i singoli colpi come una forma completa, anche quando gli angoli non sono perfettamente chiusi. Questo perché il cervello umano è piuttosto sorprendente - specialmente la parte che si occupa della percezione visiva.

Tuttavia, lasciando gli angoli delle tue scatole aperti crea il rumore visivo e devia il potere di elaborazione mentale lontano da ciò che vuoi davvero notare il tuo visualizzatore. Prendi l'abitudine di chiudere correttamente gli angoli delle tue scatole. Se gli angoli si sovrappongono, va bene anche.

09. Schizzo testo cieco pulito

Opt for straight lines for body copy and a tight zigzag for headers — Optare per linee rette per la copia del corpo e uno zigzag stretto per le intestazioni

Durante lo schizzo, spesso usiamo linee e scarabocchi per rappresentare il testo. Questo è un modo rapido per disegnare intestazioni e blocchi di testo mantenendo la fedeltà bassa e impedendo agli spettatori di essere distratti dal contenuto effettivo e leggibile.

Quando non stiamo prestando attenzione, è facile cadere nell'abitudine di utilizzare linee ondulate casuali (come quelle associate alla calligrafia), specialmente quando stiamo cercando di rappresentare font più grandi come titoli o grandi etichette. Questo, ancora, aggiunge rumore visivo e rende il tuo schizzo difficile da leggere.

Prendi l'abitudine di usare linee rette per la copia del corpo e una zigzag ordinata e stretta per rappresentare un testo più grande.

Quando metti insieme tutti questi piccoli dettagli, la differenza che fa per l'aspetto generale dei tuoi schizzi è piuttosto impressionante. Ricorda, l'obiettivo non è quello di creare schizzi "belli" o "arty", ma per rendere la tua uscita chiara e calma, quindi lo spettatore può concentrarsi sull'idea mostrata, piuttosto che essere distratti da un rumore visivo inutile.

10. Vai a bassa fedeltà per trasmettere il tuo concetto

Practise paring sketches back to just the essentials needed to capture your idea — Praticare lo schizzi di paring Torna a Just Essentials necessari per catturare la tua idea

Una volta Hans Hofmann ha detto: "La capacità di semplificare significa eliminare gli inutili in modo che il necessario possa parlare".

Oltre le semplici capacità tecniche di produzione di linee rette e scatole pulite si trova il lato più complicato, più concettuale dello schizzo. Quali parti devo disegnare per trasmettere un concetto? Quale livello di fedeltà è giusto per il palco che sono?

Il mio consiglio generale è: se vuoi concentrarti su migliorare in una cosa, renderlo schizzare a bassa fedeltà. Avendo insegnato a disegnare a centinaia di praticanti UX, ho scoperto che la riduzione di uno schizzo fino alla sua essenza è di gran lunga la sfida più difficile. È molto facile da distrarre dai dettagli e per perdere la chiarezza tornando troppo in uno schizzo.

Praticare lo sketching a bassa fedeltà ci costringe a riassumere concetti complessi. Ci insegna anche come individuare i modelli e ci aiuta a capire le strutture. Quando padroneggiamo schizzi a bassa fedeltà diventiamo migliori comunicatori, in quanto ci aiuta a riconoscere come mostrare prima il grande quadro e tuffarsi in modo più dettagliato quando e dove è necessario.

11. Schizzi le interfacce esistenti

Base your practice sketches on an existing page to focus on capturing the essence of the design, rather than creating a new layout — Basare i tuoi schizzi di pratica su una pagina esistente per concentrarsi sulla catturazione dell'essenza del design, piuttosto che creare un nuovo layout

Il modo migliore per imparare come creare schizzi a bassa fedeltà è quello di praticare lo schizzo di un esistente Layout del sito web . Questo ti permette di concentrarti completamente su cosa e come si disegna, perché non devi trovare un buon design nuovo allo stesso tempo.

Schizzare le interfacce esistenti può anche essere un ottimo modo per aiutarti se rimani bloccato nel processo di progettazione. Disegnare l'interfaccia corrente che si desidera migliorare o l'interfaccia di un prodotto simile, può aiutarti a trovare difetti e mettere in discussione lo status quo su un livello strutturale molto più profondo. Questo può spesso portare a idee su come fare le cose in modo diverso.

12. Immagina il tuo pubblico

Scegli una schermata da un sito Web, interfaccia software o app mobile. Immagina di voler spiegare a qualcuno su quale sia questa schermata e quali sono le sue parti principali. Per focalizzare l'esercizio, immaginare che tu stia parlando con una persona particolare: un product manager, un designer visivo, uno sviluppatore, un editor di contenuti, un potenziale investitore. A seconda di chi è il pubblico, il tuo schizzo si concentrerà su diversi aspetti della progettazione dello schermo.

Sfida te stesso a disegnare prima la struttura generale e per mantenere la quantità di dettagli al minimo. Di solito ci vogliono alcuni giri di schizzi per scendere all'essenza.

Questo articolo è originariamente apparso in Magazine netta Edizione 285.

Questo mi piaceva? Quindi controlla questi:

Crea storyboard per animazioni web
Come apportare le tue app senza server
20 grandi risorse per l'apprendimento del design grafico

Affila le tue abilità di abbozzo

01. Disegna linee sicure

02. Non buttare le tue linee

03. Sollevare il polso per disegnare linee rette

04. Disegna a te stesso

05. Trova la tua velocità di abbozzo ottimale

06. Non disegnare linee pelose

07. Schizzi le forme trasparenti

08. Chiudi gli angoli delle forme

09. Schizzo testo cieco pulito

10. Vai a bassa fedeltà per trasmettere il tuo concetto

11. Schizzi le interfacce esistenti

12. Immagina il tuo pubblico

Come si fa - Articoli più popolari

è il tuo deposito di Apple ICloud pieno? Ecco come liberare spazio

Come capovolgere uno strato in Photoshop: una guida completa

Come utilizzare React Spring per animare i componenti

Come creare un logo in Photoshop

Procreare Tutorial: nuovi strumenti esplorati

Come scegliere lo strumento di prototipazione giusta

Crea un ambiente di gioco nel motore irreale 4

Come rendere il tuo sito web WordPress multilingue

Categorie