Nyttige (offline) redskaber og værktøjssæt til designere
De fleste webdesignere starter nye projekter på deres computer. Der er hundredvis af værktøjer derude til at skabe wireframes, mockups, prototyper og andre forskellige planlægningsaktiviteter på din computer eller online. Men der er også masser af offline papirbaserede værktøjer, der kan fremskynde din udviklings- og designproces. Designere, der starter deres planlægning offline, bruger kun blank eller graf papir og begynder fra bunden.
Hvorfor starte helt fra bunden, når du kan bruge en af disse præfabrikerede hjælpelinjer for at spare tid og bedre styre dine kreative energier? Nedenfor har vi samlet en stor liste over gratis downloadbare værktøjer samt en samling notepads og andre produkter, du kan købe til offline planlægning og design.
Her er flere nyttige designere toolkits artikler, du måske vil tjekke ud:
- 27 Must-Have Starter Kit til Web Designers
- GUI ikonsæt til webdesignere
- 50 (More) Fremragende Mini Icon Sets
Downloads
Værktøjerne nedenfor er alle tilgængelige til gratis download. De omfatter pre-pulled browsere, grids og værktøjer til iPad og iPhone udvikling.
Papirbrowser
Et enkelt, printbart browser vindue til wireframing. Der er et subtilt gitter inde i vinduet for bedre design (for både 960px brede og 800px brede designs). Det er forholdsmæssigt skaleret til en 1024 × 768 skærmopløsning.
MBTI-skitsepapir til ideation
MBTI Sketching Paper indeholder fire forskellige områder for at komme med ideer til de fire specifikke indkøbsmetoder: konkurrencedygtige, spontane, metodiske og humanistiske. Den fås i fire størrelser: A4, A3, Letter og Legal.
Concept7 Sketching Paper
Dette skitsepapir giver et browservindue med præfabrikerede gitterlinjer plus et noterområde på siden. Den fås i A4 og A3 størrelser.
960 Grids System Sketch Sheets
960 Grid-systemet har masser af skabeloner til rådighed for forskellige designprogrammer. Men mange mennesker er ikke klar over, at der også kan downloades PDF-skabeloner til wireframing med 960.gs på papir.
Gitterdesign grafpapir
Konigi har gratis, printbart grafpapir til ristdesignmockups. Tilgængelige skabeloner omfatter en wireframe med noterområde, landskabs- og portrætorienterede wireframes, storyboards (med og uden noter), to-to-to grafpapir og basispapirpapir.
Wireframe Magnets DIY Kit
Et sæt magnet skabeloner fra Konigi. Udskrive disse kun på magnetplader, og du er klar til at starte wireframing og prototyper på din tavle eller anden magnetisk overflade. Du kan også laminere disse til brug med tør slette markører.
Sketchboards
Disse skitseblade er tilgængelige i to versioner: en enkelt skærm med noterum eller seks-op med noterum. Multi-siders versionen er ideel til hurtig prototyper af flere sider, hvor enkeltside-versionen er fantastisk til mere detaljeret wireframing af specifikke sider.
6 sider skabelon
Dette er en simpel skabelon med fortrykte browservinduer til mockups på seks sider på hvert ark, med ekstra plads til notater på siden. Meget simpelt, men meget nyttigt til top planlægning.
Papir Wireframe Skabeloner
En række wireframe skabeloner, med i alt syv inkluderet i download. Der er også PSD-skabeloner tilgængelige, hvis du vil tilpasse dem før udskrivning.
Trådramme
En enkel wireframe skabelon med plads til sidetitel øverst og noter langs siden. Det er professionelt nok til at bruge til endelige wireframes og mockups at vise til kunder.
iPhone App Wireframe Template
En meget stilfuld iPhone app skabelon, tilgængelig i stående og liggende retninger. Der er versioner med enkelt iPhone mockups med masser af plads til noter samt sider med tre iPhones på en enkelt side.
iPad ideblad
Der er tre versioner til rådighed: et to-up ark med portrætorienterede iPads, et fire-arks ark med landskabsorienterede iPads og et one-up ark med en landskabsrettet iPad. De har også et iPhone-ideark til rådighed for download.
Scenario, Taskflow og Grid Sketchsheets
Disse skitser er uundværlige værktøjer til webplanlægning. Scenariet hjælper dig med at planlægge, hvordan du får besøgende til dit websted for at udføre en ønsket handling. Opgaveflowarket hjælper dig med at finde ud af, hvilke trin der er involveret i udførelsen af specifikke opgaver på dit websted. Og gitterpladen giver dig plads til wireframing og noter på bestemte sider.
Produkter
Produkterne nedenfor svarer ofte til dem, der er tilgængelige til download ovenover, men kommer fortrykt. Andre værktøjer er også inkluderet, såsom stencils og notater.
Mighty Mouse Pad
En musemåtte, der også er et notesblok. Der er tre forskellige versioner: 5 dage om ugen (med plads til fem dage for at lave lister), Information Central (med masser af plads til noter) og Random Dawdle. $ 10 hver.
iPad Stencil Kit
En metal stencil fra UI Stencils til design til Apple iPad. Den har alt, hvad du behøver for at opføre applikationer til iPad. Kittet indeholder også en .7mm Zebra Mekanisk Pencil og et interaktionsteknik bord. $ 24,95
iPhone Stencil Kit
Et andet metal stencil kit fra UI Stencils, denne gang til iPhone. Det leveres også med Zebra Mekanisk Pencil og UI Stencils klistermærker. $ 24,95
App Sketchbook
Tilbyder spiralbundne App Sketchbooks til design af iPhone og iPad apps. Der er standard, perforeret og iPad-version til rådighed. IPhone-versionerne leveres med tre ægte iPhone-billeder pr. Side, med 50 sider (dobbeltsidet) i alt. IPad sketchbook (endnu ikke tilgængeligt) leveres med et billede pr. Side. $ 12 hver.
Notepod og Notepod+
Notatblokke til livsstil til design af iPod og iPad apps. IPods notesbøger kommer i en 3-pakning med 100 sider pr. Pude. IPad-versionen (Notepod +) sælges enkeltvis og har også 100 sider pr. Pude. Notepod + er $ 19,95; Notepod er $ 17,95 / tre.
Storyboard Notesblok
8 1/2 x 11 tommer notesblokke fra Konigi med 50 storyboard ark, hver med plads til noter. Det, der adskiller disse fra de fleste regelmæssige notatblokke, er, at hvert storyboard-afsnit er opdelt i et gitter, hvilket gør dem meget mere egnede til interaktionsdesign. $ 9 hver, kun tilgængelig i USA.
Browser Sketch Pad
Et notesblok, der indeholder en browser vindueskabelon på hver side. Hvert vindue indeholder et gitter, der er kompatibelt med Website Stencil Kit ($ 24.95), også fra UI Stencils. $ 8,95 hver.
Dot Grid Book
Disse prikbøger fra Behance ligner traditionelle grafpapir, men i stedet for linjer har de prikker, hvor linjerne skærer hinanden. Det giver et fremragende net til skitsering uden indbrud af solide linjer. $ 14 hver.
Når Sticky Note Set
For dem af os, der bruger notater til at holde orden, kan det være, at det kun er det, der tager din produktivitetssystem til næste niveau. Separate notattyper til ting, der skal gøres i dag, snart eller en dag plus tre ekstra notattyper. $ 12,99.
Yderligere ressourcer
Find endnu flere ressourcer via nedenstående roundups:
- 50 Gratis UI og Web Design Wireframing Kit, Ressourcer og Source Files - En fantastisk Roundup fra Smashing Magazine, der indeholder både online og offline ressourcer.
- Gratis printable sketching, Wireframing og Noter-Taking PDF-skabeloner - En anden stor rapport fra Smashing Magazine, der udelukkende består af printbare ressourcer denne gang.
- UI, Wireframing og Layout Design Resources - En lille rundvisning af udskrivbare ressourcer udarbejdet af Es Developed.