参考サイト考察 ー株式会社トンボ鉛筆ー
【Responsive】
対応(ブレイクポイント:768px)
【color】
ベースカラー(background):#fff
サブカラー (background):f5f7f9
アクセントカラー(ロゴ):#b80131
【font-family】
Yakuhan JP
【font-size】
各セクション見出し:(英語)30px (日本語)12px
本文:14px
その他リンク等:10px
【ポイント】
・全体として余白を大きく取り整理された印象を与えている。日頃の仕事で用いられる文房具という製品が持つべきイメージを理解し、整然とした印象を与えることで製品自体のユーザビリティーの高さを印象付けている。
・白を基調としたクリーンなデザインでセクションによっては薄いグレーを使用しのっぺりとした印象とならないようにしている。フィーチャーしている製品についてはブロックにさりげないシャドウを用いることによって製品写真の持つ影と相まって存在感と重量感を与えるなどサイト全体を通じて影の使い方が非常に高度である。
・サイト全体のカラーを極力押さえ大手文房具メーカーならではの長く愛される非常に完成度の高いプロダクトデザイン自体をwebデザインのアクセントとして活用している。
・アクセントカラーはロゴに用いられている赤と主力製品のカラーであるブルー。ホバー した際には赤色に変化することでシンプルながらも視認性の高いデザインとなっている。
この記事が気に入ったらサポートをしてみませんか?