【必見】モバイルファースト時代のコミュニケーション ~Responsive Logo レスポンシブロゴという発想~

※この記事は読者によって投稿されたユーザー投稿のため、編集部の見解や意向と異なる場合があります。また、編集部はこの内容について正確性を保証できません。

「レスポンシブ」というと、レスポンシブウェブデザインを連想する方が多いでしょう。
いまやウェブサイト制作の標準的な技術となっているレスポンシブウェブデザイン。1つのHTMLソースを、デバイス毎にではなく画面幅に応じてデザインを変えることで、PC、タブレット、スマートフォンにも最適な見た目を提供する技術です。そんなレスポンシブウェブデザインを採用されているサイトの中でも、ロゴに関してはどの画面サイズでも同じものが使われていて、スマートフォンで表示された時には視認性が悪くなってしまっている。そんなサイトを見かけることも少なくありません。ウェブサイトの閲覧の半数以上がモバイル端末によるものになっている昨今、企業やブランドにとって大切なロゴの視認性が悪くて良い分けがありませんね。

そこで、今回は「レスポンシブロゴ」という考え方をご紹介します。ウェブサイトのデザインやレイアウトは変えても、ロゴそのものを画面のサイズに合わせて変化させてしまおうと言う発想はなかったのではないでしょうか。

http://responsivelogos.co.uk/

これは、デザイナーのJoe Harrison ジョー・ハリソンさんによる、「ブランドがどのように複数のデバイスと画面解像度に適応するかを探究するプロジェクト」です。画面サイズによって、ロゴの詳細なデザインを取り除くことで、より見やすく適切なロゴを表示することができるようにしています。このサイトであげられているロゴは...

▼続きはこちら▼

https://citrusjapan.co.jp/column/cj-column/w004_201806.html

この記事が役に立ったらシェア!
みんなが読んでるWeb担メルマガで、あなたも最新情報をチェック
  • SEOやデジタルマーケの最新情報をゲット
  • 事例やインタビューも見逃さない
  • 要チェックのセミナー情報も届く
みんなが読んでるWeb担メルマガで、あなたも最新情報をチェック
  • SEOやデジタルマーケの最新情報をゲット
  • 事例やインタビューも見逃さない
  • 要チェックのセミナー情報も届く

Web業界の転職情報

もっと見る
Sponsored by

今日の用語

EFO
申し込みフォームの入力完遂率を高めるために、フォームを改善する施策のこと。 ...→用語集へ

連載/特集コーナーから探す

インフォメーション

Web担のメルマガを購読しませんか?
Web担の記事がコンパクトに毎週届くメールマガジン「Web担ウィークリー」は、10万人が読んでいる人気メルマガ。忙しいあなたの情報収集力をアップさせる強い味方で、お得な情報もいち早く入手できます。

Web担に広告を掲載しませんか?
購読者数10万人のメールマガジン広告をはじめとする広告サービスで、御社の認知向上やセミナー集客を強力にお手伝いいたします。

サイトマップ
RSSフィード


Web担を応援して支えてくださっている企業さま [各サービス/製品の紹介はこちらから]