ArchArchHTML/JavaScriptUI・UXインスピレーションダウンロード素材ツールTIPSディレクションデザインマーケティング雑記・お知らせ2012.4.17レイアウトの基本的な型と、レイアウトからデザインまでの流れWebサイトにおいて、レイアウトの基本的な型と、レイアウトからデザインまでの流れを簡単にまとめてみました。レイアウトからデザインまでの流れを把握しておくと、その間の思考が分断されずデザインがしやすくなると思います。ユニークなレイアウトにするにしても、あらかじめ基本的な型を知っておくと逸脱がしやすくなりますね。レイアウトに影響を与える要因レイアウトにはいくつかの型がありますが、まずその型を決定する前に、レイアウトに影響を与える要因を知っておく必要があります。これらの要因によって、レイアウトの型があらかじめ決まったり、レイアウトが大きく変わるからです。→そのサイトでは何を伝えたいのか。→ヴィジュアル主体で伝えるのか、文字主体で伝えるのか等これらの情報を踏まえた上で、レイアウトの型を決めていきます。レイアウトの基本的な型Webサイトのレイアウトは、代表的なものとして以下が挙げられると思います。(名称は私が便宜上使っているものでして、一般的ではありません)型が決まったら、以下4つのページの構成要素をはめ込んでいきます。点・線・面(図形)これらの要素を、どれだけの量でどのように配置し、何を伝えるか。ここから装飾のデザインに入っていきます。これらの要素をデザインすることで、ユーザーへのメッセージを明確にします。簡単なレイアウトはワイヤーフレームとしてディレクターから渡されると思うのですが、なぜこのレイアウトなのか、という思考が分断されやすいので、こういった流れを意識しておくと良いのかな、と思います。2013のボランティアスタッフに参加して良かったこと2013.12.02UI変更が不評な時に役立つ原因の切り分け方2013.11.29About@kanako29WebサービスのUI・UXデザインなどをやっています。