Mock作りに便利なPencil

★画像アップ先の不調により、過去のエントリーで画像が見られないものが多数あります。もし画像の見たいものがありましたらご連絡いただければ復活するようにします。

iloveubuntuにてWebサイトやアプリなどのモック作りに便利そうな「pencil」というアプリ紹介されていたのでちょっと試してみました。

Pencil, versatile GUI prototyping tool
Pencil

以下の動画ではチャートを作る例みたいなものを見ることができます。このチャートの素材なんかはサイトの構成作りとかに役立ちそうです。



実際にサイトのモックづくりを試してみたのが以下の図です。使い勝手を見るだけなのでかなり適当ですがmoebuntuサイトを想定してみました。

Pencil

サイトのサイズなども画面上で右クリックから「Properties」から指定することができます。色の設定などもアイテム上で右クリックから「Properties」で設定できます。「Advance mode」にチェックを入れるとカラーホイールがでてそこから色を作ることもできます。画像なども自由に張り込めます。ここのmoebuntuのロゴはWebサイト上からコピペしたものです。

Pencil

Webサイト以外にもアプリのモック作りに使える例として以下を上げておきます。iPhoneやiPadの筐体やパーツが登録されていているのでそのまま取り込んで作っていくことができます。Android用はWindows用などのパーツもあります。

Pencil

PencilはこちらからDebパッケージをダウンロード&インストールできます。

ちなみにInkscape慣れしている人はこれらのパーツをコピペでInkscapeに持って行ってパーツとして使うこともできます。
関連記事

テーマ : Linux
ジャンル : コンピュータ

コメントの投稿

非公開コメント

プロフィール

TOY

Author:TOY
萌え萌えmoebuntu
ようこそ!
moebuntuサイト
moebuntu wiki
お気軽にコメントください。

Auto-Translate
最新記事
最新コメント
tweet
萌え萌えAD




月別アーカイブ
09  08  07  06  05  04  03  02  01  12  11  10  09  08  07  06  05  04  03  02  01  12  11  10  09  08  07  06  05  04  03  02  01  12  11  10  09  08  07  06  05  04  03  02  01  12  11  10  09  08  07  06  05  04  03  02  01  12  11  10  09  08  07  06  05  04  03  02  01  12  11  10  09  08  07  06  05  04  03  02  01  12  11  10  09  08  07  06  05  04  03  02  01 
カテゴリークラウド
RSSリンクの表示
リンク
QRコード
QRコード
最新トラックバック