ロゴデザインまでスマホ対応? | アメージングデザイン[東京]

アメージングデザインのお見積り・ご相談

スタッフブログ

スタッフブログ

2018/02/06

ロゴデザインまでスマホ対応?

こんばんわ、デザイナーのオギノです

みなさん「レスポンシブ」って言葉を
ご存知でしょうか。

英語では
responsive
[すぐ応答[反応]する,敏感な.]
という意味です。

このブログに登場するときには
「レスポンシブサイト」として登場してもらいましょう。

「レスポンシブサイト」とは
見ている人の環境(PC、スマホ、タブレットなど)に
関係なく、同じURLで同じHTMLコードを
画面サイズに応じて(つまり「レスポンシブ」に)表示を
変えるサイトのことを言います。

いまではWEBサイトを作る上では
レスポンシブにするのが主流とされているほど。

そんな時代の中で、今回の記事のタイトルにもあるように
ロゴマークまで「レスポンシブ」しているんです!

とりあえず下記をご覧ください。
Joe Harrison ジョー・ハリソンさんという
海外の方が作ったサイトのキャプチャーです。
0206_logo

ロゴがサイトの幅に合わせて
どんどん要素を減らしていき
小さく表示させた際にも
見やすく可読性がよくなっています。

画面の幅に合わせてロゴも可変する、
昔は考えられなかった考え方ですね

でも納得。
コンテンツだけではなく
その中に入っているロゴマークだって
サイズに合わせてしっかり見せ方を変えてあげることで
可視性が上がって、ロゴとしての認知度があがり
ブランディングに繋がるのではないでしょうか。

レスポンシブロゴを作る時に
気をつけるべきことは
シンボルとなるもをしっかり決めていくことかと思います。

見やすさを与えるだけではなく
企業には重要なブランディングにも影響を与える
レスポンシブロゴ!

今後意識してみると
身近なあの企業もレスポンシブしてる〜!!と
発見出来るかもしれませんね。

アメージングデザインでもロゴデザイン
承っております!
https://amazing-design.co.jp/service_list/logo

学校から病院、観光系からイベントまで
幅ひろーくデザインしておりますので
ぜひ一度ご相談ください!

アメージングデザインのお問い合わせフォーム
ホームページ制作はアメージングデザインはお任せください