プロフィール

もこはる

Author:もこはる
pixivもやってます
お仕事はWEBデザイナー、イラストレーター。
イラスト描いたりするのが大好き。

休日は音楽聞きながら漫画読んだりゲームとかしてます。

うさゴヤ
最新トラックバック

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
-

Comment

Comment Form

Comment Form
管理者にだけ表示を許可する
-

Trackback

Trackback URL

71

iPhoneのUI設計に便利なモックアップサービス*iPhone Mockup

iPhoneアプリやスマホサイトの構成を書く時に
シンプルなベースとなるものを探していたらちょっと気になるサービスを発見!
自分の絵が下手、何度も修正したいけど手書きじゃ消すのめんどう…
そんな人は一度使ってみてください♪

iPhone Mockup
-------------------------
iPhone Mockupのサービスはサイト上でUIパーツをドラッグ&ドロップで配置できて、UIのラフスケッチ的なものを作れます。
登録の必要がないのが嬉しいですね!
サイトに飛ぶとイラストレーター風か、手書き風かの2つから選べます。
途中で変えれるのでどっちから始めても大丈夫!
iPhoneMockup01.jpg


イラストレーター風か、手書き風かを選ぶと下のページが出てきます!
iPhone Mockup02


試しにざっくり左のメニューからドラッグ&ドロップしてみました!
わーい!はみ出てる!
出してみていらないものは右のゴミ箱からぐしゃぐしゃーっと消せるので何度でもやり直せます!
iPhone Mockup03


左のUploadから画像をアップする事もできます。
iPhone Mockup04

Select PNGを押して、表示させたいPNG画像を選び、Uploadを押すと配置できるようになります。
ロゴとか背景画像とか配置できますね!
ただ、画像の大きさを拡大縮小する機能がないので、Uploadする前にサイズを合わせておかなければならない。
ちなみにサイズは横幅が約318px。


最後に完成したものは共有できる優れもの。
URL自体がデータ固有のものになるみたいです。
なのでURLを記録しておけば続きから編集可能。

スカイプとかパソコン持ちよりMTGで、みんなであれこれ言いながら配置確認ができちゃう!
便利ですね!

もこはるのiPhone Mockupサンプルはこちら

iPhone Mockupにこんな機能ほしいなーってmemo。
●command+Zで戻せたらいいなー
●拡大縮小ができる枠が一個欲しいなー
●画像を拡大縮小できたらいいなー
●簡単なテキストを入れれたらいいなー



タイムセール
0

Comment

Comment Form

Comment Form
管理者にだけ表示を許可する
0

Trackback

Trackback URL

検索フォーム
ブロとも申請フォーム

この人とブロともになる

QRコード
QRコード
Return to Pagetop
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。