素敵なwebサイトのデザインを研究してみたり、研究してみたりしてみるとなにかいい発見できたり、勉強になるかもしれない!ということで自分の主観なのですが、素敵だなーと思うサイトのデザインを研究してみようということです。今回はNEVERとLINEのサイトが綺麗だなーということで研究&分析したいと思います。目次NEVER1pxのラインテキストにドロップシャドウcssLINE不透明なヘッダーメニューノイズパターンNEVER1pxのラインヘッダーのメニューを見てみると、ラインが引かれています。そのラインですが、1pxのラインではなく、濃い色の1pxのラインと薄い白色のラインが1pxひいてあるんです。拡大してみますとよくわかります。このちょっとの工夫で、ペタっとならずに少し立体感が生まれますね!テキストにドロップシャドウヘッダーメニューのテキストにドロップシャドウが少しだけかかっています。みるとドロップシャドウがかかっている方が立体感がでてますね。強くかけないで少しだけシャドウをいれるのがポイントですね。こちらはCSS3で実装可能です。使い方」LINE不透明なヘッダーメニューヘッダーのメニューが半透明になってスクロールすると固定しているのはあまり見かけませんね。面白いなー!実装方法はこちらCSSでヘッダーを固定にしたサンプルトップに固定するヘッダーをCSSのみで作る方法(IE6対応)ノイズパターンノイズパターンが至る所で使われています。ベタ塗りにするより、パターンを使うことによって質感を高めてくれますね!パターンに作り方、素材はこちら単調な背景にノイズをのせて繊細なテクスチャにするチュートリアル継ぎ目のない背景デザインに使える無料パターン素材800枚まとめこれからも、素敵なwebデザインをどんどん研究していきたいとおもいます。