デザイナーのための便利な（オフライン）道具とツールキット

ほとんどのWebデザイナーは自分のコンピューターで新しいプロジェクトを始めます。ワイヤフレーム、モックアップ、プロトタイプを作成し、そしてあなたのコンピュータ上またはオンラインで他の様々な計画活動をするためのそこには何百ものツールがあります。しかし、開発や設計プロセスをスピードアップすることができるオフラインの紙ベースのツールもたくさんあります。計画をオフラインで開始する設計者は、白紙または方眼紙を使用して最初から作業を開始することがよくあります。.

あなたが時間を節約するためにあなたがこれらの既製のガイドの1つを使うことができるとき、なぜ最初から完全に始めてください そしてあなたの創造的なエネルギーをもっと上手く演じる？以下に、無料のダウンロード可能なツールのほか、オフラインでの計画と設計のために購入できるメモ帳やその他の製品のコレクションをまとめました。.

これはあなたがチェックアウトしたいと思うかもしれないより有用なデザイナーのツールキットの記事です：

Webデザイナーのための27のスターターキット
WebデザイナーのためのGUIアイコンセット
50個（その他）の優れたミニアイコンセット

ダウンロード

以下のツールはすべて無料でダウンロードできます。これらには、iPadおよびiPhone開発用の事前描画されたブラウザ、グリッド、およびツールが含まれています。.

ペーパーブラウザ

ワイヤーフレーミング用のシンプルで印刷可能なブラウザウィンドウ。より良いデザインのためにウィンドウの内側に微妙なグリッドがあります（960pxと800pxの両方のデザイン用）。 1024×768の画面解像度に比例して拡大縮小されます。.

アイデアのためのMBTIスケッチ紙

MBTIスケッチペーパーには、4つの具体的な購買様式についてのアイデアを思いつくための4つの異なる分野が含まれています。それは、競争力のある、自発的な、系統的な、そして人道的なものです。それは4つのサイズで利用できる：A4、A3、手紙および法的.

Concept7スケッチ紙

このスケッチペーパーは、あらかじめ作成されたグリッド線と横にメモ領域があるブラウザウィンドウを提供します。 A4サイズとA3サイズがあります.

960グリッドシステムスケッチシート

960グリッドシステムには、さまざまなデザインプログラムに使用できるテンプレートがたくさんあります。しかし、紙の上の960.gsでワイヤーフレーミングするためのダウンロード可能なPDFテンプレートもあることを多くの人は知らない。.

グリッドデザイングラフ用紙

Konigiには、グリッドデザインのモックアップ用の無料の印刷可能な方眼紙があります。使用可能なテンプレートには、メモ領域付きのワイヤフレーム、横長および縦長のワイヤフレーム、ストーリーボード（メモあり、なし）、2×2グラフ用紙、および基本グラフ用紙があります。.

ワイヤーフレームマグネットDIYキット

Konigiのマグネットテンプレートセット。これらをマグネットシートに印刷するだけで、ホワイトボードや他の磁気面でワイヤーフレーミングや試作を始める準備が整います。これらをラミネートしてドライイレースマーカーと一緒に使用することもできます。.

スケッチボード

これらのスケッチボードには2つのバージョンがあります。1つの画面にノートスペース、または6つの画面にノートスペースがあります。マルチページバージョンは、複数ページの素早いプロトタイピングに最適です。シングルページバージョンは、特定のページのより詳細なワイヤフレームに最適です。.

6ページのテンプレート

これは、各シートに6ページのモックアップ用にあらかじめ描画されたブラウザウィンドウがあり、横にメモ用のスペースが追加されたシンプルなテンプレートです。非常に単純ですが、最上位計画に非常に役立ちます.

紙ワイヤーフレームテンプレート

ダウンロードに含まれる合計7つのさまざまなワイヤフレームテンプレート。印刷前にPSDテンプレートをカスタマイズしたい場合は、PSDテンプレートもあります。.

ワイヤフレームテンプレート

上部にページタイトル、横にメモを表示するためのスペースを持つ単純なワイヤフレームテンプレート。クライアントに見せるための最終的なワイヤフレームやモックアップに使用するのに十分なほどプロフェッショナルです。.

iPhoneアプリワイヤーフレームテンプレート

非常にスタイリッシュなiPhoneアプリのテンプレート。縦向きと横向きがあります。 1ページに3つのiPhoneがあるページだけでなく、メモ用のスペースが十分にある1つのiPhoneモックアップ付きのバージョンもあります。.

