Web-DAYsign –毎日語るWebデザイン事例–

素朴なオーガニックの雰囲気をあしらったかのようなページデザイン。

カーキ色の部分の模様はクラシカルな雰囲気を出していて、
少し上品なページなのかな、と思いきや、ページ全体のくすんだような
茶色やカーキの色合いとページ上部の使い古された紙のテクスチャの使用によって
気高さを感じさせながらも素朴な商品である印象が感じられます。
これで、ページの色合いが紫色とか、白色を全体に使われていたら、
さらに都会的で上品な商品である印象が感じ取れる気がします。
色合いによっても提供している商品の性格のようなものが見えてくるようです。

カテゴリー: 色 で魅せる | タグ: , | コメントをどうぞ

Web-DAYsign –毎日語るWebデザイン事例–

ページ上部のタイトル部分、文字が一段下がってまた一段下がってというように
フォルダが階層に分かれているかのような、階段のように段差がありますね。

一瞬、崩れてしまっているのかとギョッとしてしまいますが、
むしろそこが狙いなのかもしれません。
注意をひきつけて、中身を見させる、読ませる。
しかし、ただ単に崩すのではなくて、計算して崩さなければならないのは、なかなか難しそうですね。

カテゴリー: 配置 で魅せる | タグ: | コメントをどうぞ

Web-DAYsign –毎日語るWebデザイン事例–

チラ見せで動く

ページ中央にある丸い“窓”の数々。
丸の中にはリンク先の内容を意味するような画像が表示されています。

その画像もスクロールしていたり、ふよふよ浮いていたりと、
まるで丸い“窓”を通して、“あちら側”の中身をこちら側から覗いているかのようです。
窓を通すことで、全体を見せず、動きながら部分的に見せていることで
チラ見せ効果を発揮しているのかもしれません。

カテゴリー: 動き で魅せる | タグ: , , | コメントをどうぞ

Web-DAYsign –毎日語るWebデザイン事例–

LeSportsacでお馴染み、豊富な模様がトップページ全体に次々と表示されていきます。
ここで注目したいのは、左サイドのメニュー。

このメニュー、表示される模様によって、色合いが変わるんです。
模様の世界観を大切にしていることが感じられますね。
まるで美術館で作品を展示しているような、アート感が表現されています。

カテゴリー: 色 で魅せる | タグ: , | コメントをどうぞ

Web-DAYsign –毎日語るWebデザイン事例–

Web-DAYsign –毎日語るWebデザイン事例–

左サイドのメニューやコンテンツ内のタイトルに添えられたかわいらしいアイコン。
ほのぼのとした雰囲気が感じられますね。

それもアイコンに曲線が用いられていたり手書きのように変形していたりするからでしょうか。
たとえば、「まほうびんの魅力」メニューに添えられたアイコン。
このアイコンのイラストだったら、きっちり左右対象のイラストが描ける対象であるにも関わらず
よーく見ると、わざと少し変形させて、まるで手書きで描いたかのようになっています。
さらに左上のロゴについても、丸の形がぐにゃぐにゃっと少し変形していますよね。
こういったように、直線より曲線を多用して変形させることによって、
ページ全体にもやわらかく、ほのぼのとした感じを印象付けるんですね。

カテゴリー: アイコン で魅せる | タグ: , | コメントをどうぞ

Web-DAYsign –毎日語るWebデザイン事例–

文字で強弱を表現

とにかくかっこいい!
シンプルでいて強調すべきところは強調していて、バランスの良さにセンスが感じられます。

特に注目する点は、文字の太さの使い方。
例えば、メイン画像についている「SIMPLY BEAUTIFL.」という文字では
「SIMPLY」と「BEAUTIFL.」の文字の太さを変えています。
この変化から、「SIMPLY」を強調したくて、「BEAUTIFL.」は言葉通り、
無駄のなく美しい雰囲気を出したいことが感じ取れますよね。
また、ツールの説明のところでは、ペンの種類ごとの説明について、
アプリ内のペンの持ち手の色に合わせてタイトルの色を変えています。
このサイトで紹介されているアプリの通り、線の細さや塗りのタッチといった強弱を
大切にしていることがこのサイトのデザインからわかりますね。

カテゴリー: 文字 で魅せる | タグ: , , | コメントをどうぞ

Web-DAYsign –毎日語るWebデザイン事例–

広告部分を除くと、白、黒、Tカード色が印象的なこのWebサイト。

ヘッダーや左サイドのメニューについては、文字をゴシックにしていることで
文字の黒色がとてもくっきりと見られます。
ヘッダーのメニューでは、各メニュータイトルにTカードのアイコンが添えられていて
Tカードの黄色がよく映えています。
このようにくっきりした色が多く使われていると、カジュアルな雰囲気になりますね。

カテゴリー: 色 で魅せる | タグ: , | コメントをどうぞ

Web-DAYsign –毎日語るWebデザイン事例–

シンプルなこのWebサイト。
シンプルですが、私は深みのある写真の数々に釘付けになってしまいました。

どこかノスタルジックな雰囲気が漂う写真たち。
色合い、人や食べ物の温かみの一瞬が切り取られた様子、落ち着いていて、
時間の流れがゆっくりとしているように感じられますね。
なんだかほんわかした気分になります。

カテゴリー: 画像・写真 で魅せる | タグ: , , | コメントをどうぞ

Web-DAYsign –毎日語るWebデザイン事例–

ヘッダーのところの背景、オレンジ色だったり黄色だったり、
黄色をベースにしていくつもの色合いを見せてくれています。

グラデーションを使って立体感を出しているのはもちろんのこと、
なめらかにいくつもの布が重なり合うかのような模様を作って
シンプルでありながら、おしゃれな雰囲気を出しています。
こういった模様は、あまり作ったことがないのですが、
あまり主張させたくないんだけどおしゃれにしたい、というときに用いてみたいですね。

カテゴリー: 画像・写真 で魅せる | タグ: , | コメントをどうぞ

1 / 1712345...10...Last »