欧美成人粉红派对在线不卡_亚洲精品口爆av美女_国产成人乱码一二三区性色qery_日韩加勒比无码成人精品_国产口爆骚妇一区色色

當(dāng)前位置: 首頁 > 設(shè)計(jì)資訊 > 備案資訊 > 正文

2010年網(wǎng)頁設(shè)計(jì)增強(qiáng)效果流行案例

2010-08-05 20310 0
      網(wǎng)頁設(shè)計(jì)者都是善變的。我們樂于嘗試不同的事。我們樂于觀察人們?nèi)绾闻c我們的作品進(jìn)行互動(dòng)。新的網(wǎng)頁設(shè)計(jì)方法不斷涌現(xiàn),越來越多的網(wǎng)頁設(shè)計(jì)者注意它們并運(yùn)用這些方法技巧,新的網(wǎng)頁設(shè)計(jì)趨勢也就自然出現(xiàn)。

1. Letterpress字體凹凸效果

1.jpg

2.jpg

3.jpg

[Page: ]


2. Rich User Interfaces 豐富的用戶交互界面

  用戶界面在現(xiàn)今網(wǎng)站與網(wǎng)頁設(shè)計(jì)應(yīng)用上以已經(jīng)變得更精美與更實(shí)用。在過去的幾年里,應(yīng)用方面的用戶體驗(yàn)已顯著提升。這促使高級、敏感的用戶界面已經(jīng)與桌面應(yīng)用程序具備了巨大的相似性。

  Ajax與flash已被廣泛使用,用來實(shí)現(xiàn)用戶動(dòng)態(tài)的交互,它們已被期望成為更高級、尖端、專業(yè)的網(wǎng)頁設(shè)計(jì)解決方案。

4.jpg

[Page: ]

3.網(wǎng)頁設(shè)計(jì)者更加注重網(wǎng)站的功能性挖掘和展示,更加注重和用戶的互動(dòng)關(guān)系。

5.jpg

6.jpg

[Page: ]

4. HUGE Typography 大字體

  大號字體排版依然流行,設(shè)計(jì)公司、個(gè)人展示、產(chǎn)品網(wǎng)站、線上服務(wù)等都將使用號字體排版來傳達(dá)它們網(wǎng)站最重要的資訊。

7.jpg

8.jpg

[Page: ]

5. Font Replacement 字體替代

  因?yàn)榫W(wǎng)頁設(shè)計(jì)者越來越關(guān)注文字排版,所以他們也更加關(guān)注設(shè)計(jì)稿與網(wǎng)站的字體。經(jīng)典的字體像Helvetica、Arial、 Georgia與Verdana無疑還是占主導(dǎo)地位,但是我們也觀察到一些字體取代傳統(tǒng)字體的趨勢。

9.jpg

10.jpg



[Page: ]

6. Modal Boxes (Lightboxes) 模態(tài)化窗口

  (對話框一般分為兩種類型:模態(tài)類型(modal)與非模態(tài)類型(modeless)。所謂模態(tài)對話框,就是指除非采取有效的關(guān)閉手段,用戶的游標(biāo)焦點(diǎn)或者輸入游標(biāo)將一直停留在其上的對話框。非模態(tài)對話框則不會(huì)強(qiáng)制此種特性,用戶可以在當(dāng)前對話框以及其他窗口間進(jìn)行切換。)模態(tài)化窗口(對話框)基本上算是第二代的彈出窗口。它作為傳統(tǒng)js彈出窗口的用戶友好型替代服務(wù),讓用戶能夠把注意力集中到網(wǎng)站最重要的區(qū)域。模態(tài)化窗口同時(shí)也被用戶行為(例如注冊登錄)觸發(fā)。

11.jpg

12.jpg

[Page: ]

7. Media Blocks 多媒體內(nèi)容模塊

  隨著寬頻網(wǎng)路普及,用戶能夠承受并瀏覽比幾年前更豐富的內(nèi)容。于此同時(shí),網(wǎng)頁設(shè)計(jì)者也抓住這個(gè)機(jī)會(huì)通過更具吸引力與記憶效果的途徑去呈現(xiàn)內(nèi)容。因此,這就難怪很多產(chǎn)品網(wǎng)站用多媒體內(nèi)容來達(dá)到宣傳的目的。這些網(wǎng)頁設(shè)計(jì)元素的主要優(yōu)勢是他們能夠有效的傳達(dá)內(nèi)容并讓用戶能容易消化資訊。

13.jpg

14.jpg



[Page: ]

8. The Magazine Look 雜志化的版面設(shè)計(jì)

  部落格(博客)設(shè)計(jì)中的一個(gè)有趣的進(jìn)步是它適應(yīng)各種傳統(tǒng)(印刷)媒體中常見的技術(shù)。文章頁面的排版,字體的使用,插圖與文字的對齊往往也適合用傳統(tǒng)技術(shù)去印刷?;跂鸥窕脑O(shè)計(jì)正被普遍采用并用作概要介紹、產(chǎn)品頁面與大的部落格(博客)。這種情況很少出現(xiàn)在公司網(wǎng)站與線上購物網(wǎng)站。

15.jpg

16.jpg

[Page: ]

9. Carousels (Slideshows) 圖片滑動(dòng)輪播

17.jpg

18.jpg

[Page: ]

10. Introduction Blocks介紹區(qū)域

  頁面左上角是網(wǎng)站的最重要的區(qū)域,因?yàn)檫@是訪問者注意力的關(guān)鍵位置。所以在網(wǎng)站的這個(gè)位置花心思去展示最重要的資訊,確保讀者能迅速獲取資訊。

19.jpg

20.jpg


229
評論區(qū)(0)
正在加載評論...