Quantcast
Channel: Web-DAYsign --毎日語るWebデザイン事例-- »渋い
Browsing all 3 articles
Browse latest View live

Image may be NSFW.
Clik here to view.

逆三角形でわかりやすい縦書きナビゲーション

和のテイストを活かした、縦書きのナビゲーション。 ナビゲーションとかボタンとか言ったら、横書きのイメージがほとんどですが、 「和」を活かすなら縦書きですね。 縦書きなのにナビゲーションだってすぐわかるのは、 キーワードの上にそっと配置されてある逆三角型の矢印のおかげかも。

View Article



Image may be NSFW.
Clik here to view.

薄い茶色で手前へ浮かす

茶色い石のようなテクスチャが全面背景に使われていて、 それより手前に薄い茶色の背景色、さらにその手前にメインコンテンツが配置されています。 薄い茶色背景は、メインコンテンツを20pxほどで囲っている線のように見えます。 テクスチャ背景とメインコンテンツとの間に、薄い茶色が入っていることで、 メインコンテンツが少し浮き立っているように感じられます。...

View Article

Image may be NSFW.
Clik here to view.

濃い背景

まわりの背景画像、まるで写真のようにリアルなイラスト(?)が使われています。 色合いは濃く、暗めで、向こう側から光が当たっていて、こちら側が影になっているような印象を受けます。 シルエットに近い描写になっているので、中央のコンテンツ部分が明るく感じ、 中央部分が読む部分だということが、この明度や色合いで自然と把握できます。 背景画像は、あまり主張しないように薄めの色合いが良いと考えていましたが、...

View Article
Browsing all 3 articles
Browse latest View live




Latest Images