ドットインストール代表のライフハックブログ
2014.11.19 / UI 画面遷移に疑問を感じたあなたにオススメするUI Flowsというツール Tomohiro Suzuki クライアントやディレクターから渡された画面遷移図を元にワイヤーフレームを作ってみると、後から足りない画面が次々に発見された、または画面内の情報がどこに繋がるのか分からないといった経験はありませんか? この画面遷移図というものは本来は制作範囲の全体像と構造を明確にし、必要な画面というものを洗い出したりするものです。通常のWebサイトであれば、従来のような画面遷移図でも問題ないかもしれませんが、多くのインタラクションが発生するサービスの設計では複雑化しやすく、何度も情報を行き来して確認することになるため時間がかかります。 原因のひとつとして、画面遷移図では画面名のみを記載して繋げていくことになるため、必要な情報が不足していることが挙げられます。その結果、本来で
Mac / windows 共通で使える定規ツールは沢山ありますが、インターフェイスが綺麗で軽く、アプリ開発者もWebデザイナーも使えるルーラーは「Pixus」です。 PIXUS(adobe air)は、Webおよびインターフェイス設計者が簡単に画面上のオブジェクトのサイズやそれらの間の距離を測定することを可能にするアプリケーションです。 1.2.111にバージョンアップしたら、非常に使いやすくなったので簡単に解説を載せておきます。グリッドライン追加と綺麗なデザインにうっとりです。前面に固定出来るのでphotoshopなどと組み合わせて使うのも良いですね。 特徴 ピクセル単位で画面オブジェクトを測定出来る スキンやプリセットを使用してデザイン変更 綺麗なインターフェイス Windows 7 / vista / Mac OS X で動作確認済 使い方/ショートカットキー Pixus Alwa
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く