十個2010年裡的建造網頁設計流行走勢
網頁設計者都是善變的。我們樂於嘗試不同的事。我們樂於觀察人們如何與我們的作品進行互動。我們樂於嘗試用特別的網頁設計方法,這些方法有可能成為主流並變成標準、優秀的網頁設計方法。因此,新的網頁設計方法不斷湧現,越來越多的網頁設計者注意它們並運用這些方法技巧,新的網頁設計趨勢也就自然出現。在過去的幾個月裡,我們已經分析了眾多的網頁設計,觀察了新的趨勢,權衡了眾多網頁設計決策與代碼解決方案。在這篇文章裡,我們展示了2009年網頁設計的趨勢:新的發展,新的網頁設計項目,新圖形技巧方法。
1. Letterpress字體凹凸效果
2. Rich User Interfaces
使用者介面在現今網站與網頁設計應用上以已經變得更精美與更實用。在過去的幾年裡,應用方面的使用者體驗已顯著提升。這促使高級、敏感的使用者介面已經與桌面應用程式具備了巨大的相似性。
4. HUGE Typography 大字體
2009難免大號字體排版依然流行,設計公司、個人展示、產品網站、線上服務等都將使用號字體排版來傳達它們網站最重要的資訊。
5. Font Replacement
因為網頁設計者越來越關注文字排版,所以他們也更加關注設網頁設計計稿與網站的字體。經典的字體像Helvetica、Arial、 Georgia與Verdana無疑還是占主導地位,但是我們也觀察到一些字體取代傳統字體的趨勢(例sifr)。
6. Modal Boxes (Lightboxes) 模態化視窗
(對話方塊一般分為兩種類型:模態類型(modal)與非模態類型(modeless)。所謂模態對話方塊,就是指除非採取有效的關閉手段,使用者的游標焦點或者輸入游標將一直停留在其上的對話方塊。非模態對話方塊則不會強制此種特性,使用者可以在當前對話方塊以及其他視窗間進行切換。)模態化視窗(對話方塊)基本上算是第二代的快顯視窗。它作為傳統js快顯視窗的使用者友好型替代網頁設計服務,讓使用者能夠把注意力集中到網站最重要的區域。模態化視窗同時也被使用者行為(例如註冊登錄)觸發。
7. Media Blocks 多媒體內容模組
隨著寬頻網路普及,使用者能夠承受並流覽比幾年前更豐富的內容。于此同時,網頁設計者也抓住這個機會通過更具吸引力與記憶效果的途徑去呈現內容。因此,這就難怪很多產品網站用多媒體內容來達到宣傳的目的。這些網頁設計項目的主要優勢是他們能夠有效的傳達內容並讓使用者能容易消化資訊。
8. The Magazine Look 雜誌化的版面設計
部落格(博客)設計中的一個有趣的進步是它適應各種傳統(印刷)媒體中常見的技術。文章頁面的排版,字體的使用,插圖與文字的對齊往往也適合用傳統技術去印刷。基於柵格化的設計正被普遍採用並用作概要介紹、產品頁面與大的部落格(博客)。這種情況很少出現在公司網站與線上購物網站
9. Carousels (Slideshows) 圖片滑動輪播(中文網站應該已經很普遍了)
10. Introduction Blocks介紹區域
頁面左上角是網站的最重要的區域,因為這是訪問者注意力的關鍵位置。所以在網站的這個位置花心思去展示最重要的資訊,確保讀者能迅速獲取資訊。
|