網(wǎng)頁設(shè)計(jì)是一個(gè)急速發(fā)展的新媒體,它的快餐式文化,使得網(wǎng)頁設(shè)計(jì)在不斷的嘗試更新的設(shè)計(jì)理念,帶給用戶更多新鮮感。在過去的幾個(gè)月,2009網(wǎng)頁設(shè)計(jì)10大新趨勢被確定。在這概況,你會發(fā)現(xiàn)審查每個(gè)趨勢都有更加具體的舉例,從中帶給你更多靈感,激發(fā)你的下一個(gè)項(xiàng)目。
1. Letterpress 凸版效果
在我們的觀察中,一個(gè)意料之外的趨勢是,凸版效果(Letterpress,也就是我們的篆刻中的陰文效果)。這樣的趨勢,可能是因?yàn)橐粋€(gè)簡單的原因,因?yàn)檫@個(gè)技術(shù)很少被人使用。我們發(fā)現(xiàn)這種技術(shù)通過不同的樣式應(yīng)用在不同的網(wǎng)站上,多位在線服務(wù)網(wǎng)站。
2. Rich UI 交互式用戶界面
令人感到欣喜,現(xiàn)代的網(wǎng)站用戶界面已經(jīng)逐漸變得更漂亮和更加易用。過去的幾年中,這些基于網(wǎng)頁的應(yīng)用有了驚人的進(jìn)步,這些交互式用戶界面越來越像傳統(tǒng)的桌面應(yīng)用了。Ajax以及Flash技術(shù)的大量使用提供了用戶各種非常炫目,強(qiáng)大的網(wǎng)頁應(yīng)用。
更看到一些特別之處,這些年我們發(fā)現(xiàn)網(wǎng)頁上有了更多的空白空間,頁面元素間的間距也變得越來越大。我們也觀察到,越來越多的站點(diǎn)開始在頁面上提供直觀的用戶動(dòng)作響應(yīng)。比如,頁面上的按鈕會根據(jù)用戶的動(dòng)作,比如點(diǎn)擊響應(yīng)不同的狀態(tài)表示“正常”和“按下”狀態(tài)。而且很多網(wǎng)站開始根據(jù)不同的用戶產(chǎn)生不同的響應(yīng)。所以我們斷言,自適應(yīng)用戶界面將會在2009年流行起來。
3. PNG透明圖片
PNG透明圖片效果,盡管不被古老的IE6支持,但似乎在去年變得流行起來。但是這種半透明的背景效果卻是設(shè)計(jì)師們一直希望擁有的特性。這種背景通常被用在頭部和頁腳處,但是有一些設(shè)計(jì)卻跳出了這種窠臼。
4. 大尺寸的文字排版
在過去的文章中我們介紹過很多出色的大尺寸文字排版例子。在2009年,這樣的潮流將繼續(xù)流行下去,尤其是設(shè)計(jì)師網(wǎng)站,個(gè)人Portfolio網(wǎng)站以及在線服務(wù)類網(wǎng)站,將會采用這樣的方式傳遞給用戶最重要的信息。
這樣的效果一般會將字號控制在36px以下,設(shè)計(jì)師們投入了更多的精力在文字排版的細(xì)節(jié)上,由此可見,網(wǎng)頁將會變得更加漂亮,更加一致以及看上去更加讓人可信。
5. 字體替換技術(shù)
設(shè)計(jì)師花了非常多的精力在頁面排版上,同樣的也花了很多精力在字體選擇上,除了傳統(tǒng)的那些經(jīng)典字體,(譯注:也是我們僅有的安全選擇)很多設(shè)計(jì)師開始采用字體替換技術(shù),也就是我們之前有提到的(sIFR)。
這些字體能大大提供網(wǎng)頁的視覺效果,但是在中文世界中,這項(xiàng)技術(shù)遇到了前所未有的難題,漢字不是拼音文字,一個(gè)字體就可能有幾兆,根本無法簡單的使用這些技術(shù)來替換,也許文字圖片替換法是目前中文的唯一選擇。
[/color]
6????.???????? ????????模????????式????????窗????????口????????(????LightBox????技????????術(shù)????????)
模式窗口技術(shù),作為第二代彈出內(nèi)容技術(shù)。模式窗口(LightBox技術(shù)介紹)能夠很好的代替原來的Javascript彈出窗口,提供更加友好的用戶體驗(yàn),并且引導(dǎo)用戶的關(guān)注點(diǎn)集中到最重要的區(qū)域上來。通常由用戶的點(diǎn)擊觸發(fā),類似于傳統(tǒng)的桌面應(yīng)用。多數(shù)情況下,這些彈出窗口都帶有深色半透明的背景和一個(gè)關(guān)閉按鈕。
7. 多媒體模塊
隨著寬帶的普及,現(xiàn)在的用戶已經(jīng)能夠接受更多的內(nèi)容,所以設(shè)計(jì)師們能夠利用這樣的契機(jī)使用一些更加吸引人的展示方式。因此很多網(wǎng)站開始引入多媒體內(nèi)容(比如視頻和屏幕錄像)。這有助于迅速有效的讓用戶消化接受你想傳遞的信息。
這些視頻能夠很好的講解你的網(wǎng)站的每一個(gè)步驟,不再需要多次點(diǎn)擊,搜索,或者學(xué)習(xí)如何導(dǎo)航。通常這些視頻長度都不會太長,但是內(nèi)容要保持完整。
注意,絕對不能讓這些多媒體內(nèi)容成為你網(wǎng)站的全部或者是必不可少的部分,畢竟不是所有的用戶擁有良好的網(wǎng)絡(luò)條件,抑或是有些用戶并不希望這種形式,有可能他正在機(jī)器上收聽音樂或其他視頻。
8. 雜志風(fēng)格樣式
在博客類網(wǎng)站設(shè)計(jì)中,我們發(fā)現(xiàn)一個(gè)有趣的現(xiàn)象是很多技巧都是取自于傳統(tǒng)(印刷)媒體設(shè)計(jì)。包括文章的組織,頁面的排版,插圖甚至于文字的對齊方式都和傳統(tǒng)印刷媒體越來越接近。Grid-Based(網(wǎng)格化)設(shè)計(jì)方式在產(chǎn)品網(wǎng)站,博客以及個(gè)人工作室網(wǎng)站得到了廣泛的應(yīng)用,但是在企業(yè)站點(diǎn)或者在線商店中還未有出現(xiàn)。
9. 幻燈片形式
Carousel,也就是幻燈片導(dǎo)航形式,內(nèi)容水平或者垂直滾動(dòng)。通常有兩個(gè)導(dǎo)航元素來控制滾動(dòng)方向,以及滾動(dòng)內(nèi)容。
這種形式的好處是,用戶可以不用多次點(diǎn)擊來搜尋他們感興趣的內(nèi)容,可以快速的通過滾動(dòng)幻燈片來瀏覽希望他們注意的內(nèi)容。這種形式多用于娛樂站點(diǎn),或者是一些大型博客。是一種非常吸引眼球的展示方式。
10. 內(nèi)容介紹模塊
頁面的左上角是網(wǎng)頁上最重要的一塊地方,因?yàn)樽钗脩舻难矍?。所以我們可以將最重要的信息放在那里展示,用戶也能在第一時(shí)間獲取這些信息。
對于很多個(gè)人工作室網(wǎng)站,或者是產(chǎn)品類的網(wǎng)站,都很好的使用了這個(gè)區(qū)域來展示內(nèi)容介紹,相反在博客或者是在線商店類網(wǎng)站上幾乎看不到這種方式。
本站僅提供存儲服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請
點(diǎn)擊舉報(bào)。