デザイン案1
深緑、生成り、控えめな黄土色を使い、見出しは日本語明朝系、本文はシステムゴシック系で表示します。トップは研究概要と研究業績を中心に、研究内容ページでは本文画像を文章の流れへ置きます。
- 配色
- 深緑 #263B35、生成り #F6F2E9、黄土色 #A8753D
- 文字
- 見出しは日本語明朝系、本文はシステムゴシック系
- 情報配置
- トップは研究概要と研究業績、詳細は長文中心
比較について
- 3案で研究室名、研究内容、研究業績、活動情報、関連リンクの情報量をそろえています
- 各案でトップページ、研究内容ページ、活動報告ページを比較できます
- PCとスマートフォンで取得できる情報は共通です
デザイン3案
デザイン案2
青、青緑、明るい背景を使い、見出しと本文は日本語システムゴシック系で表示します。研究内容ページは縦に読み進め、トップでは研究業績と活動情報を余白のあるグリッドへ配置します。
- 配色
- 青 #173F5F、青緑 #2A7187、明るい背景 #F5F8FA
- 文字
- 見出し・本文とも日本語システムゴシック系
- 情報配置
- 研究内容詳細は縦読み、トップの更新情報はグリッド配置
デザイン案3
濃紺、暖色アクセント、薄いグレーを使い、見出しと本文は日本語システムゴシック系で表示します。トップでは活動情報を上位に置き、研究業績、研究概要、関連リンクへの短い動線を設けます。
- 配色
- 濃紺 #173451、暖色アクセント #8B4B2A、薄いグレー #EDF1F4
- 文字
- 見出し・本文とも日本語システムゴシック系
- 情報配置
- トップの活動情報、研究業績、研究概要、関連リンクを階層化
ご確認いただきたい点
- 研究室として信頼感があるか
- 研究内容を読みやすいか
- 活動情報を見つけやすいか
- 研究室の雰囲気に合いそうか