網頁設計

關於網頁設計的技術或相關資訊分享

網頁設計的新趨勢-1.凸版效果

2009網頁設計的新趨勢-1.凸版效果

我們這些網頁設計者都是善變的。我們喜愛嘗試不同的事物。

我們喜愛觀察瀏覽者怎麼與我們的作品進行互動,並且我們喜愛去嘗試不尋常的設計方式,這些方式有可能變成主流並成為標準或者甚至是經典的設計方法。

因此新的設計方法來了,使得越來越多的設計師關注到這些,並且在自己的設計中使用它們,於是乎就形成了新的潮流。

在過去的幾個月中,我們分析了許多網頁的設計,觀察新的趨勢,並且權衡了眾多設計決策與程式碼的解決方案。

在這篇文章中,我們將展示新的網頁設計趨勢:新的發展,新的設計元素與新的圖片技巧。
我們也討論在何種情況下可以使用這些趨勢,並提出一些新的範例。

你是否錯過了最近的這些新發展呢?我們可以在這篇文章中瞧瞧。

這篇文章只介紹了我們在過去幾個月中發現的25個趨勢中的10個,剩下的部分則會在下篇中分享。
下篇中包含新的佈局,新的視覺技巧及新的設計元素,敬請期待!


網頁設計趨勢

讓我們先來仔細看看我們在最近幾個月中發現與觀察到已經確定的主要趨勢,你會發現回顧這些趨勢與較多美觀的範例能夠在你下次的設計中增加你的靈感。

  1. 凸版效果
    凸版效果
  2. 華麗的使用者介面
    華麗的使用者介面
  3. PNG 透明度
    PNG 透明度
  4. 大字體
    大字體
  5. 字體替換 (sIFR, etc.)
    字體替換 (sIFR, etc.)
  6. 對話框
    對話框
  7. 多媒體模組
    多媒體模組
  8. 雜誌化的視覺呈現
    雜誌化的視覺呈現
  9. 滑動效果(幻燈片)
    滑動效果(幻燈片)
  10. 介紹模組
    介紹模組

現在可以進入細節,仔細瞭解以上這些趨勢。


1. 凸版效果

其中一個我們在近幾個月觀察到的最意想不到的網頁設計趨勢是凸版效果(事實上是字母下凹)。也許最重要的原因是這個趨勢是很簡單直觀的,這個技巧現在已經很少使用了。凸版效果可用於各種風格、各種網站和各種標題,特別是常常使用在產品設計與網站的線上服務中。

凸版效果 demo 1

凸版效果 demo 2

凸版效果 demo 3

凸版效果 demo 4

凸版效果 demo 5

凸版效果 demo 6

凸版效果 demo 7

凸版效果 demo 8

凸版效果 demo 9

以上我們就先分享上篇中的第一個設計趨勢,在上篇中的剩下九個設計趨勢,我們在後面會持續更新,請大家拭目以待。

Reference:Web Design Trends For 2009

Please enable the javascript to submit this form