Användbara (offline) redskap och verktygssatser för designers

De flesta webbdesigners startar nya projekt på sin dator. Det finns hundratals verktyg där ute för att skapa wireframes, mockups, prototyper och göra olika andra planeringsaktiviteter på din dator eller online. Men det finns också massor av offline pappersbaserade verktyg som kan påskynda din utvecklings- och designprocess. Designers som börjar sin planering offline brukar bara använda tomt eller grafiskt papper och börja från början.

Varför starta helt från början när du kan använda en av dessa färdiga guider för att spara tid och bättre styra dina kreativa energier? Nedan har vi sammanställt en bra lista med gratis nedladdningsbara verktyg, samt en samling notepad och andra produkter du kan köpa för offline planering och design.

Här är mer användbara designers verktygsartiklar som du kanske vill kolla in:

• 27 måste ha startpaket för webbdesigners
• GUI-ikonuppsättningar för webbdesigners
• 50 (Mer) Utmärkt Mini-ikonuppsättningar

Nedladdningar

Verktygen nedan är alla tillgängliga för gratis nedladdning. De inkluderar fördragen webbläsare, galler och verktyg för iPad och iPhone utveckling.

Pappersbläddrare

Ett enkelt, utskrivbart webbläsarfönster för trådframställning. Det finns ett subtilt rutnät inuti fönstret för bättre utformning (för både 960px breda och 800px breda mönster). Den är proportionellt skalad för en 1024 × 768 skärmupplösning.

MBTI-skisspapper för ideation

MBTI-skisspapperet innehåller fyra distinkta områden för att komma fram till idéer för de fyra specifika köpmodaliteterna: konkurrenskraftiga, spontana, metodiska och humanistiska. Den finns i fyra storlekar: A4, A3, Letter och Legal.

Concept7 Sketching Paper

Detta skissepapper tillhandahåller ett webbläsarfönster med färdiga nätlinjer plus ett anteckningsområde på sidan. Den finns i A4- och A3-format.

960 Grids System Sketch Sheets

960-nätverket har många mallar tillgängliga för olika designprogram. Men många människor är inte medvetna om att det också finns nedladdningsbara PDF-mallar för trådframställning med 960.gs på papper.

Grid Design Graph Paper

Konigi har gratis, utskrivbart grafpapper för gallerkonstruktioner. Tillgängliga mallar inkluderar en trådram med anteckningsområde, liggande och porträttorienterade trådramar, storyboards (med och utan anteckningar), två-två-två-papper och grundläggande grafpapper.

Wireframe Magnets DIY Kit

En uppsättning magnetmallar från Konigi. Skriv ut dessa ut på magnetplåtar och du är redo att starta trådframställning och prototyper på whiteboard eller annan magnetisk yta. Du kan också laminera dessa för användning med torra radermarkörer.

Sketchboards

Dessa skissboards finns i två versioner: en enda skärm med anteckningsutrymme, eller sex upp med anteckningsutrymme. Flersidiga versionen är utmärkt för snabb prototypning av flera sidor, där ensidersversionen är utmärkt för mer detaljerad trådframställning av specifika sidor.

6 sidmall

Detta är en enkel mall med fördragen webbläsarfönster för mockups på sex sidor på varje ark, med extra utrymme för anteckningar på sidan. Mycket enkel, men mycket användbar för planering på hög nivå.

Papper Wireframe Mallar

En mängd trådramar, med totalt sju som ingår i nedladdningen. Det finns även PSD-mallar tillgängliga om du vill anpassa dem före utskriften.

Wireframe Template

En enkel wireframe mall med plats för sidtitel på toppen och anteckningar längs sidan. Det är professionellt nog att använda för slutliga wireframes och mockups att visa för kunder.

iPhone App Wireframe Mall

En mycket snygg iPhone-appmall, tillgänglig i stående och liggande riktningar. Det finns versioner med enskilda iPhone mockups med gott om plats för anteckningar samt sidor med tre iPhones på en enda sida.

iPad Idéblad

