Utile și seturi de unelte utile pentru designeri

Majoritatea designerilor web încep proiecte noi pe calculatorul lor. Există sute de instrumente acolo pentru a crea cadre wireframes, mockups, prototipuri și a face diverse alte activități de planificare pe computerul dvs. sau online. Dar există și tone de instrumente offline, pe suport de hârtie, care pot accelera procesul de dezvoltare și proiectare. Designerii care încep planificarea offline folosesc adesea doar hârtie goală sau grafică și încep de la zero.

De ce să începeți complet de la zero atunci când puteți utiliza unul dintre aceste ghidaje pre-făcute pentru a economisi timp și mai bine direcționați energiile creative? Mai jos am compilat o mare listă de instrumente gratuite, descărcabile, precum și o colecție de note și alte produse pe care le puteți achiziționa pentru planificarea și designul offline.

Iată mai multe articole utile pentru designeri care ar putea să vă intereseze:

• 27 trebuie să aibă seturi de pornire pentru designeri web
• GUI Icon Seturi pentru Web Designeri
• 50 (Mai mult) Seturi excelente de mini-pictograme

Descărcări

Instrumentele de mai jos sunt disponibile pentru descărcare gratuită. Acestea includ browsere pre-desenate, grilă și instrumente pentru dezvoltarea iPad și iPhone.

Browser de hârtie

O fereastră simplă de imprimat pentru scanarea prin fir. Există o grilă subtilă în interiorul ferestrei pentru o proiectare mai bună (atât pentru modelele cu dimensiuni de 960px, cât și pentru cele de 800px). Este redus proporțional pentru o rezoluție a ecranului de 1024 × 768 pixeli.

MBTI Sketching Paper pentru ideație

Hârtia de schiță MBTI conține patru zone distincte pentru a veni cu idei pentru cele patru modalități specifice de cumpărare: competitive, spontane, metodice și umaniste. Este disponibil în patru dimensiuni: A4, A3, Letter și Legal.

Concept7 Sketching Paper

Această hârtie de schiță oferă o fereastră de browser cu linii de grilă pre-făcute, plus o zonă de note din lateral. Este disponibil în dimensiuni A4 și A3.

960 Foi de schemă de sistem pentru grilă

Sistemul 960 Grid are o mulțime de șabloane disponibile pentru diverse programe de design. Dar o mulțime de oameni nu sunt conștienți de faptul că există, de asemenea, șabloane PDF descarcate pentru sincronizare cu 960.gs pe hârtie.

Grid Design Graph Paper

Konigi are hârtie grafară gratuită și tipărită pentru machete de design de rețea. Șabloanele disponibile includ un cadru de sârmă cu zone de note, portocoliere orientate pe peisaj și portret, storyboard-uri (cu și fără note), hârtie cu grafit de două ori și hârtie grafică de bază.

Set de DIY pentru magneturi

Un set de șabloane de magnet de la Konigi. Doar tipăriți-le pe plăci de magnet și sunteți gata să începeți fasonarea și prototipul pe tabla dvs. sau pe altă suprafață magnetică. Puteți, de asemenea, laminate aceste pentru a fi utilizate cu marcaje uscate de ștergere.

Sketchboards

Aceste sketchboards sunt disponibile în două versiuni: un singur ecran cu spațiu pentru note sau șase-up cu spațiu pentru note. Versiunea cu mai multe pagini este minunată pentru prototiparea rapidă a mai multor pagini, în cazul în care versiunea de o singură pagină este excelentă pentru o detaliere mai detaliată a paginilor specifice.

Șablon 6 pagini

Acesta este un șablon simplu cu ferestre de browser pre-desenate pentru machete de șase pagini pe fiecare coală, cu spațiu suplimentar pentru note din lateral. Foarte simplu, dar foarte util pentru planificarea de nivel superior.

Șabloane de șablon de hârtie

O varietate de șabloane wireframe, cu un total de șapte inclus în descărcare. Există și șabloane PSD disponibile dacă doriți să le personalizați înainte de imprimare.

Șablon de șablon

Un șablon simplu de tip wireframe cu spațiu pentru titlul paginii din partea de sus și notele de-a lungul laturii. Este suficient de profesionist pentru a fi utilizat pentru sfaturi și machete finale pentru a le arăta clienților.

iPhone App Wireframe Template

Un șablon foarte elegant pentru aplicații iPhone, disponibil în orientări portret și peisaj. Există versiuni cu machete iPhone simple, cu spațiu suficient pentru note, precum și pagini cu trei iPhone-uri pe o singură pagină.

iPad Idea Sheet

