プロフィール

もこはる

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

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

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

スポンサーサイト

<!-- passive:etc --><div style="text-align:center;margin-bottom:10px;"><iframe src='//assys01.fc2.com/1374' style='width:300px;height:250px;border:none;' scrolling='no'></iframe><!-- FC2管理用 --><img src="//media.fc2.com/counter_img.php?id=1368" width="1" height="1"><!-- FC2管理用 --></div><div style="font-size:8px;">上記の広告は1ヶ月以上更新のないブログに表示されています。<br />新しい記事を書く事で広告が消せます。</div>
71

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

iPhoneアプリやスマホサイトの構成を書く時にシンプルなベースとなるものを探していたらちょっと気になるサービスを発見!自分の絵が下手、何度も修正したいけど手書きじゃ消すのめんどう…そんな人は一度使ってみてください♪iPhone Mockup-------------------------iPhone Mockupのサービスはサイト上でUIパーツをドラッグ&ドロップで配置できて、UIのラフスケッチ的なものを作れます。登録の必要がないのが嬉しいですね!サイト... iPhoneアプリやスマホサイトの構成を書く時に<br />シンプルなベースとなるものを探していたらちょっと気になるサービスを発見!<br />自分の絵が下手、何度も修正したいけど手書きじゃ消すのめんどう…<br />そんな人は一度使ってみてください♪<br /><br /><strong><a href="http://iphonemockup.lkmc.ch/" target="_blank" title="iPhone Mockup" style="color:#FF6600; font-size:14px;">iPhone Mockup</a></strong><br />-------------------------<br /><a href="http://iphonemockup.lkmc.ch/" target="_blank" title="iPhone Mockup" >iPhone Mockup</a>のサービスはサイト上でUIパーツをドラッグ&ドロップで配置できて、UIのラフスケッチ的なものを作れます。<br />登録の必要がないのが嬉しいですね!<br />サイトに飛ぶとイラストレーター風か、手書き風かの2つから選べます。<br />途中で変えれるのでどっちから始めても大丈夫!<br /><img src="//blog-imgs-61-origin.fc2.com/d/e/a/dearsheep14/iPhoneMockup01.jpg" alt="iPhoneMockup01.jpg" border="0" width="380" /><br /><br /><br />イラストレーター風か、手書き風かを選ぶと下のページが出てきます!<br /><img src="//blog-imgs-61-origin.fc2.com/d/e/a/dearsheep14/20130802113813363.png" alt="iPhone Mockup02" border="0" width="500" /><br /><br /><br />試しにざっくり左のメニューからドラッグ&ドロップしてみました!<br />わーい!はみ出てる!<br />出してみていらないものは右のゴミ箱からぐしゃぐしゃーっと消せるので何度でもやり直せます!<br /><img src="//blog-imgs-61-origin.fc2.com/d/e/a/dearsheep14/2013080211381431c.png" alt="iPhone Mockup03" border="0" width="500" /><br /><br /><br />左のUploadから画像をアップする事もできます。<br /><img src="//blog-imgs-61-origin.fc2.com/d/e/a/dearsheep14/20130802120152be4.png" alt="iPhone Mockup04" border="0" width="500" /><br /><br />Select PNGを押して、表示させたいPNG画像を選び、Uploadを押すと配置できるようになります。<br />ロゴとか背景画像とか配置できますね!<br />ただ、画像の大きさを拡大縮小する機能がないので、Uploadする前にサイズを合わせておかなければならない。<br />ちなみにサイズは横幅が約318px。<br /><br /><br />最後に完成したものは共有できる優れもの。<br />URL自体がデータ固有のものになるみたいです。<br />なのでURLを記録しておけば続きから編集可能。<br /><br />スカイプとかパソコン持ちよりMTGで、みんなであれこれ言いながら配置確認ができちゃう!<br />便利ですね!<br /><br /><a href="http://iphonemockup.lkmc.ch/?id=LSYkCgfDfAGCgEdFNjNWcgYmaKbYTQeBPHBOODQeH&amp;style=illustration" target="_blank" title="もこはるのiPhone Mockupサンプル">もこはるのiPhone Mockupサンプルはこちら</a><br /><br />iPhone Mockupにこんな機能ほしいなーってmemo。<br /><span style="font-size:x-small;">●command+Zで戻せたらいいなー<br />●拡大縮小ができる枠が一個欲しいなー<br />●画像を拡大縮小できたらいいなー<br />●簡単なテキストを入れれたらいいなー</span><br /><br /><br /><a target="_blank" href="http://www.amazon.co.jp/b/?_encoding=UTF8&camp=247&creative=1211&linkCode=ur2&node=2221688051&tag=mocoharu02-22">タイムセール</a><img src="http://ir-jp.amazon-adsystem.com/e/ir?t=mocoharu02-22&l=ur2&o=9" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /><br />
    Return to Pagetop
    上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。