category
サイト構築 -デザイン

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

  • この記事をdel.cio.usに登録する
  • この記事をはてなブックマークに登録する
  • この記事をGoogleブックマークに登録する
  • この記事をYahoo!ブックマークに登録する
  • この記事をdiggに登録する
  • この記事をlivedoor clipに登録する
  • この記事を@nifty クリップに登録する

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

Design Trendz

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

Lights n Shadows

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

Lights n Shadowsのサンプル

Reflections

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

Reflectionsのサンプル

Gloss

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

Glossのサンプル

Frames

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

Framesのサンプル

Tear

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

Tearのサンプル

Transparency

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

Transparencyのサンプル

Peels

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

Peelsのサンプル

Post on:2008年8月22日

  • この記事をdel.cio.usに登録する
  • この記事をはてなブックマークに登録する
  • この記事をGoogleブックマークに登録する
  • この記事をYahoo!ブックマークに登録する
  • この記事をdiggに登録する
  • この記事をlivedoor clipに登録する
  • この記事を@nifty クリップに登録する

トラックバック

トラックバック(URL)

コメント

comment:

※承認制のため、即時には反映されません。

masahiko
on 2008年8月23日

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

コリス
on 2008年8月23日

> masahiko さん

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

ページの先頭へ




© coliss

RSS