■ 概要 Overview
アジアンカンフージェネレーションの活動２５周年を記念に開設されたWebサイト
■ ファーストビュー Above the fold
サイトタイトル
キービジュアル
グローバルナビ
公式サイト・公式グッズ販売 ジャンプボタン
ＳＮＳリンクボタン
■ ターゲット Target
ファン、新規ファン
■ フォント Font
a-otf-midashi-go-mb31-pr6n(見出しゴMB31)
18px,28px
伝統的で落ち着きのある見出し用ゴシック体で、始筆にアクセントをもったオーソドックスなデザイン
適度な黒みと、漢字とかなの対比が自然に視線を導き、ゴシック体のなかでは字面が小さめに設計されているため、大きなサイズで使っても押しつけがましくなく、広告・雑誌の見出しや長めのキャッチコピーなどで、ゆったりと言葉の意味を伝えることができる書体
source-han-sans-japanese(源ノ角ゴシック)
15px,20px,35px
日中韓で使われている漢字を統一されたデザイン
東アジアに向けた印刷物やWebページ、ソフトなどで、イメージをずらすことなく各国の文字を使える
フォントウェイトが多く、バリアブルフォントでもあり、様々なシーンで利用可能
字体は印刷やPCのモニターなどさまざまな条件で可読性が高くなるようにデザインされており、モバイル端末の小さいモニターでも読めるように考慮されている
■ カラー Color
<B>#EBEAE8
<M>#FF0086
<A>#60D7AC
■ デザインの特徴 Design features
ローディングでカウントアップのイベント後に、正円にトリミングされた
これまでのアルバムジャケットなどのアートワークが自動でスクロールアップする
２５周年を記念したサイトという意味合いから、カウントアップや正円のアルバムのジャケットがレコードやＣＤが過去の作品からスルスルとスクロールアップするイベントは時間の経過を早送りで見ているような印象
グローバルナビゲーションの項目全て同じページ内に収め、縦長の構成になっている
スクロールダウンして、メニューが変わるとメニュータイトルや背景が変わり、文字アニメーションも変化する
またグローバルナビが縦書きなのも、スクロールダウンすることによって文字色がアクセントカラーに変わり、ページの現在地がわかるようになっていて、縦長のページ構成に縦書きのグローバルナビがちゃんと意味のある形で効いてくる
エンタメ性が高く、２５周年の企画としても楽しいデザインになっている
各タイトルで使用されているa-otf-midashi-go-mb31-pr6n（見出ゴMB31）はスッキリしたゴシック体で、テキスト関係はバリアブルのsource-han-sans-japaneseが使用されている
どちらも読みやすさと、フォントウェイトなどの種類が多さを持ち合わせたフォントで、メッセージ性が高く読ませたいテキストが邪魔にならないよう余白をたっぷりとってスッキリさせている
ジャンプ率が高く、JQueryなどによってぎやかな構成になっているが、ゴチャつかないスッキリしたデザインはこれまでの作品のアートワークを映えさせ、またミュージシャンとして悠然と構える印象と重なる
ASIAN KANG-FU GENERATION 25周年記念サイト