Det finns tre versioner tillgängliga: ett tvåfärgat ark med porträttinriktade iPads, ett fyrkantigt ark med landskapsinriktade iPads och ett enstaka ark med en landskapsorienterad iPad. De har också ett iPhone-ideblad tillgängligt för nedladdning.

Scenario, Taskflow och Grid Sketchsheets

Dessa skissblad är ovärderliga verktyg för webbplanering. Scenariot hjälper dig att planera hur du får besökare på din webbplats för att utföra en önskad åtgärd. Uppgiftsflödesbladet hjälper dig att ta reda på vilka steg som är inblandade i utförandet av specifika uppgifter på din webbplats. Och rutnätet ger dig utrymme för trådframställning och anteckningar på specifika sidor.

Produkter

Produkterna nedan liknar ofta de som finns tillgängliga för nedladdning ovan, men kommer förtryckta. Andra verktyg ingår också, såsom stencils och noter.

Mighty Mouse Pad

En musmatta som också är en anteckningsblock. Det finns tre olika versioner: 5 dagar i veckan (med plats för fem dagar att göra listor), Information Central (med gott om plats för anteckningar) och Random Dawdle. $ 10 vardera.

iPad Stencil Kit

En metall stencil från UI Stencils för att designa för Apple iPad. Den har allt du behöver för att mocka upp program för iPad. Satsen innehåller också en .7mm Zebra Mekanisk Penna och en interaktionstekniskabell. $ 24,95

iPhone Stencil Kit

En annan metall stencil kit från UI Stencils, den här gången för iPhone. Det kommer också med Zebra Mekaniska Penna och UI Stencils klistermärken. $ 24,95

App Sketchbook

Erbjuder spiralbundna App Sketchbooks för att designa iPhone och iPad-appar. Det finns standard, perforerad och iPad-version tillgänglig. IPhone-versionerna levereras med tre iPhone-bilder i realtid per sida, med totalt 50 sidor (dubbelsidig). IPad skissboken (ännu ej tillgänglig) levereras med en bild per sida. $ 12 vardera.

Notepod och Notepod+

Noteblad för livsstorlek för att designa iPod- och iPad-appar. IPod-bärbara datorer finns i en 3-pack, med 100 sidor per kudde. IPad-versionen (Notepod +) säljs enstaka och har också 100 sidor per block. Notepod + är $ 19,95; Notepod är $ 17,95 / tre.

Storyboard Anteckningsblock

8 1/2 x 11 tums anteckningsblock från Konigi med 50 storyboard ark, vardera med plats för anteckningar. Saken som skiljer dem från de flesta vanliga notiser är att varje storyboard-del är uppdelad i ett nät, vilket gör dem mycket lämpligare för interaktionsdesign. $ 9 vardera, endast tillgänglig i USA.

Browser Sketch Pad

En anteckningsblock som innehåller en webbläsarfönstermall på varje sida. Varje fönster innehåller ett nät, vilket är kompatibelt med Website Stencil Kit ($ 24.95), även från UI Stencils. $ 8,95 varje.

Dot Grid Book

Dessa prickböcker från Behance liknar traditionellt grafpapper, men snarare än linjer har de prickar där linjer skulle korsas. Det ger ett utmärkt rutnät för sketching utan inbrott av fasta linjer. $ 14 vardera.

När Sticky Note Set

För de av oss som använder klisternotor för att hålla organiserad, kan det här vara bara saken att ta ditt produktivitetssystem till nästa nivå. Separata anteckningstyper för saker att göra idag, snart eller en dag plus tre extra sedeltyper. $ 12.99.

Ytterligare resurser

Hitta ännu fler resurser via nedanstående omröstningar:

• 50 Gratis UI och webbdesign Wireframing kit, resurser och källfiler - En fantastisk sammanfattning från Smashing Magazine som innehåller både online och offline resurser.
• Gratis skrivbar skissering, trådframställning och notering av PDF-mallar - En annan stor sammanfattning från Smashing Magazine, som helt och hållet består av utskrivbara resurser denna gång.
• UI, Wireframing och Layout Design Resources - En liten sammanfattning av utskrivbara resurser sammanställda av Es Developed.