1|2Reflowに直接Photoshopから読み込ませるもう1つはReflowに直接Photoshopから読み込ませる方法だ。Reflowの画面にPhotoshopのアイコンが表示されているので、これをクリックしてみよう。Page]をクリックすると、以下のように読み込まれた。Sync]を有効にすると、アセットの更新が行えるようになる。Sync]を有効にした状態で、わざとPhotoshop側で画像を真っ赤に塗りつぶしてみよう。すると、該当する画像に更新アイコンが出現する。これをクリックすると、画像が更新された。Reflowをワイヤーフレーム制作ツールからデザインカンプ制作ツールにしてくれるReflowの弱点の1つとして、デザインツールではないため、単体ではどうしてもワイヤーフレームレベルの作業しか行えなかった。アセット1つ作るにしても、他のグラフィックソフトから書き出す必要があり、普段グラフィックソフトに触れる機会がない人たちにとってはハードルが高かった。SyncでReflowとPhotoshopが連携できるようになることで、デザイナにデザインカンプを作ってもらい、それをすぐさま活用できるようになった。Photoshopを少し触れる人であれば、渡されたPSDファイルを元に作り込んでいくこともできるだろう。随時PSDファイルとReflowの連携を取って、出力結果を確認しながら作業を進めていくことができる。Reflowのコードは、まだプロダクションレベルの品質に達していない(と、書き出されたコードにコメントで書かれている)ので、Web制作の実務でこの機能が活用されるとは考えにくいが、プロトタイピングなど実制作に至る前のさまざまなフェイズで表現力が向上することは、制作者にとっても発注者にとってもポジティブに働くのではないだろうか。しんご)1975年大阪生まれ。Flash(当時はmacromedia)を使ったコンテンツ制作を始め、Flash歴だけは異様に長い。自他共に認めるFlash大好きっ子。2008年より活動の拠点を東京に移し、2011年に独立。Edge系を活用し、HTML5コンテンツも手掛ける。Cloudのアップグレードサイクルからまたも外れてしまった。これは開発終了を意味するのか、Fireworks大好きな筆者が現地ロサンゼルスで考えた。CodeやMuseといったWeb制作系アプリケーションのデモやAfterEffectsとPhotoshopで撮影済みの写真を手品のように修正するデモが行われた。画面プロトタイプ入門アプリ/サイト納品後に顧客に「使いにくい」「あれ追加して」といわれた方へ。前もって画面イメージを簡単に作る方法が......プロトタイピングでUIデザインの失敗にさようならUIデザインを効率的に進める「プロトタイピング」が注目されている。メールマガジンをご購読ください。申し込みページへITmediaはアイティメディア株式会社の登録商標です。