ウェブデザインの7つのトレンドとそのチュートリアル

Deziner Folioのエントリーから、ウェブサイトのデザインに使用されている、最近の7つのトレンドとそのチュートリアルを紹介します。

Design Trendz

※チュートリアルのいくつかは当方で追加しています。

Lights n Shadows

ライトを当てているように、シャドウ効果を持たせます。

Lights n Shadowsのサンプル

Reflections

鏡に反射しているように、鏡面効果を持たせます。

Reflectionsのサンプル

Gloss

光沢を与え、グロウ効果を持たせます。

Glossのサンプル

Frames

写真のようなフレームをつけます。

Framesのサンプル

Tear

単にページの上にのっているのではなく、ページから要素が突き出している効果を持たせます。

Tearのサンプル

Transparency

要素に透過性を持たせます。

Transparencyのサンプル

Peels

雑誌をめくっているような効果を持たせます。

Peelsのサンプル

top of page

Trackback

leave your Comments

※承認制のため、即時には反映されません。
※匿名、通りすがりさんなどへの回答は控えさせていただきます。

Comments

masahiko

on 2008年8月23日

> ※5番目の「Tear」は何でしょうか???
このばあいの「Tear」は「引き裂く」とか「引きちぎる」の意味ですね。「tear through」なら、つきやぶる、つきぬける、といったところでしょうか。
「エレメントが(ページの上にのっているのではなく)ページから突き出しているような感じ」といったところでしょうね。

コリス

on 2008年8月23日

> masahiko さん

なるほど、ありがとうございました。
5番目の「Tear」を修正しました。

top of page

©2011 coliss