Warning: Use of undefined constant more_link_shrarp_remove - assumed 'more_link_shrarp_remove' (this will throw an Error in a future version of PHP) in /home/users/1/limeline/web/nnmal/wp-content/plugins/more_link_sharp_remove/more_link_sharp_remove.php on line 16

Warning: Use of undefined constant ddsg_language - assumed 'ddsg_language' (this will throw an Error in a future version of PHP) in /home/users/1/limeline/web/nnmal/wp-content/plugins/sitemap-generator/sitemap-generator.php on line 44
デザインだけではなくロゴもレスポンシブに「Responsive Logos」 - nanomal

デザインだけではなくロゴもレスポンシブに「Responsive Logos」

Webサイトのマルチデバイス対応としてすっかり一般的になった手法のレスポンシブデザイン。表示サイズに合わせて画像やコンテンツが最適化されるレスポンシブデザインですが、ロゴも一緒に最適化されたらこうなるのではないかと実験しているサイトがResponsive Logosです。

Responsive Logos 2

Responsive Logosは表示サイズによって有名なロゴが変化していくWebサイトです。4つのブレークポイントでロゴが変化していきます。

制作しているのはロンドンを拠点にデザイナーとして活動しているJoe Harrisonさん。いくつか気になったロゴをピックアップしてみました。

1. コカ・コーラ
Responsive Logos 3

2. シャネル
Responsive Logos 4

3. ディズニー
Responsive Logos 5

4. ギネス
Responsive Logos 6

一番小さなサイズでもしっかりとブランドがイメージできるロゴは凄いと思いました。サイトではNIKEやLevisなどのロゴも見ることができます。ロゴの中でどの要素が一番重要なのか見極めていくのが難しそうですね。

サイトを見る時は画面サイズを変えていく必要があるのでPCのブラウザから見ることをおすすめします。

Web Site