iPadのアイデアシート

利用可能な3つのバージョンがあります：縦向きのiPadを持つ2アップシート、横向きのiPadを持つ4アップシート、そして横長のiPadを持つ1アップシート。彼らはまた、ダウンロード可能なiPhoneのアイデアシートを持っています.

シナリオ、タスクフロー、およびグリッドスケッチシート

これらのスケッチシートは、Webサイト計画に非常に貴重なツールです。シナリオシートはあなたがあなたのサイトへの訪問者を望んだ行動を実行させる方法を計画するのを助けます。タスクフローシートを使用すると、サイト上の特定のタスクの実行にどのような手順が関連しているのかを把握できます。そして、グリッドシートはあなたにワイヤーフレームと特定のページのメモのためのスペースを与えます.

製品情報

以下の製品は、上でダウンロードできるものとよく似ていますが、事前に印刷されています。ステンシルや付箋紙などの他のツールも含まれています。.

マイティマウスパッド

メモ帳でもあるマウスパッド。 3つの異なるバージョンがあります：週5日（5日分のやることリスト用のスペースあり）、Information Central（メモ用のスペースあり）、そしてランダム落書き。それぞれ10ドル.

iPadステンシルキット

Apple iPad用に設計したUI Stencilsのメタルステンシル。 iPad用のアプリケーションをモックアップするのに必要なものがすべて揃っています。このキットには、0.7mmのZebraシャープペンシルとインタラクションテクニックの表も含まれています。 24.95ドル

iPhoneステンシルキット

UI Stencilsのもう1つのメタルステンシルキット、今回はiPhone用。それはまたゼブラシャープペンシルとUIステンシルステッカーが付属しています。 24.95ドル

アプリスケッチブック

iPhoneおよびiPadアプリをデザインするためのスパイラルバウンドApp Sketchbookを提供します。標準版、穴あき版、iPad版があります。 iPhone版には、1ページに3つの実サイズのiPhoneイメージがあり、合計50ページ（両面）です。 iPadのスケッチブック（まだ入手できません）には、ページごとに1つの画像が付属しています。各12ドル.

メモ帳とメモ帳+

iPodとiPadのアプリをデザインするための等身大メモ帳。 iPodのノートブックはパッドあたり100ページで、3パックに入っています。 iPad版（Notepod +）は単体で販売されており、パッドあたり100ページあります。ノートポッド+は19.95ドルです。ノートポッドは$ 17.95 / 3です.

絵コンテメモ帳

50枚の絵コンテ付きのKonigi製8 1/2 x 11インチメモ帳。それぞれにメモ用のスペースがあります。ほとんどの通常の絵コンテのメモ帳とは一線を画すのは、絵コンテの各セクションがグリッドに分割されているため、インタラクションデザインに適していることです。それぞれ9ドル、米国内でのみ入手可能.

ブラウザスケッチパッド

各ページにブラウザウィンドウテンプレートが含まれているメモ帳。各ウィンドウにはグリッドも含まれています。これは、ウェブサイトステンシルキット（24.95ドル）と互換性があります。これもUIステンシルからです。それぞれ8.95ドル.

ドットグリッドブック

Behanceのこれらのドットグリッドブックは、伝統的な方眼紙に似ていますが、線ではなく線が交差する点に点があります。それは実線の侵入なしでスケッチするための優れたグリッドを提供します。各14ドル.

付箋セット

整理するために付箋を使用する私たちにとって、これらはあなたの生産性システムを次のレベルに引き上げるための単なるものかもしれません。今日、もうすぐ、またはいつかやることには、別々のメモタイプと、さらに3つのメモタイプがあります。 12.99ドル.

その他の資料

以下のまとめでさらに多くのリソースを見つけてください。

50の無料UIとWebデザインのワイヤーフレーミングキット、リソース、そしてソースファイル - オンラインとオフラインの両方のリソースを含むSmashing Magazineからの素晴らしいまとめ.
無料の印刷可能なスケッチ、ワイヤーフレーム作成、およびメモ作成用のPDFテンプレート - Smashing Magazineからのもう1つの素晴らしいまとめ。今回はすべて印刷可能なリソースで構成されています。.
UI、ワイヤフレーム、およびレイアウトデザインのリソース - Es Developedによって編集された印刷可能なリソースの簡単なまとめ.