Clik here to view.
複数のブルーを使いこなす
このページ、ブルーの色が使われているのはすぐ分かりますよね。 ただし、ブルーはブルーでも、このページだけで使われているブルーは何種類もあります。 背景、ヘッダー、バナー、コンテンツ内背景、タイトル、リンクなどなど。 それぞれのブルーが、鮮やかさ、明るさ、グラデーションなど異なって表現されています。 それなのに、安心できるまとまり感と透明感が感じられます。...
View ArticleClik here to view.
徐々に見せる動き
メインコンテンツ内の「MEN」とか「WOMEN」と書かれた部分をマウスオーバーすると、 ニュインニュインと続けざまにいくつかの画像が一枚ずつ現れてきます。 すべての画像がいっぺんに表示されるのではなく、いくつもの動きが連続して 徐々に表示されることによって、順々に表示される一枚一枚の画像をよりじっくり見ることができますね。
View ArticleClik here to view.
綺麗すぎる！？整列
メッセージとロゴ、イメージ画像というように、とてもシンプルなデザインとなっています。 画像や本文内のメニューについても、四角い写真画像と簡潔なタイトル、紹介文が 綺麗に整列されています。むしろ綺麗でシンプル”すぎる”と言いましょうか。 この几帳面なように感じる整列が、このWebサイトの誠実さや安定感といった雰囲気を表現しているようです。 もちろん、画像の研究員の真面目な顔にも、誠実さが表れていますね。
View ArticleClik here to view.
淡いけどガツン！
ページ上部の、「受診する」「調べる」「聞く」「データ」のボタンが とても主張しているように感じませんか。 それも、ボタンに赤色や青色、黄色、桃色といった太めの枠が入っているからでしょうか。 そのボタンが並んでいるエリアの背景は、薄いグレーやグラデーションなど 淡い感じの雰囲気になっているから、余計にガツンとした太い枠線が目立っているのかもしれません。...
View ArticleClik here to view.
シンプルでも“わかる”
本日も注目するのは、左上のロゴ。 とってもシンプルなものですよね。 シンプルな描写なのに、笑顔の口元のように見えます。 それも両端の丸っぽい部分が、笑ったときの唇の端とほっぺでできる部分のように 見えるからかもしれません。 トップの説明としては、「笑顔」とか「スマイル」とかいう文字はありませんが、 このロゴから、このプロジェクトに参加することで「笑顔になれる」プロジェクトなんだ、...
View ArticleClik here to view.
写真構成でメッセージを伝える
昨日、朝ごはんを食べているときにTVからあるCMが流れてきました。 そのCMとは、ロンドンオリンピックをテーマにして母の愛を表現したP&GのCM。 オリンピック選手がオリンピック選手になるまでの、母親からの支えというバックグラウンドが描かれています。 朝からとても感動して少しウルッときてしまいました。 そんなCMに感動して、Webサイトを検索…。 メインのイメージ画像を見てみてください。...
View ArticleClik here to view.
のれんと障子で訪問感覚
ページ上部のところ、のれんの画像が配置されていますね。 まるで、Webサイトでいながら、実際のお店を訪れて 商品を選んでいるかような感覚になります。 ページ背景の障子のような柄も合わさることによって、 さらにお店の障子の扉を開けて店内をのぞいているかのような感覚にさせていますね。
View ArticleClik here to view.
ひっそり世界観
ディズニーストアのサイト。 なんだかディズニーにしてはシンプルだなと思ったら… あちらこちらにディズニーキャラクターがいるじゃありませんか！ 隠れているのはサイト全体の背景。 ミッキーをはじめとし、ピノキオ、アリエル、ティカーベル、ジーニー、ウッディ、ウォーリーなどなど。 白色のシルエットで目立たないようにひっそりといます。 こんな壁紙がありそうですよね。...
View ArticleClik here to view.
Clik here to view.
最中に釘付け！
メインビジュアル、見てください。 これ、すごい！！ 最中の芸術品を目の当たりにしているようで、釘付けになってしまいました。 やっぱりメインビジュアルに持ってくる画像は、目を釘付けにするような画像でないと！ 次に表示されるビジュアルも度肝を抜かれます。
View Article
