Kotisivu » Toolkit » Hyödyllisiä (offline) ruokailuvälineitä ja työkalupaketteja suunnittelijoille

    Hyödyllisiä (offline) ruokailuvälineitä ja työkalupaketteja suunnittelijoille

    Useimmat web-suunnittelijat aloittavat uusia projekteja tietokoneellaan. On olemassa satoja työkaluja wireframes, mockups, prototyyppien luomiseen ja erilaisiin muihin suunnittelutoimiin tietokoneessa tai verkossa. Mutta on myös tonnia offline-, paperipohjaisia ​​työkaluja, jotka voivat nopeuttaa kehitystä ja suunnittelua. Suunnittelijat, jotka aloittavat suunnittelunsa offline-tilassa, käyttävät usein tyhjiä tai kuvaajapapereita ja alkavat tyhjästä.

    Miksi aloittaa kokonaan tyhjästä, kun voit käyttää jotakin näistä valmiista oppaista säästää aikaa ohjaa paremmin luovia energiasi? Alla on koottu loistava luettelo ilmaisista, ladattavista työkaluista sekä kokoelma muistilehtiä ja muita tuotteita, joita voit ostaa offline-suunnittelua ja suunnittelua varten.

    Tässä on enemmän hyödyllisiä suunnittelijoiden työkalupaketteja, jotka haluat ehkä tarkistaa:

    • 27 Must-Have Starter Kits Web-suunnittelijoille
    • GUI-kuvakkeet asettaa Web-suunnittelijoille
    • 50 (Lisää) Erinomaiset Mini-kuvakkeet

    Lataukset

    Alla olevat työkalut ovat kaikkien saatavilla ilmaiseksi. Niihin kuuluvat valmiiksi vedetyt selaimet, verkot ja työkalut iPadin ja iPhonen kehittämiseen.

    Paperin selain

    Yksinkertainen, tulostettava selainikkuna wireframingille. Ikkunassa on hienovarainen ruudukko, joka on suunniteltu paremmin (sekä 960px leveä että 800 pikseliä leveä malli). Se skaalataan suhteellisesti 1024 × 768 näytön tarkkuutta varten.

    MBTI Sketching Paper for Ideation

    MBTI-sketching-paperi sisältää neljä erillistä aluetta, joilla voidaan laatia ajatuksia neljästä erityisestä ostotavasta: kilpailukykyinen, spontaani, metodinen ja humanistinen. Se on saatavilla neljässä koossa: A4, A3, Letter ja Legal.

    Concept7 Sketching Paper

    Tässä piirtopaperissa on selainikkuna, jossa on valmiiksi tehty ruudukko, sekä sivun muistiinpanoalue. Se on saatavana A4- ja A3-kokoisina.

    960 Grid System Sketch Sheets

    960 -verkkojärjestelmässä on runsaasti malleja, jotka ovat käytettävissä eri suunnitteluohjelmissa. Mutta monet ihmiset eivät ole tietoisia siitä, että on myös ladattavia PDF-malleja, joita voi käyttää 960 g: n paperilla..

    Grid Design Graph Paper

    Konigillä on ilmainen, painettava graafinen paperi ruudukon malleihin. Käytettävissä oleviin malleihin kuuluu langallinen kehys, jossa on muistiinpanoja, maisema- ja muotokuvakohtaiset lankamuodot, muistikirjoitukset (muistiinpanoilla ja ilman), kaksipuolinen kuvaajapaperi ja perusgraafipaperi.

    Wireframe Magnets DIY Kit

    Joukko Magigi-malleja Konigiltä. Tulosta ne vain magneettilevyille ja olet valmis aloittamaan langansoiton ja prototyyppien valmistamisen taululle tai muulle magneettiselle pinnalle. Voit myös laminoida ne käytettäväksi kuivien poistomerkkien avulla.

    Sketchboards

    Nämä piirilevyt ovat saatavilla kahdessa versiossa: yksi näyttö, jossa on merkintätilaa, tai kuusi ylöspäin muistiinpanotilassa. Monisivuinen versio sopii erinomaisesti monien sivujen nopeaan prototyyppiin, jossa yhden sivun versio sopii tarkemmin tietyille sivuille..

    6 Sivun malli

    Tämä on yksinkertainen malli, jossa on ennalta piirrettyjä selainikkunoita kuuden sivun malleille jokaiselle arkille. Erittäin yksinkertainen, mutta erittäin hyödyllinen huipputason suunnitteluun.

    Paperiraudan mallit

    Lataukseen sisältyi useita lankamallipohjaisia ​​malleja, joissa on yhteensä seitsemän. Käytettävissä on myös PSD-malleja, jos haluat muokata niitä ennen tulostamista.

    Wireframe-malli

    Yksinkertainen lankamalli, jossa on tilaa sivun otsikolle yläreunassa ja muistiinpanot sivun reunassa. Se on tarpeeksi ammattitaitoinen, jotta se voi käyttää lopullisia wireframes ja mockups näyttää asiakkaille.

    iPhone App Wireframe -malli

    Erittäin tyylikäs iPhone-sovellusmalli, joka on saatavana pysty- ja vaakasuunnassa. On olemassa versioita, joissa on yksi iPhone-mockups, jossa on runsaasti tilaa muistiinpanoille sekä sivut, joissa on kolme iPhonea yhdellä sivulla.

    iPad-idea-arkki

    Käytettävissä on kolme versiota: kaksiosainen arkki, jossa on muotokuva-aiheinen iPad, nelipohjainen arkki, jossa on maisemakeskeiset iPadit, ja yhden sivun, jossa on maisemakeskeinen iPad. Niillä on myös iPhonen idea-arkki ladattavissa.

    Skenaario, Taskflow ja Grid Sketchsheets

    Nämä luonnokset ovat arvokkaita työkaluja verkkosivujen suunnitteluun. Skenaarioarkki auttaa sinua suunnittelemaan, miten sivustosi kävijät saavat halutun toiminnon. Tehtävävirta-arkki auttaa sinua selvittämään, mitkä vaiheet ovat mukana tiettyjen tehtävien suorittamisessa sivustossasi. Ja ruudukko antaa sinulle tilaa tekstiraidalle ja muistiinpanoja tietyille sivuille.

    Tuotteet

    Alla olevat tuotteet ovat usein samankaltaisia ​​kuin ne, jotka ovat ladattavissa edellä, mutta tulevat esipainetuiksi. Mukana ovat myös muut työkalut, kuten stensiilit ja tarralaput.

    Mighty Mouse Pad

    Hiirimatto, joka on myös muistikirja. On olemassa kolme erilaista versiota: 5 päivää viikossa (tilaa viiden päivän arvoisiin tehtäväluetteloihin), informaatiokeskus (jossa on runsaasti tilaa muistiinpanoja varten) ja Random Dawdle. 10 dollaria.

    iPad Stencil Kit

    UI-stensiilien metalli-stensiili Apple iPadin suunnitteluun. Siinä on kaikki mitä tarvitset iPadin sovellusten mallinnukseen. Sarja sisältää myös .7mm Zebra-mekaanisen lyijykynän ja vuorovaikutustekniikataulukon. $ 24.95

    iPhone Stencil Kit

    Toinen metalli-stensiilisarja UI Stencilistä, tällä kertaa iPhonelle. Siinä on myös Zebra-mekaaniset lyijykynät ja UI-stensiilitarrat. $ 24.95

    App Sketchbook

    Tarjoaa spiraaliin sidottuja App Sketchbookeja iPhone- ja iPad-sovellusten suunnitteluun. Saatavana on vakio-, rei'itetty ja iPad-versio. IPhone-versioissa on kolme oikean kokoista iPhone-kuvaa sivua kohden, yhteensä 50 sivua (kaksipuolinen). IPadin luonnoskirjassa (ei vielä saatavilla) on yksi kuva sivua kohti. 12 dollaria.

    Notepod ja Notepod+

    Elämänkokoiset muistikirjat iPod- ja iPad-sovellusten suunnitteluun. IPod-muistikirjat ovat 3-pakkaisia, 100 sivua / pad. IPad-versiota (Notepod +) myydään yksin ja siinä on myös 100 sivua / pad. Notepod + on 19,95 dollaria; Notepod on 17,95 dollaria / kolme.

    Kuvakäsikirjoitus Muistio

    8 1/2 x 11 tuuman muistikirjaa Konigiltä, ​​joissa on 50 kuvakäsikirjoitusta, joista jokaisella on tilaa muistiinpanoille. Asia, joka asettaa nämä erilleen useimmista tavallisista kuvakäsikirjoituksista, on, että jokainen kuvakäsikirjoitusosa on jaettu ruudukkoon, mikä tekee niistä paljon sopivampia vuorovaikutuksen suunnitteluun. 9 dollaria, vain Yhdysvalloissa.

    Selaimen luonnos Pad

    Muistio, joka sisältää selainikkunamallin jokaisella sivulla. Jokainen ikkuna sisältää ruudukon, joka on yhteensopiva verkkosivuston stensiilisarjan kanssa (24,95 dollaria), myös UI-stensiileistä. 8,95 dollaria.

    Dot Grid -kirja

    Nämä Behancen dot grid -kirjat ovat samankaltaisia ​​kuin perinteiset kuvapaperit, mutta ne eivät ole linjoja, vaan niissä on pisteitä, joissa viivat leikkaavat. Se tarjoaa erinomaisen ruudukon hahmotteluun ilman kiinteitä viivoja. 14 dollaria.

    Aina kun Sticky Note Set

    Niille meistä, jotka käyttävät tahmeita muistiinpanoja pitämään järjestäytynyttä, nämä saattavat olla juuri sellaisia, jotka tuottavat tuottavuuden järjestelmän seuraavalle tasolle. Erilliset muistiinpanotyypit, joita voidaan tehdä tänään, pian tai jonain päivänä, sekä kolme lisämerkintätyyppiä. $ 12.99.

    Muita resursseja

    Löydä lisää resursseja alla olevien kierrosten avulla:

    • 50 ilmaista käyttöliittymää ja web-suunnittelua käyttäviä Wireframing-paketteja, resursseja ja lähdetiedostoja - fantastinen kierros Smashing Magazine -palvelusta, joka sisältää sekä online- että offline-resurssit.
    • Vapaa tulostettava sketching, Wireframing ja muistiinpanon PDF-mallit - Toinen suuri kierros Smashing Magazine -lehdestä, joka koostuu kokonaan tulostettavista resursseista tällä kertaa.
    • UI, Wireframing ja Layout Design Resources - pieni kehityspanos, jonka on kehittänyt Es Developed.