注目キーワード

MOONGIFT

OSSを中心としたメディアポータル

iPhone向けのWebサイトやネイティブアプリケーションをデザインする際に、イラストレータやPhotoshopを使って行うケースは多いと思う。その際にはiPhoneの画面の大きさに合わせてキャンバスを設定し、作り込んでいるだろう。 0

ピクチャ 33.png
Mac OSX側ではiPhoneで表示したい部分を指定する 0

 

だが実際の画面に合わせた時とはイメージが異なる(例えば筐体の枠がないなど)。そのような違和感を感じないために使いたいのがLiveViewだ。 0

今回紹介するフリーウェアはLiveView、iPhone向け画面デザイン設計ユーティリティだ。

LiveViewは二つのソフトウェアで構成される。一つはMac OSX向けのLiveView ScreenCaster、もう一つはiPhoneアプリケーションだ。Mac OSX向けのソフトウェアは言わばサーバであり、立ち上げるとiPhoneに似た枠だけが表示される。そして枠をデザインしている部位に当てれば準備は完了だ。 0

IMG_0126.PNG
iPhoneでも同じように見える 0

 

次にiPhoneアプリケーションを立ち上げてMac OSXのLiveView ScreenCasterへ接続する。するとMac OSX側で指定している部分がそのままiPhoneでも表示される。VNCともちょっと似ているがiPhone側は単なるビューワーになる。 0

本物に画面がそのまま投影されるので、実際の雰囲気をつかみやすいのではないだろうか。この二つを組み合わせればデザインのスピードが格段にましそうだ。デザイナの方は覚えておくと便利だろう。 0

 

IDEO Labs » LiveView: an iPhone app for on-screen prototyping
 
http://labs.ideo.com/2009/01/20/liveview-an-iphone-app-for-on-screen-prototyping/ 0

MOONGIFTの関連記事

このエントリーを含むTwitter

Related Posts Plugin for WordPress, Blogger...
新規購読
新規購読

プレミアムでしか読めない記事が193あります。ぜひ登録を!

  • オープンブロックス - OpenBlockS
  • 広告募集

ぷらっとオンラインおすすめ商品もっと見る

もっと見る

人気記事もっと見る