1カラムレイアウト

2023.02.23information

1カラムレイアウト

「モックアップレイアウトの紹介」ということで、今回はAsitisで使っているデザインレイアウトの紹介をしていきます。

カラム

カラムとは、ブラウザーの横方向をブロック別けした「ブロックの数」のことです。
タイトルにある「1カラム」とは、「ブラウザーの横方向を1つのブロックでレイアウトしたもの」となります。

特にWebサイトのトップページなどのレイアウトとして主流になっているのが、この「1カラム」となります。

1カラムレイアウト

モックアップ-Asitis

大きく五つのブロックに分けました。
ブロック分けとそのブロック毎の役割は、以下の通りです。

ブロック役割
ヘッダーキービジュアルとメニューを表示
キーコンセプトコンセプトとしている文章
お知らせ当グループのお知らせ一覧
メイン業務メインに推す業務内容
フッターフッターメニューと著作権の表記

このレイアウトで構成しています。
コンテンツのメインとしては、キーコンセプト、お知らせ、メイン業務を
表現するエリアとしているので、何を大事とするかによって表示している順番を変えたりすることもありです。