印刷可能、UIデザインのモックアップ用無料スケッチPDFファイルまとめ

printpdf

 

WordPressなどの無料CMSツールの普及やグラフィックデザインの進化などによって、個人でも自由にウェブデザインを作成することが比較的簡単になっています。

iPhone用アプリなども数多く開発されており、どれもすばらしいUIデザインが使われています。

 

デザインブログSmashing Magazineで、ウェブデザインなどを作るときに使いたい、印刷可能なPDFペーパーをまとめた「Free Printable Sketching, WireFraming & Note-Taking PDF Templates」が紹介されていました。

その中でも個人的に今後使いたいと思ったアイテムをいくつかピックアップしてみました。

グリッドラインなども含まれているので、ボックスの大きさや直線なども正確にモックアップすることができそうです。

 

 

詳細は以下から。

 

 

印刷可、UIデザインのモックアップ用スケッチPDFまとめ


 

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

 

Paper Browser

最高ウィンドウ幅1024x768pxまで対応し、800pxや960px規格のウェブデザインに適したPDF。

32x32pxのグリッドラインが描かれているので、デザインの補助に役立ちそうです。

A4とA3サイズで印刷可能となっています。

paperpdf_01

 

 

Web Sketching Template

ウィンドウ幅1024x768pxのウェブデザインに使えるPDF

ページ番号やプロジェクト名、クライアント名など細かな気配りが印象的です。

paperpdf_02

 

 

iPhone Wireframe Templates for Sketching

iPhoneを使ったウェブアプリのデザイン、開発などにぴったりなPDFテンプレート。

本体画面と一緒に備考欄もあるので、わかりやすくデザインやアイデアをまとめることができます。

paperpdf_03

 

 

iPad Idea Sheet ver.01

三階ラボさんが公開されている、iPad用PSFファイル。

原寸大のシート(横向き)、70%縮小シート(縦向き)、50%縮小シート(横向き)の計3種類用意されています。

paperpdf_04

 

 

iPhone Idea Sheet ver.01

こちらも三階ラボさんが公開されているiPhone用PDFペーパー。

等間隔にドットが打たれているので、デザインを簡単に仕上げることができそうです。

paperpdf_05

 

 

iPhone Application Sketch Template

こちらもiPhoneアプリ開発などに使えるPDFテンプレートですが、細かいマス目となっています。

paperpdf_06

 

 

Android Wireframe Templates

Google携帯「Android」UIデザイン用PDFペーパー。

paperpdf_08

 

 

Basic WireFraming Paper

オーソドックスなグリッドが描かれたプレーンタイプのPDFペーパー。

どんなウェブデザイン以外にも使い道がたくさんありそうですね。

paperpdf_13

 

 

Wireframe and Notes Paper

24カラムでグリッドラインが挿入されており、それぞれのカラムの間には溝(gutters)があるのでウェブデザインを楽に行うことができます。

paperpdf_14

 

 

 

■ グリッドペーパー&方眼紙

 

ZURB Grid Paper

細かいマス目が描かれているので、複雑なデザインも点を結ぶことで比較的に行うことができます。

paperpdf_17

 

 

Printable Paper

1インチの4つのドットがデザインされており、■と●が交互に使われているので分りやすそうですね。

paperpdf_26

 

 

 

■ プレゼンに最適、ストーリーボード

 

4 Cell StoryBoard Paper

それぞれグリッドラインを挿入された枠が4つ用意されているPDFペーパー。

複数の情報をまとめるときなどにも使うことができそうです。

paperpdf_19

 

 

ZURB Sketchsheets

ラフなモックアップのときに使えそうな手書き風のかわいいスケッチペーパー。

3部構成でまとめることができます。

paperpdf_12

 

 

Storyboard Template

タイトルなど必要事項を記入する部分などもあり、シンプルで使いやすそうなPDFテンプレート。

paperpdf_20

 

 

Web Sketching Template – 6 Pages

ブラウザ枠も装備しているので、アドレスバーにURLなんか仮入力してもよさそうですね。

paperpdf_22

 

 

 

■ 大学ノート

 

A4 Narrow-Ruled

A4サイズで印刷可能なシンプルなノート用PDF。

paperpdf_27

 

 

8.25″ x 11″ Lined and Squared Paper

方眼紙状になっているノートタイプ。

paperpdf_28

 

 

 

■ その他の特殊ペーパー

 

Printable Cornell Note Paper

2つに分割されており、補足事項なども追加することができるので、日報などにも使うことができそうです。

paperpdf_29

 

 

Moleskine Writing Template

デザインの黄金比(1:1.61803…)が描かれているユニークなPDFテンプレート。

paperpdf_30

 

 

Weekly Printable Calendar

1週間を1時間ごとに分けた仕事にも使えるプロジェクト管理用PDFファイル。

paperpdf_32

 

 

Monthly Printable Calendar

こちらはカレンダーに書き込む感覚でスケジュール管理ができるPDFペーパー。

paperpdf_33

 

 

Index Card Sized Printable Calendars

1ヶ月をまとめたものから年間、2年間などいろいろな種類が揃ったカードサイズのPDFペーパー。

paperpdf_36

 

 

Music Paper from the University of Virginia

音楽などで使うことができるユニークな音符、楽譜用PDFペーパー。

ソロやオーケストラなど用途に応じて数多くのPDFファイルをダウンロードすることができます。

paperpdf_37

 

 

Downloadbale Origami Templates

折り紙用のPDFペーパーなんてのもありましたよ。

paperpdf_42

 

この他にも参照元サイトには今回紹介していない、印刷可能なPDFペーパーファイルがまとめられていますので、よろしかったらこちらも合わせてどうぞ。

 

[参照元 : Free Printable Sketching, Wireframing and Note-Taking PDF Template  Sketching, Wireframing and Note-Taking PDF Template – Smashing Magazine]