華文網

用戶不斷流失,可能是因為你的網頁設計不夠走心

網站設計的迷人之處就在於不斷變幻、演進的技術讓設計師與工程師欲罷不能,創造出更完美、更流暢的感官饗宴,讓人處處稱奇。2017年網頁設計又會有哪些有趣的流行趨勢呢?我們綜合了各大媒體與網站設計公司的預測,

整理出網頁設計十大趨勢。

1. 打破框架的版面設計

過去幾年,一成不變的網頁佈局(layout)已令人疲乏,幸而 Flexbox 以及 CSS Grid 等技術的出現,讓版面設計變得靈活彈性。今年將會看到更多打破慣有對稱、秩序守則,取而代之的是形形色色、層層疊疊的網頁。

不過不變的大原則是,內容為王,設計是為烘托內容,切忌喧賓奪主。

2. 極簡out,色彩在跳舞

色彩作為表達個性的重要元素,約莫從去年開始,大面積漸層色塊就有強勢回歸之意,絢爛的色彩以及流動的漸層更將大行其道。Instagram、Asana、Stripe 都以飽和的漸層重塑品牌視覺主調,此外,影像以雙色調(duotone)後制,也可能會是今年的潮流。

與此同時,相對沉著冷靜的黑色為主色調也是愈來愈多網站的選擇,

只要輔色搭配得宜,黑色一點也不悶!

3. 華麗且實用的動態效果

動態效果在網頁設計領域扮演著舉足輕重的角色,今年也絲毫沒有褪去的跡象,反而會應用得更為廣泛。以 SVG、CSS 創造的動態效果將大幅增加,滾動視差(Parallax Scrolling)也會愈來愈華麗。

4. 創造小驚喜的微互動

當滑鼠移過或在點擊各式網頁零件如按鈕的過程中,頁面上適時出現細緻變化,也能夠有提示重點的作用。

當然,和動態效果一樣,設計師也要拿捏得當,小心畫蛇添足。

5. SVG 向量圖大行其道

比起傳統圖片格式JPG、PNG、GIF 以圖元構成,近年興起的可縮放向量圖片 SVG 在網頁上具有絕對優勢,以標記式語言(XML)組合圖形。繪製線條都是小事一樁,複雜的填充、形狀也難不倒它,且不受解析度影響。更關鍵的是,不需 HTTP Request,能夠大幅提升網站載入速度。

6. 巨大字體精准傳達品牌意涵

首頁以“巨大”的字體呈現品牌主旨,

也將是今年隨處可見的風潮。不過巨大並不代表加寬加粗,而是以言簡意賅的字體設計精准表達產品精神,取代冗長贅言。

7. 虛擬實境技術結合內容

虛擬實境的話題從前年延燒至今年,科技巨頭對其投資力道絲毫沒有減弱的跡象,特別是Facebook 承諾未來十年將砸下 30 億美金專注虛擬實境的研發。愈來愈多媒體或品牌運用虛擬實境科技說故事,企圖為人們營造更身歷其境的感受。

8. 為不同使用者量身打造內容

對內容網站而言,有效的把“對的內容”傳遞給“對的使用者”,是這幾年備受重視的能力。但因為要達到跟隨情境給予特定內容,因此需要考慮不同使用者的不同特徵。

這些特徵綜合起來增加了複雜性,有些媒體使用“推薦閱讀機制”或如 Facebook 以演算法為個體決定不同訊息流。而 Fubiz 則用 Creativity Finder ,讓來訪者自行設定身份、區域、目的三個條件,過濾最符合要求的內容給予不同來訪者。

9. 登陸頁重於首頁

登陸頁與首頁的差異在於,前者有個非常明確的目標,例如希望使用者註冊,而首頁則如自家門口,提示網站包含哪些內容或功能,作用乃為提綱挈領。登錄頁更為重要,幾乎沒有導航成分,因為我們不希望使用者分心到其他地方,推進轉換是最重要也是唯一的目的。

10. 設計的分享

如同程式領域熱烈的分享文化,近幾年愈來愈多的小公司或大企業樂於公開分享內部設計團隊的工作流程,不但有招募人才之效,也充分展現其品牌特色,塑造設計領域的互助氛圍。Google Design、Facebook、 Shopify 、Airbnb Design 都是可以借鑒的例子。

【找好設計上眾創雲空間(zb.wht361.com)更專業、更走心】

過濾最符合要求的內容給予不同來訪者。

9. 登陸頁重於首頁

登陸頁與首頁的差異在於,前者有個非常明確的目標,例如希望使用者註冊,而首頁則如自家門口,提示網站包含哪些內容或功能,作用乃為提綱挈領。登錄頁更為重要,幾乎沒有導航成分,因為我們不希望使用者分心到其他地方,推進轉換是最重要也是唯一的目的。

10. 設計的分享

如同程式領域熱烈的分享文化,近幾年愈來愈多的小公司或大企業樂於公開分享內部設計團隊的工作流程,不但有招募人才之效,也充分展現其品牌特色,塑造設計領域的互助氛圍。Google Design、Facebook、 Shopify 、Airbnb Design 都是可以借鑒的例子。

【找好設計上眾創雲空間(zb.wht361.com)更專業、更走心】