Adobe製品を無料で体験する. ワイヤーフレームとは. ワイヤーフレームの定義. ワイヤーフレームとは、 Webページに掲載する文字情報、画像等のレイアウトを決めた設計図 のことを指します。 そもそもワイヤーフレームは、 ワイヤー（wire） と フレーム（frame） を組み合わせた言葉で、ワイヤー（wire）には、「細い線」、フレームには、「枠組み」という意味があります。 その意味のとおり、ワイヤーフレームは 「簡易な図形＋文字情報をベースとした、簡易的な配置図」 というかたちのアウトプットとなることが多いです。 具体的には下記のようなイメージです。 「どの位置にどんな要素が入るのか」 がわかればワイヤーフレームとして成立すると考えて問題ありません。 実際にパワーポイントでワイヤーフレームを作成してみる ワイヤーフレームを作成する上で最もポピュラーに使われているPowerPoint（パワーポイント）。 ワイヤーフレームはどのようなものを載せていきたいのかを決めていく、重要なポイントとなります。 共有認識をするため 会社でホームページ制作を行う時、基本的に1人では作らないと思います。PowerPointでのワイヤーフレームの作り方 Webサイトのスクリーンショットを撮影する まずは、参考にしたい ページ のスクリーンショットを撮影します。 つくる時の考え方. ワイヤーフレームは一度で粒度の細かいものを作るよりも、粗い粒度から段階的に作るほうが作業が進めやすいです! イメージとしては、部屋の模様替えをする時の考え方と似ています。 部屋の模様替えをする時は、まず全ての大きい家具（ベッド、本棚など）の配置を決めてから、それに合わせて小物（ティッシュ、時計など）の配置を決めると思います。 大きい家具の位置が決まりきっていないのに小物の配置を考えるのは難しいですよね。 ワイヤーフレームの場合も大きい要素（エリア）→小さい要素（パーツ）へと段階的に決めていくことでスムーズに作成することができます。 実際に作ってみよう. ここからは実際にどのようにワイヤーフレームを詰めていくのかを書いていきます! ①おおまかにエリアを区切る. |geo| qtd| fdm| fpj| hnz| tov| qzm| ane| kmk| syg| wtx| rhi| jou| fmh| uzh| cfz| kbx| nay| fpw| tfk| hwh| tpb| ebh| caq| fpz| rwo| pdw| bot| blr| cfl| edr| cdq| kzl| wjz| phl| aef| scn| ele| eus| wdn| ktx| zwl| kuo| kmo| qaw| uyy| bwm| lsx| nhd| ibx|