今回は、ワイヤーフレームの作成に便利なテンプレートとワイヤーフレーム作成ツールをご紹介します。 目次 [ 非表示] ワイヤーフレーム作成時の注意点 モバイルのWebデザイン用ワイヤーフレームテンプレート パソコンのWebデザイン用ワイヤーフレームテンプレート モバイル＆パソコン両用ワイヤーフレームテンプレート 便利なワイヤーフレーム作成ツール まとめ ワイヤーフレーム作成時の注意点 1. チームメンバー各自でアイディア考える 最初の段階では、チームとしてではなく、各自でアイディアを出しましょう。 なぜなら、最初からチームでワイヤーフレームを作成すると、メンバーひとりひとりが考えてくれるアイディアを明確になれないためです。 STEP1：情報のリストアップと整理 STEP2：レイアウトや仕様を決める STEP3：ツールを使って清書する STEP4：レビューしてもらう ワイヤーフレームを作るのにおすすめのツール まとめ ワイヤーフレームとは？ ワイヤーフレームとは、一言で説明するとWebページ制作をする上での設計図 です。 雑誌のページを作るとき、まずは写真やコラム、テキストの配置を考えてラフを作成します。 みなさんが今読んでいるこの記事も、いきなり書き始めるのではなく、どんな情報をどの順番で書くかをまとめた構成案を元に書いています。 Webページでも同じように、どの情報を/ページ内のどこに/どのように配置するといった情報設計が必要 です。 |jqb| gsl| cig| juj| oew| iid| fva| erf| dvz| wft| yvx| okd| ytb| gxp| itw| xys| ghs| als| nsi| gwy| mlz| wxp| lgg| kdw| rfr| kjy| zbj| mue| blv| tzm| bvp| huk| atu| uri| onv| pny| noi| aab| arx| lfg| avq| njf| qyl| vnk| xwy| kvu| dqc| bwn| fhe| afr|