Handige (offline) gebruiksvoorwerpen en toolkits voor ontwerpers
De meeste webontwerpers starten nieuwe projecten op hun computer. Er zijn honderden tools beschikbaar voor het maken van wireframes, mockups, prototypen en het uitvoeren van verschillende andere planningsactiviteiten op uw computer of online. Maar er zijn ook tal van offline, op papier gebaseerde hulpmiddelen die uw ontwikkelings- en ontwerpproces kunnen versnellen. Ontwerpers die offline met de planning beginnen, gebruiken vaak alleen blanco of ruitjespapier en beginnen helemaal opnieuw.
Waarom helemaal opnieuw beginnen wanneer u een van deze vooraf gemaakte handleidingen kunt gebruiken om tijd te besparen en beter je creatieve energie sturen? Hieronder hebben we een geweldige lijst met gratis, downloadbare hulpmiddelen samengesteld, evenals een verzameling blocnotes en andere producten die u kunt kopen voor offline planning en ontwerp.
Hier zijn handigere toolkits-artikelen voor ontwerpers die u misschien wilt bekijken:
- 27 Must-Have-starterkits voor webontwerpers
- GUI Icon Sets voor webontwerpers
- 50 (Meer) Uitstekende Mini Icon Sets
downloads
De onderstaande tools zijn allemaal beschikbaar voor gratis download. Ze omvatten vooraf getekende browsers, rasters en hulpmiddelen voor de ontwikkeling van iPad en iPhone.
Papierbrowser
Een eenvoudig, afdrukbaar browservenster voor wireframing. Er is een subtiel raster in het venster voor een beter ontwerp (voor zowel 960px breed als 800px breed ontwerp). Het is verhoudingsgewijs geschaald voor een schermresolutie van 1024 x 768.
MBTI-schetspapier voor ideatie
Het MBTI-schetspapier bevat vier verschillende gebieden voor het bedenken van ideeën voor de vier specifieke inkoopmodaliteiten: competitief, spontaan, methodisch en humanistisch. Het is verkrijgbaar in vier formaten: A4, A3, Letter en Legal.
Concept7 Sketching Sketch
Dit schetsboek biedt een browservenster met vooraf gemaakte rasterlijnen, plus een notitiegedeelte aan de zijkant. Het is verkrijgbaar in de formaten A4 en A3.
960 Grid System Sketch Sheets
Het 960-rastersysteem heeft tal van sjablonen beschikbaar voor verschillende ontwerpprogramma's. Maar veel mensen weten niet dat er ook PDF-sjablonen kunnen worden gedownload voor wireframing met 960.gs op papier.
Grid Design Graph Paper
Konigi heeft gratis, afdrukbaar grafisch papier voor modelmockups voor rasterontwerp. Beschikbare sjablonen bevatten een draadframe met een notitiegebied, op landschap en portret georiënteerde draadframes, storyboards (met en zonder notities), twee-op-twee ruitjespapier en basisgrafiekpapier.
Wireframe magneten DIY Kit
Een set magneetsjablonen van Konigi. Druk deze gewoon op magneetvellen uit en u bent klaar om wireframing en prototyping op uw whiteboard of een ander magnetisch oppervlak te starten. U kunt deze ook lamineren om te gebruiken met droog uitwisbare markers.
Sketchboards
Deze schetsborden zijn beschikbaar in twee versies: een enkel scherm met notitieruimte of zes-plus met notitieruimte. De versie met meerdere pagina's is geweldig voor het snel prototypen van meerdere pagina's, waarbij de versie met één pagina geweldig is voor meer gedetailleerde wireframing van specifieke pagina's.
6 pagina's sjabloon
Dit is een eenvoudige sjabloon met vooraf getekende browservensters voor mockups van zes pagina's op elk vel, met extra ruimte voor notities aan de zijkant. Heel eenvoudig, maar erg handig voor planning op het hoogste niveau.
Paper Wireframe-sjablonen
Verschillende draadframe-sjablonen, met in totaal zeven bij de download. Er zijn ook PSD-sjablonen beschikbaar, als u deze wilt aanpassen voordat u gaat afdrukken.
Wireframe sjabloon
Een eenvoudige wireframe-sjabloon met ruimte voor de paginatitel bovenaan en notities langs de zijkant. Het is professioneel genoeg om te gebruiken voor definitieve wireframes en mockups om aan klanten te laten zien.
iPhone App Wireframe-sjabloon
Een zeer stijlvolle iPhone-app-sjabloon, beschikbaar in portret- en landschapsoriëntaties. Er zijn versies met single iPhone-mockups met veel ruimte voor notities en pagina's met drie iPhones op één pagina.
Ideeënvel voor iPad
Er zijn drie versies beschikbaar: een dubbel blad met portretgeoriënteerde iPads, een vierblad met landschapsgerichte iPads en een éénbladig vel met een landschapsgerichte iPad. Ze hebben ook een iPhone Idea Sheet beschikbaar om te downloaden.
Scenario-, taakregelings- en raster-schetsbladen
Deze schetsbladen zijn van onschatbare waarde voor het plannen van websites. Met de scorekaart kunt u plannen hoe u bezoekers naar uw site kunt leiden om een gewenste actie uit te voeren. Het takenstroomschema helpt u erachter te komen welke stappen er zijn bij het uitvoeren van specifieke taken op uw site. En het rasterwerk geeft u ruimte voor wireframing en notities op specifieke pagina's.
producten
De onderstaande producten zijn vaak vergelijkbaar met degene die hierboven beschikbaar zijn om te downloaden, maar zijn voorgedrukt. Andere hulpmiddelen zijn ook opgenomen, zoals stencils en plaknotities.
Machtige muismat
Een muismat die ook een notitieblok is. Er zijn drie verschillende versies: 5 dagen per week (met ruimte voor vijf dagen aan takenlijsten), Information Central (met veel ruimte voor notities) en willekeurige treuzelen. $ 10 per stuk.
iPad stencilset
Een metalen stencil van UI Stencils voor het ontwerpen voor de Apple iPad. Het heeft alles wat je nodig hebt om mock-up applicaties voor de iPad. De kit bevat ook een .7mm Zebra-vulpotlood en een tabel met interactietechnieken. $ 24.95
iPhone stencilset
Een andere metalen stencil-set van UI-stencils, dit keer voor de iPhone. Het wordt ook geleverd met de stickers Zebra Mechanical Pencil en UI Stencils. $ 24.95
App Sketchbook
Biedt spiraalgebonden app-schetsboeken voor het ontwerpen van iPhone- en iPad-apps. Er zijn standaard, geperforeerde en iPad-versies beschikbaar. De iPhone-versies worden geleverd met drie real-size iPhone-afbeeldingen per pagina, met een totaal van 50 pagina's (dubbelzijdig). Het iPad-schetsboek (nog niet beschikbaar) wordt geleverd met één afbeelding per pagina. $ 12 per stuk.
Notepod en Notepod+
Levensgrote notitieblokken voor het ontwerpen van iPod- en iPad-apps. De iPod-notebooks worden geleverd in een 3-pack, met 100 pagina's per pad. De iPad-versie (Notepod +) wordt afzonderlijk verkocht en heeft ook 100 pagina's per pad. Notepod + is $ 19,95; Notepod is $ 17,95 / drie.
Storyboard Kladblok
8 1/2 x 11 inch notitieblokken van Konigi met 50 storyboard-bladen, elk met ruimte voor notities. Het ding dat deze onderscheidt van de meeste gewone storyboard-notitieblokken is dat elk storyboardgedeelte is opgedeeld in een raster, waardoor ze veel beter geschikt zijn voor interactieontwerp. $ 9 per stuk, alleen beschikbaar in de VS..
Browser Sketch Pad
Een notitieblok met een browservenstersjabloon op elke pagina. Elk venster bevat een raster dat compatibel is met de Website Stencil Kit ($ 24,95), ook van UI Stencils. $ 8,95 per stuk.
Dot Grid Book
Deze puntrasterboeken van Behance zijn vergelijkbaar met traditioneel ruitjespapier, maar in plaats van lijnen hebben ze punten waar lijnen elkaar zouden snijden. Het biedt een uitstekend raster voor schetsen zonder het binnendringen van ononderbroken lijnen. $ 14 per stuk.
Wanneer Sticky Note Set
Voor degenen onder ons die plaknotities gebruiken om georganiseerd te blijven, kunnen deze dingen misschien juist het ding zijn om uw productiviteitssysteem naar een hoger niveau te tillen. Aparte notitietypen voor dingen die u vandaag, binnenkort of op een dag kunt doen, plus drie extra typen notities. $ 12.99.
Verdere bronnen
Vind nog meer bronnen via de onderstaande razzia's:
- 50 gratis UI- en webontwerp wireframingsets, bronnen en bronbestanden - een fantastische verzameling van Smashing Magazine die zowel online als offline middelen bevat.
- Gratis afdrukbare Sketching-, Wireframing- en Note-Taking PDF-sjablonen - Nog een geweldige verzameling van Smashing Magazine, die deze keer volledig bestaat uit afdrukbare bronnen.
- UI-, wireframing- en lay-outontwerpbronnen - Een kleine verzameling bedrukbare bronnen samengesteld door Es Developed.