Clik here to view.
画像と画像の“隙間”で安定感
商品一覧を2種類の画像サイズで配置。お洒落ですね。 でも、お洒落だけじゃなく安定感が感じられる。 よく全体を見渡してみると、ランダムなサイズと配置に見せかけて、 大きな画像と小さな画像が規則的に並べられている。 複数の画像サイズをたくさん並べているにも関わらず 整頓されているように見えるのはやっぱり規則性なのかな。 さらに加えて重要そうなのが、画像と画像の感覚・隙間。...
View ArticleClik here to view.
お寺独特の重厚感がありつつ鮮やかな色
このページで注目したいのは、ロゴの上部の5色による配色。 ページの全体的な色が、黒、グレー、灰みのベージュというように、 少しくすんだ、重厚感や落ち着きのある印象の配色となっています。 そんな色合いに、部分的に5色のカラフルな色を持ってくることで、 清水寺の落ち着きがありつつも建造物の鮮やかさや躍動感など、さらなる魅力のスパイスが感じられます。...
View ArticleClik here to view.
綺麗すぎる！？整列
メッセージとロゴ、イメージ画像というように、とてもシンプルなデザインとなっています。 画像や本文内のメニューについても、四角い写真画像と簡潔なタイトル、紹介文が 綺麗に整列されています。むしろ綺麗でシンプル”すぎる”と言いましょうか。 この几帳面なように感じる整列が、このWebサイトの誠実さや安定感といった雰囲気を表現しているようです。 もちろん、画像の研究員の真面目な顔にも、誠実さが表れていますね。
View ArticleClik here to view.
淡いけどガツン！
ページ上部の、「受診する」「調べる」「聞く」「データ」のボタンが とても主張しているように感じませんか。 それも、ボタンに赤色や青色、黄色、桃色といった太めの枠が入っているからでしょうか。 そのボタンが並んでいるエリアの背景は、薄いグレーやグラデーションなど 淡い感じの雰囲気になっているから、余計にガツンとした太い枠線が目立っているのかもしれません。...
View ArticleClik here to view.
グリッドでかっちり
よく見ると、グリッドが表示されているかのように、 点線が縦横ページ全体に描かれています。 左上のグローバルナビゲーションは、そのグリッドに合わせるように 一つ一つのボタンの横幅がかっちりとおさまっています。 右上にあるボタンについてもグリッドにおさまって、ボタンが配置されています。 グリッドが描かれ、そのグリッドに沿って各要素が配置されていることによって、...
View ArticleClik here to view.
カジュアルゴシックでいてフォーマル明朝
前日に引き続き、トップページにコンテンツメニューのバナーがたくさん並んでいるこのページ。 きっちきちに多くのバナーで埋め尽くされていて、それぞれのカラーが出されているにも関わらず、 統一されて見えるのはなぜでしょうか。 理由は2つ。 1つ目は、バナーが基本的にベタ塗り背景になっていること。 サイトの背景も濃いめ水色のベタ塗りになっています。...
View ArticleClik here to view.
背景と同色線で安定感
角が丸い形状やほのぼのとしたイラストで落ち着いた雰囲気です。 配色もグレーの種類も少なめで、ぽってりとした印象を受けます。 メイン部分のメニューを区切っている線は、2pxか3pxで少し存在感のある太さ。 しかも、背景色と同じ色のために、線で区切っているというよりも まるでコンテンツ内のメニューなど各要素がタイルのように貼り付けられているかのように見え、...
View Article
