タグ

ワイヤーフレームに関するakiueosのブックマーク (3)

  • Fireworks でワイヤーフレームを作成する際に活用したい機能 | バシャログ。

    来年のテーマを早くも「断捨離」に決めた sakai です。 今回は Fireworks でワイヤーフレームを作成する際に活用したい機能についてです。 この記事は Fireworks Lover Advent Calendar 2012 の 10日目です。良記事ばかりなので、ぜひチェックしてみてください! Fireworks でワイヤーフレームを作成することのメリット そもそも、なぜ Fireworks でワイヤーフレームを作るの? ピクセルベースで作業ができる。 ピクセルベースでオブジェクトを作成・配置できるので、グリッドでレイアウトすることも簡単です。 ページ機能・共有レイヤー・共有ライブラリ・ステート機能が強力すぎる。 Web サイトの制作に特化したツールだけに、他のツールにはない強力な機能があります。 ワイヤーフレームの作成からコーディング直前までの工程を Fireworks オンリ

    Fireworks でワイヤーフレームを作成する際に活用したい機能 | バシャログ。
  • ワイヤーフレームをつくる時に押さえておきたいポイント

    どのページをつくるか? まずトップページ。 体裁が変わるようであれば下層ページも作ります。 また、システムが入るプロジェクトでは画面遷移図としてつくることもあります。 結局のところプロジェクトによります。 競合他者調査 競合他者がどのようなサイト設計を行ってるか参考にします。 他サイトの設計は試行錯誤の結果辿り着いた設計とも言えます。 全く同じ設計にしてしまうのは問題がありますが、 「何故そのような設計にしたか?」を考える事でワイヤーフレームをつくる時の参考になります。 例えば賃貸のサイトではトップの目立つ場所に検索メニューがあります。 賃貸サイトでユーザーが一番求めてるのは賃貸検索ではないか、と考察できます。 (これは誰でも分かる例ですが…) また、ユーザーは過去の体験から次のアクションを予想します。 過去に賃貸サイトを利用した方なら、賃貸サイトで地図を見れば「地域から賃貸を探す」を連想

    ワイヤーフレームをつくる時に押さえておきたいポイント
  • オンラインのワイヤーフレーム作成ツール Cacoo | ユージック

    オンラインのワイヤーフレーム作成ツール Cacoo 2010年1月7日 国産のオンラインでワイヤーフレームやプレゼン資料が作れるWEBサービス「Cacoo」が便利そうなのでご紹介したいと思います。 特徴 ドラッグ&ドロップ操作 作成はステンシルから図を選んでドロップしていくだけ。 吸着、整列機能 近くの図に自動的にフィットして整列します。均等整列や位置揃えなど基的な整列機能がある。 複数人リアルタイム編集 編集の反映はリアルタイムで複数人で同時編集ができる。 コミュニケーション機能 掲示板のように共有した図はお互いにコメントを付けてコミュニケーションをとることができる。 他アプリケーションでの図の利用 Cacooで作成した図はWikiやBlog、その他様々なWebアプリケーション に画像として張り付け可能。元の図を編集できるので貼り付けた画像も更新可能。背景を透過できるPNGでエクスポー

    オンラインのワイヤーフレーム作成ツール Cacoo | ユージック
  • 1