アイディアは紙から始まる。スマホ、タブレットなどに使えるワイヤーフレーム・テンプレートたち。

企画書も原稿も、まずアイディアを紙に書き出すことから始める。そうすることで散らばっていたアイディアが洗練されてまとまっていく。スマホアプリ、ウェブサイト、タブレットのデザインを考えるときも紙から始めるとはかどるよね。

今回はそんなワイヤーフレームの作成に便利なテンプレートをご紹介。UI STENCILSは各デバイスのスケッチブックやステンシルを販売しているおすすめサイト。

UI Stencils Browser Sketch Pad. from Design Commission on Vimeo.

Pad Sketch Sheets
iPadのスケッチシート。簡単なスケッチはグリッドなしバージョンで、詳細スケッチはグリッドありを活用して。

iPad Idea Sheet
日本語のサイト。原寸大のシート(横向き)、70%縮小シート(縦向き)、50%縮小シート(横向き)の3種類。画面内で縦横8分割しやすいように小さなドットが入ってるそう。

iPad Wireframe Templates
A4サイズで印刷できるiPad用のテンプレート。シンプル。


iPad Dry Erase Board

9×12サイズのiPad型ホワイトボード。iPadの標準アイコンなんかが書かれたUIステンシル・ステッカーもついてきて26.95ドル。

iPad Sketch Book
両面にうっすらiPadが描かれたスケッチブック。8.5×11インチ、1册50枚。ピリッと破れるのですぐ共有したりスキャンしたりできる。1冊13.95ドル、5冊買えば30%OFF。

iPhone Applicaation Sketch Template
A4サイズに2枚のiPhoneが並ぶシンプルなテンプレート。JPGでダウンロード可能。

iPhone Grid System
PNGとPSDでダウンロードできるiPhoneのグリッド入りのテンプレート。

iPhone Idea Sheet
iPadでもでてきた日本語サイトのiPhone版。原寸大シートと75%に縮小したシートの計4種類あるそう。

iPhone App Wireframe
iPhoneのスクリーンを3つまで横に並べて描けるシート。ノートを書くスペースがあるバージョンも。

Mobile Sketch Sheets
iPhoneのスケッチシート。簡単なスケッチはグリッドなしバージョンで、詳細スケッチはグリッドありを活用して。

iPhone Design Sketchbook
キーボードが表示されている場合のスケッチまでできるキット

iPhone Sketch Pad
8.5×11インチのiPhone用スケッチパッド。1冊13.95ドル。

iPhone App Sketchbook
実寸代のiPhoneが3つ並んだスケッチブック。両面印刷で50枚、1冊12.95ドル。

Phone Doo
iPhoneワイヤフレームのマグネット。10枚セットで15ドル。ホワイトボードになってるから何度でも書き直せる。

Android Wireframe Templates
Android端末向けのアイディアシート。「HTC Dream」「HTC Hero」「HTC Magic」「HTC Tattoo」「HTC Nexus One」「Motorola Droid」など、PDFでダウンロード可。

無料でダウンロードできるブラウザのワイヤフレーム・テンプレート「PAPER BROWSER」(1024×768ピクセル)。ブラウザ用のスケッチパッドホワイドボードPostit版なんかもあるよ。

iPhoneiPadAndroidウェブサイトそれぞれの標準アイコンなどのステンシルキットも。26.95ドルなり。