海外のウェブサイトから学ぶ、ディテールにこだわったデザインのテクニックのまとめ
Post on:2012年4月11日
sponsors
多くのユーザーはその繊細なディテールに気がつかないかもしれませんが、ディテールにこだわることでデザインの全体的な印象に大きな影響を与えているウェブサイトをVandelay Desingから紹介します。
下記は各ポイントを意訳したものです。
繊細なテクスチャを背景にし、ちょっと面白いドロップシャドウ、ロゴのホバー時のエフェクトもかっこいいです。
ページ上部の真ん中にあるユニークなシャドウのエフェクトが目をひきつけます。
[ad#ad-2]
スライダーのコントロールに使用しているドロップシャドウがあるとないとでは使い勝手が変わるでしょう。
ナビゲーションの各アイテムはホバー時にカラーが異なります。
繊細なテクスチャ、ボーダー、カラーを使った垂直型のナビゲーションが美しいです。
ヘッダで使用しているテクスチャは、フラットなカラーやグラデーションではこのクオリティはだせないでしょう。
背景に繊細なテクスチャとウェーブ状のボーダーが印象的なデザインです。
コンテンツエリアは背景の上に繊細なシャドウのエフェクトをもっています。
[ad#ad-2]
ポートフォリオのサムネイルに使用しているドロップシャドウは、とても印象的です。
このサムネイルはとてもユニークな背景をもっています。
このサムネイルは角丸とドロップシャドウです。
ナビゲーションはレトロちっくな3Dのエフェクトで、とても面白いです。
背景にとても繊細なパターンが使用されています。
ヘッダのボーダーは単に細い線ではなく、手書き風の面白いボーダーを使用しています。
背景に繊細なざらっとしてテクスチャ素材を使っています。
ヘッダにはライトが使われており、背景のパターンのテクスチャはフラットなものを使うより繊細なタッチになっています。
繊細なパターンのテクスチャを効果的に使用しています。
宇宙空間を連想させるグリッドのオーバレイが面白い外見を与えています。
ヘッダに繊細なテクスチャを使い、背景のざらっとしたテクスチャにフィットしています。
sponsors