Există trei versiuni disponibile: o foaie cu două colțuri cu iPad orientată spre portret, o placă cu patru colțuri cu iPad orientată pe peisaj și o foaie unică cu un iPad orientat pe peisaj. Ei au, de asemenea, o idee iPhone disponibile pentru descărcare.

Scenariu, Taskflow și Grid Sketchsheets

Aceste schițe sunt instrumente de neprețuit pentru planificarea site-ului web. Fișa scenariilor vă ajută să planificați cum să obțineți vizitatorii site-ului dvs. pentru a efectua o acțiune dorită. Fila fluxului de sarcini vă ajută să aflați ce pași sunt implicați în îndeplinirea anumitor sarcini pe site-ul dvs. Și foaia de rețea vă oferă spațiu pentru sincronizare și note pe anumite pagini.

Produse

Produsele de mai jos sunt adesea similare cu cele disponibile pentru descărcare de mai sus, dar sunt pre-imprimate. Sunt incluse și alte instrumente, cum ar fi șabloanele și notele lipicioase.

Mighty Mouse Pad

Un tampon de mouse care este de asemenea un notepad. Există trei versiuni diferite: 5 zile pe săptămână (cu spațiu pentru liste de sarcini de cinci zile), Information Central (cu mult spațiu pentru note) și Random Dawdle. 10 $ fiecare.

iPad Kit de stencil

Un șablon de metal de la șabloanele UI pentru proiectarea pentru Apple iPad. Dispune de tot ceea ce aveți nevoie pentru a macheta aplicații pentru iPad. Kitul include de asemenea un creion mecanic Zebra de 0,7 mm și o masă de tehnică de interacțiune. $ 24.95

Setul de stencil pentru iPhone

Un alt set de stencil de metal de la UI Stencils, de data asta pentru iPhone. Se livrează și cu autocolante Zebra Mechanical Pencil and UI Stencils. $ 24.95

App Sketchbook

Oferă aplicații Sketchbooks pentru aplicații iPhone și iPad. Sunt disponibile versiuni standard, perforate și iPad. Versiunile iPhone sunt livrate cu trei imagini iPhone personale pe o pagină, cu un total de 50 de pagini (față-verso). Sketchbook-ul iPad (nu este încă disponibil) vine cu o singură imagine pe pagină. 12 dolari fiecare.

Notepod și Notepod+

Notepad-uri de dimensiuni reduse pentru proiectarea aplicațiilor iPod și iPad. Notebook-urile iPod vin într-un pachet de 3, cu 100 de pagini pe tampon. Versiunea iPad (Notepod +) este vândută separat și are de asemenea 100 de pagini per suport. Notepod + este de 19,95 USD; Notepod este de 17,95 USD / trei.

Storyboard Notepad

8 note de 1/2 x 11 inchi de la Konigi cu 50 de foi de scenă, fiecare cu spațiu pentru note. Lucrul care le pune în afară de cele mai obișnuite note de pe panoul de povești este că fiecare secțiune de scenarii este împărțită într-o rețea, făcându-le mult mai potrivite pentru designul de interacțiune. 9 dolari fiecare, disponibile numai în SUA.

Browser Sketch Pad

Un notepad care include un șablon de fereastră de browser pe fiecare pagină. Fiecare fereastră include o rețea care este compatibilă cu Kitul de site-uri Stencil ($ 24.95), de asemenea din șabloanele UI. 8,95 dolari fiecare.

Dot Grid Book

Aceste cărți cu puncte din Behance sunt asemănătoare hârtiei grafice tradiționale, dar mai degrabă decât linii, au puncte în care se vor intersecta linii. Acesta oferă o rețea excelentă pentru a schița fără a se intruja liniile solide. 14 dolari fiecare.

Ori de câte ori Setul de note lipicioase

Pentru aceia dintre noi care folosesc note lipicioase pentru a vă menține organizat, ar putea fi doar un lucru pentru a vă lua sistemul de productivitate la nivelul următor. Separați tipurile de note pentru lucrurile de făcut astăzi, în curând sau într-o zi, plus trei tipuri de note suplimentare. $ 12.99.

Resurse suplimentare

Găsiți și mai multe resurse prin intermediul celor de mai jos:

• 50 de kituri, resurse și fișiere de sursă gratuite pentru UI și Web Design - o ediție fantastică de la Smashing Magazine, care include resurse online și offline.
• Free Sketching Printable, Wireframing și note-taking Template-uri PDF - Un alt mare roundup de la Smashing Magazine, constând în întregime din resurse imprimabile de data aceasta.
• UI, Wireframing și Resurse de Design Layout - O scurtă rundă de resurse imprimabile compilate de Es Developed.