ボーイのサイトトレース04
トレース先
トレースしたデザイン
ビジュアルを使用しないデザインのアプローチ
今回トレースしたサイトは画像やグラフィックなどのビジュアルを大きく使用しないサイトとなっている。ビジュアルのパワーに頼らず見栄えの良いサイトに仕上げており、主にフォントや図形のみとシンプルな構成ながら単調な印象にもなっていない。これらは下記の要因があるからだと考えられてる。
●円を使った構成でデザインにフックとメリハリを付与
サイトで一番特徴的なのは大胆に円の要素が配置されている事である。直線的なボックスレイアウトに対して円方向に流れるフォントの要素がフックやメリハリとして効いている。またランダム的に配置された円がレイアウトの単調さを緩和して奥行きのある印象に仕上げている。
●装飾性のあるフォントで個性をプラス
タイトルや見出しは「Felix」を使用。Trajanのように「はらい」の曲線に特徴があり、単体使いでも様になるフォントになっている
本文ではグーグルフォントでも使用できる「Exo」を使用。独特の楕円形状が印象的で、どちらかと言えば本文使い用のスタンダートさは薄く、やや個性的な部類に入るフォントとも感じた。
両方ともクセのある部類のフォント選定になっており、組み合わせだけで見れば少々煩雑に印象になりそうにも見える。しかし今回の場合、画像やグラフィックなどのビジュアルを使わないため、全体の情報量や装飾性が少なく、単調な印象になりやすい構成になっている。敢えてクセのあるフォント同士を使用する事で、そういった弱点をフォローする狙いがあると考えられる。
ファーストビューのデザインで下層にも展開
インパクトのあるTOPのファーストビューだが、下層の詳細ページも含めて殆どのページをこのフォーマットで統一している。汎用性の高いデザインとは言えないため、ページによってはやや強引な印象もあるがこのファーストビューで走りきる構成も珍しいと感じた