Utili (non in linea) utensili e kit di strumenti per i progettisti
La maggior parte dei web designer avviano nuovi progetti sul proprio computer. Esistono centinaia di strumenti per creare wireframes, prototipi, prototipi e altre attività di pianificazione sul computer o online. Ma ci sono anche tonnellate di strumenti offline, basati su carta, che possono accelerare il processo di sviluppo e progettazione. I progettisti che iniziano la pianificazione offline spesso utilizzano solo carta bianca o grafica e ricominciano da zero.
Perché iniziare completamente da zero quando puoi utilizzare una di queste guide predefinite per risparmiare tempo e dirigere meglio le tue energie creative? Di seguito abbiamo compilato un ottimo elenco di strumenti gratuiti e scaricabili, nonché una raccolta di blocchi note e altri prodotti che è possibile acquistare per la pianificazione e la progettazione offline.
Qui ci sono articoli più utili per i toolkit dei designer che potresti voler controllare:
- 27 kit di avvio indispensabili per i web designer
- Set di icone GUI per Web designer
- 50 (altro) set di mini icone eccellenti
download
Gli strumenti sottostanti sono tutti disponibili per il download gratuito. Includono browser, griglie e strumenti pre-disegnati per lo sviluppo di iPad e iPhone.
Browser di carta
Una finestra del browser semplice e stampabile per il wireframing. C'è una griglia sottile all'interno della finestra per una migliore progettazione (per entrambi i modelli 960px wide e 800px wide). È proporzionalmente ridimensionato per una risoluzione dello schermo di 1024 × 768.
MBTI Sketching Paper for Ideation
La Carta da disegno MBTI contiene quattro aree distinte per le idee per le quattro modalità di acquisto specifiche: competitiva, spontanea, metodica e umanistica. È disponibile in quattro dimensioni: A4, A3, Letter e Legal.
Concept7 Carta da disegno
Questa carta da disegno fornisce una finestra del browser con linee di griglia prefabbricate, oltre a un'area delle note sul lato. È disponibile nei formati A4 e A3.
Schede di schizzo del sistema a griglia 960
Il 960 Grid System ha molti modelli disponibili per vari programmi di design. Ma molte persone non sanno che ci sono anche modelli PDF scaricabili per wireframing con 960.gs su carta.
Grid Design Graph Paper
Konigi ha una carta grafica stampabile e gratuita per i prototipi di griglia. I modelli disponibili includono un wireframe con area note, wireframe orientati al paesaggio e al ritratto, storyboard (con e senza note), carta per grafici a due per due e carta millimetrata di base.
Kit fai da te con magneti Wireframe
Una serie di modelli di calamite di Konigi. Basta stamparli su fogli magnetici e si è pronti per iniziare il wireframing e la prototipazione sulla lavagna o su un'altra superficie magnetica. È inoltre possibile laminare questi da utilizzare con pennarelli a secco.
Sketchboards
Questi sketchboard sono disponibili in due versioni: una singola schermata con spazio per le note o six-up con spazio per le note. La versione multi-pagina è ideale per la prototipazione rapida di più pagine, in cui la versione a pagina singola è ideale per il wireframing più dettagliato di pagine specifiche.
Modello di 6 pagine
Questo è un semplice modello con finestre del browser pre-disegnate per i prototipi di sei pagine su ciascun foglio, con spazio aggiuntivo per le note sul lato. Molto semplice, ma molto utile per la pianificazione di alto livello.
Modelli di wireframe di carta
Una varietà di modelli wireframe, con un totale di sette inclusi nel download. Sono disponibili anche modelli PSD, se si desidera personalizzarli prima della stampa.
Modello di wireframe
Un semplice modello wireframe con spazio per il titolo della pagina in alto e note lungo il lato. È abbastanza professionale da utilizzare per i wireframe e i prototipi finali da mostrare ai clienti.
Modello di wireframe per app per iPhone
Un modello di app per iPhone molto elegante, disponibile con orientamento verticale e orizzontale. Ci sono versioni con singoli modelli di iPhone con tanto spazio per le note e pagine con tre iPhone su una singola pagina.
Scheda Idea per iPad
Sono disponibili tre versioni: un foglio doppio con iPad con orientamento verticale, un foglio con quattro fogli con iPad orientati al paesaggio e un foglio singolo con iPad orientato al paesaggio. Hanno anche un foglio di idee per iPhone disponibile per il download.
Scenario, Taskflow e Grid Sketchsheets
Questi fogli di schizzo sono strumenti inestimabili per la pianificazione del sito web. La scheda dello scenario ti aiuta a pianificare come ottenere i visitatori del tuo sito per eseguire l'azione desiderata. Il foglio del flusso di lavoro ti aiuta a capire quali passaggi sono coinvolti nell'esecuzione di attività specifiche sul tuo sito. E la griglia ti dà spazio per wireframing e note su pagine specifiche.
Prodotti
I prodotti sottostanti sono spesso simili a quelli disponibili per il download sopra, ma vengono pre-stampati. Sono inclusi anche altri strumenti, come stencil e note adesive.
Mighty Mouse Pad
Un tappetino per il mouse che è anche un blocco note. Ci sono tre diverse versioni: 5 giorni alla settimana (con spazio per cinque giorni di liste di cose da fare), informazioni centrali (con abbondanza di spazio per le note) e casuale Dawdle. $ 10 ciascuno.
Kit stencil per iPad
Uno stencil in metallo di UI Stencil per la progettazione per l'iPad Apple. Ha tutto il necessario per le applicazioni di simulazione per l'iPad. Il kit include anche una matita meccanica Zebra di .7mm e una tabella delle tecniche di interazione. $ 24.95
Kit stencil per iPhone
Un altro kit di stencil in metallo di UI Stencil, questa volta per l'iPhone. Inoltre viene fornito con gli adesivi Zebra Mechanical Pencil e UI Stencil. $ 24.95
Sketchbook App
Offre App Sketchbook rilegati a spirale per la progettazione di app per iPhone e iPad. Sono disponibili versioni standard, perforate e iPad. Le versioni per iPhone includono tre immagini per pagina in formato reale per iPhone, con 50 pagine (fronte-retro) in totale. Lo sketchbook per iPad (non ancora disponibile) viene fornito con un'immagine per pagina. $ 12 ciascuno.
Notepod e Notepod+
Block notes a grandezza naturale per la progettazione di app per iPod e iPad. I notebook iPod sono disponibili in confezione da 3, con 100 pagine per pad. La versione per iPad (Notepod +) è venduta singolarmente e ha anche 100 pagine per pad. Notepod + costa $ 19,95; Notepod costa $ 17,95 / tre.
Blocco note dello storyboard
Bloc notes da 8 1/2 x 11 pollici di Konigi con 50 fogli di storyboard, ciascuno con spazio per le note. La cosa che li distingue dalla maggior parte dei normali quaderni dello storyboard è che ogni sezione dello storyboard è divisa in una griglia, rendendola molto più appropriata per il design dell'interazione. $ 9 ciascuno, disponibile solo negli Stati Uniti.
Browser Sketch Pad
Un blocco note che include un modello di finestra del browser su ciascuna pagina. Ogni finestra include una griglia, che è compatibile con il kit di stencil del sito Web ($ 24,95), anche da stencil dell'interfaccia utente. $ 8,95 ciascuno.
Dot Grid Book
Questi libri a griglia di punti di Behance sono simili alla tradizionale carta millimetrata, ma piuttosto che le linee, hanno punti in cui le linee si intersecano. Fornisce un'eccellente griglia per disegnare senza l'intrusione di linee continue. $ 14 ciascuno.
Ogni volta che la nota adesiva è impostata
Per quelli di noi che usano le note adesive per essere organizzati, queste potrebbero essere la cosa giusta per portare il sistema di produttività al livello successivo. Tipi di nota separati per le cose da fare oggi, presto o in futuro, oltre a tre tipi di note aggiuntive. $ 12.99.
Ulteriori risorse
Trova ancora più risorse tramite le raccolte di seguito:
- 50 Free UI e Web Design Wireframing Kit, risorse e file sorgente - Una fantastica carrellata di Smashing Magazine che include sia risorse online che offline.
- Schizzi stampabili gratuiti, Wireframing e modelli PDF da prendere appunti: un'altra eccezionale retata di Smashing Magazine, questa volta composta interamente da risorse stampabili.
- Risorse per la progettazione di interfacce utente, wireframe e layout: una piccola raccolta di risorse stampabili compilata da Es Developed.