2010
Mar
31

iPhone用のモックアップを作成できるWebサービス

Webサイトを作る時にまずはじめにサイトの下書き(モックアップ)を作るんですが、iPhone用のモックアップがWeb上で簡単に作れるWebサービスを発見しましたので紹介したいと思います。

iPhone Mockup
iPhone Mockup

早速軽く使い方解説

使い方は左側の「Drag&Drop」がステンシル(矢印とかパーツ)で
それぞれ置きたいところにドラッグ&ドロップするだけです(まんま)。

「textfield」とか「label」とか書かれている部分はダブルクリックでテキストを変更したり追加できたり何かと便利です。

右下がゴミ箱でいらなくなったステンシルはここにポイ。

右上の「style」は綺麗な線か手書き風かの切り替えが可能。

左下は一番ホットな機能でPNG形式の画像(500px x 500px)
をアップロードして使用出来る。
ただアップロード後に画像のサイズを変更できないので
上げる前にある程度調整しておくのをおすすめします。
ちなみにモニタ部分のサイズは大体 横 320px x 縦 480px くらいでした。
これで計りました↓
Webデザイナーのための「ピクセル定規」Windows版

作成が終わったらURLをコピーして保存しておきましょう。
PDFとかPNGでのダウンロードの機能はないので注意です。

キーボードのPrtScr(プリントスクリーン)でキャプチャを取ってPCやEvernoteなどに保存するのも良いかと思います。

一度試されてはいかがでしょうか。

SANWA SUPPLY iPod、iPhone対応 デスクトップスタンド ブラック PDA-STN2BK
SANWA SUPPLY  iPod、iPhone対応 デスクトップスタンド ブラック PDA-STN2BK
おすすめ平均
stars速買い
starsお買い得
stars使い心地いいです。
stars使いやすい
starsiphoneの坐りが良く満足

Amazonで詳しく見る


posted by トネリコ at 21:47 | Comment(0) | TrackBack(0) |
カテゴリ:Web制作のツール・ソフト | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
※ブログオーナーが承認したコメントのみ表示されます。

この記事へのトラックバック
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。