Beranda » Toolkit » Peralatan dan Toolkit (Offline) yang Berguna untuk Desainer

    Peralatan dan Toolkit (Offline) yang Berguna untuk Desainer

    Sebagian besar perancang web memulai proyek baru di komputer mereka. Ada ratusan alat di luar sana untuk membuat gambar rangka, maket, prototipe, dan melakukan berbagai kegiatan perencanaan lainnya di komputer atau online. Tetapi ada juga banyak alat offline berbasis kertas yang dapat mempercepat proses pengembangan dan desain Anda. Desainer yang memulai perencanaannya offline sering hanya menggunakan kertas kosong atau grafik dan mulai dari awal.

    Mengapa mulai sepenuhnya dari awal ketika Anda dapat menggunakan salah satu panduan yang sudah ada sebelumnya untuk menghemat waktu dan lebih baik mengarahkan energi kreatif Anda? Di bawah ini kami telah menyusun daftar alat gratis yang dapat diunduh, serta koleksi buku catatan dan produk lainnya yang dapat Anda beli untuk perencanaan dan desain offline.

    Berikut ini adalah artikel perancang toolkit yang lebih berguna yang mungkin ingin Anda periksa:

    • 27 Kit Pemula Must-Have Untuk Desainer Web
    • Set Ikon GUI untuk Desainer Web
    • 50 (Lebih Banyak) Set Ikon Mini Luar Biasa

    Unduhan

    Alat di bawah ini semuanya tersedia untuk diunduh gratis. Mereka termasuk browser yang sudah ditarik, kisi-kisi, dan alat untuk pengembangan iPad dan iPhone.

    Browser Kertas

    Jendela browser yang sederhana dan dapat dicetak untuk wireframing. Ada kotak halus di dalam jendela untuk desain yang lebih baik (untuk desain lebar 960px dan lebar 800px). Ini diskalakan secara proporsional untuk resolusi layar 1024 × 768.

    Kertas Sketsa MBTI untuk Ideation

    MBTI Sketching Paper berisi empat bidang berbeda untuk menghasilkan ide untuk empat modalitas pembelian spesifik: kompetitif, spontan, metodis, dan humanistik. Ini tersedia dalam empat ukuran: A4, A3, Letter, dan Legal.

    Kertas Sketsa Concept7

    Kertas sketsa ini menyediakan jendela browser dengan garis grid yang dibuat sebelumnya, ditambah area catatan di samping. Ini tersedia dalam ukuran A4 dan A3.

    960 Grid Sketsa Lembar Sistem

    Sistem 960 Grid memiliki banyak templat yang tersedia untuk berbagai program desain. Tetapi banyak orang tidak menyadari bahwa ada juga templat PDF yang dapat diunduh untuk penyadapan dengan 960.gs di atas kertas.

    Kertas Grafik Desain Kotak

    Konigi memiliki kertas grafik gratis yang dapat dicetak untuk maket desain kisi. Templat yang tersedia meliputi bingkai gambar dengan area catatan, gambar rangka berorientasi lanskap dan potret, storyboard (dengan dan tanpa catatan), kertas grafik dua-dua, dan kertas grafik dasar.

    Kit Wireframe Magnet DIY

    Satu set templat magnet dari Konigi. Cukup cetak ini di atas lembaran magnet dan Anda siap untuk memulai penggambaran dan pembuatan prototipe pada papan tulis Anda atau permukaan magnet lainnya. Anda juga dapat melaminasi ini untuk digunakan dengan spidol hapus kering.

    Sketsa

    Sketsa ini tersedia dalam dua versi: satu layar dengan ruang note, atau enam-up dengan ruang note. Versi multi-halaman sangat bagus untuk pembuatan prototipe cepat dari beberapa halaman, di mana versi satu halaman sangat bagus untuk penyadapan lebih rinci dari halaman tertentu.

    Templat 6 Halaman

    Ini adalah template sederhana dengan jendela browser yang sudah dibuat sebelumnya untuk maket enam halaman pada setiap lembar, dengan ruang tambahan untuk catatan di samping. Sangat sederhana, tetapi sangat berguna untuk perencanaan tingkat atas.

    Templat Wireframe Kertas

    Berbagai templat kerangka gambar, dengan total tujuh termasuk dalam unduhan. Tersedia juga template PSD, jika Anda ingin menyesuaikannya sebelum dicetak.

    Templat Wireframe

    Template gambar rangka sederhana dengan ruang untuk judul halaman di bagian atas dan catatan di sepanjang sisinya. Ini cukup profesional untuk digunakan untuk gambar rangka akhir dan maket untuk ditampilkan kepada klien.

    Templat Wireframe Aplikasi iPhone

    Templat aplikasi iPhone yang sangat bergaya, tersedia dalam orientasi potret dan lanskap. Ada versi dengan mockup iPhone tunggal dengan banyak ruang untuk catatan serta halaman dengan tiga iPhone pada satu halaman.

    Lembar Ide iPad

    Ada tiga versi yang tersedia: selembar dua dengan iPads yang berorientasi potret, selembar empat dengan iPad yang berorientasi lanskap, dan selembar satu dengan iPad yang berorientasi lanskap. Mereka juga memiliki Lembar Ide iPhone yang tersedia untuk diunduh.

    Skenario, Alur Tugas, dan Kotak Sketsa

    Sketsa ini adalah alat yang sangat berharga untuk perencanaan situs web. Lembar skenario membantu Anda merencanakan cara mendapatkan pengunjung ke situs Anda untuk melakukan tindakan yang diinginkan. Lembar alur tugas membantu Anda mengetahui langkah-langkah apa yang terlibat dalam kinerja tugas spesifik di situs Anda. Dan lembar kisi memberi Anda ruang untuk wireframing dan catatan pada halaman tertentu.

    Produk

    Produk-produk di bawah ini seringkali mirip dengan yang tersedia untuk diunduh di atas, tetapi sudah dicetak sebelumnya. Alat-alat lain juga disertakan, seperti stensil dan catatan tempel.

    Pad Mouse perkasa

    Mouse pad yang juga notepad. Ada tiga versi berbeda: 5 Hari Seminggu (dengan ruang untuk daftar tugas yang harus dilakukan selama lima hari), Pusat Informasi (dengan banyak ruang untuk catatan), dan Random Dawdle. $ 10 masing-masing.

    Kit Stensil iPad

    Stensil logam dari UI Stencils untuk mendesain untuk iPad Apple. Ini memiliki semua yang Anda butuhkan untuk membuat aplikasi untuk iPad. Kit ini juga mencakup Pensil Mekanik Zebra .7mm dan tabel teknik interaksi. $ 24,95

    Kit Stensil iPhone

    Kit stensil logam lain dari UI Stencils, kali ini untuk iPhone. Ini juga dilengkapi dengan Zebra Mechanical Pencil dan stiker UI Stencils. $ 24,95

    Sketsa Aplikasi

    Menawarkan Sketchbook Aplikasi terikat spiral untuk merancang aplikasi iPhone dan iPad. Ada versi standar, berlubang, dan iPad tersedia. Versi iPhone hadir dengan tiga gambar iPhone ukuran sebenarnya per halaman, dengan total 50 halaman (dua sisi). Sketsa iPad (belum tersedia) hadir dengan satu gambar per halaman. $ 12 masing-masing.

    Notepod dan Notepod+

    Notes seukuran aslinya untuk mendesain aplikasi iPod dan iPad. Notebook iPod datang dalam 3 paket, dengan 100 halaman per buku. Versi iPad (Notepod +) dijual sendirian dan juga memiliki 100 halaman per buku. Notepod + adalah $ 19,95; Notepod adalah $ 17,95 / tiga.

    Notepad Storyboard

    8 1/2 x 11 inci notes dari Konigi dengan 50 lembar storyboard, masing-masing dengan ruang untuk catatan. Hal yang membedakan ini dari sebagian besar papan cerita papan tulis biasa adalah bahwa setiap bagian papan cerita dibagi menjadi sebuah kotak, menjadikannya jauh lebih tepat untuk desain interaksi. $ 9 masing-masing, hanya tersedia di AS.

    Browser Sketch Pad

    Notepad yang menyertakan templat jendela browser pada setiap halaman. Setiap jendela menyertakan kisi, yang kompatibel dengan Kit Stensil Situs Web ($ 24,95), juga dari UI Stencils. Masing-masing $ 8,95.

    Dot Grid Book

    Buku-buku dot grid dari Behance ini mirip dengan kertas grafik tradisional, tetapi alih-alih garis, mereka memiliki titik di mana garis akan berpotongan. Ini menyediakan grid yang sangat baik untuk membuat sketsa tanpa intrusi garis padat. $ 14 masing-masing.

    Kapanpun Catatan Sticky Diatur

    Bagi kita yang menggunakan catatan tempel untuk tetap terorganisir, ini mungkin hanya hal untuk membawa sistem produktivitas Anda ke tingkat berikutnya. Pisahkan jenis catatan untuk hal-hal yang harus dilakukan hari ini, segera, atau suatu hari nanti, ditambah tiga jenis catatan tambahan. $ 12,99.

    Sumber Daya Lebih Lanjut

    Temukan lebih banyak sumber daya melalui daftar di bawah ini:

    • 50 UI Gratis dan Desain Web Kit Wireframing, Sumber Daya, dan File Sumber - Kumpulan fantastis dari Smashing Magazine yang mencakup sumber daya online dan offline.
    • PDF Template Sketsa, Wireframing, dan Pencatatan yang Dapat Dicetak Gratis - Pengumpulan besar lain dari Smashing Magazine, yang seluruhnya terdiri dari sumber daya yang dapat dicetak saat ini.
    • UI, Wireframing, dan Sumber Daya Desain Tata Letak - Kumpulan kecil sumber daya yang dapat dicetak yang disusun oleh Es Developed.