標籤:

上海高端網站建設:2018年最值得關注的10大網頁設計趨勢

網站設計最吸引人的地方在於變換莫測給與用戶獨特的品牌印象,隨著設計的不斷演進與創新,能夠給用戶帶來了更好、更流暢的用戶體驗,給人處處驚奇的感官饗宴。雲華設計作為頂尖的上海高端網站建設服務商,凝練2018年即將主宰我們的眼球的10大網頁設計趨勢:

1. 打破死板框架的版式設計

以往的幾年,一成不變的網頁格式布局已經不能再被所認可了,幸而Flexbox 以及CSS Grid!等技術的出現,讓設計師、工程師等帶來了更廣闊的發展空間,今年肯定會看到更多的網站原有的對稱、秩序守則,形色交疊的網頁布局肯定精彩。不過不變的原則是設計重點的烘托內容,內容才是核心、才是人們光臨瀏覽網站的原因,因此設計的尺度上也是需要考量的,天馬行空之餘別反客為主,奪走表達內容的風采。

2、極簡風即將out,色彩在舞動!

色彩作為個性表達的傳播元素,在極簡風的風潮中被播除,大約去年開始,上海高端網站建設的大面積漸層漸變色有著強勢的風潮歸來,Instagram、Asana、Stripe

都以飽和的漸層色打造新的品牌視覺主調,今年的斑斕色彩也會更多的運用並將大行其道,此外影像以雙色調後制也是今年的新潮。設計師預言今年會是funky的一年,期待更加濃郁強烈的色彩衝擊人們的感官。

與前幾年的簡潔輕盈、以及上述濃郁強烈的色彩對比,以相對穩重冷靜的黑色作為主色調也是愈來愈多網站的選擇方向,只要輔色(accent color)搭配得體協調,黑色一點也不沉悶,反而能在一片光彩的世界裡脫穎而出。

3、華麗且實用的UI動態效果

動態效果在當下的網頁設計領域也是非常重要的角色,今年當然也是加入了趨勢行列,還會應用更加廣泛。適當的動態效果具有突出的重點和吸引注意力的效果。今年的SVG、CSS創造的動態效果會將大幅度的添加,滾動視差也會被提及的越來越美觀華麗。但設計師應思考品牌或內容的含義以及每個動態效果的意義,避免了「為動而動」。

4. 微交互:創造小驚喜的微互動

微互動在網頁上也會愈來愈流行,比如滑鼠移過、點擊各式網頁零件如按鈕,捲軸滑動過程中,適時出現細緻變化,可以起到提示重點和引導的作用,這也是上海高端網站建設公司雲華設計優勢所在。當然,設計師也要拿捏「動」的意義與幅度,才不致於畫蛇添足。

5. 不失真、載入快的 SVG 向量圖檔大行其道

相對於傳統圖片格式JPG、PNG、GIF 以像素構成,近年興起的可縮放向量圖片SVG 在網頁上具有更大優勢和喜愛,以標記式語言(XML)組合圖形,繪製矩形、圓形、線條都是簡單的小事,複雜的填充和形狀也難不倒它,也可以輕而易舉製作出動態效果,而且不受解析度的影響,無論利用什麼樣的熒幕、什麼裝置觀看,都不會破壞圖像品質。 SVG 勝出更關鍵的是,不需 HTTP Request,能夠大幅提升網站載入速度。例如這個便是以 SVG 繪製的後背包。

6. 「大標題」設置更會精準傳達品牌意涵

首頁以「巨大的標題」呈現出品牌的主旨,也將是隨處可見的風潮。不過「巨大」並不意味著字體本身的加寬加粗,而是以恰當的字體設計,言簡意賅、充分的傳達出產品的精神,取代冗長贅言。而字體與背景或色彩設計、或者在字體上塑造動態效果,也是可以嘗試的方法。

7. 「虛擬實境技術」的相結合,營造場景

虛擬實境的話題從前年延伸到今年,這同樣是上海高端網站建設的風潮,科技巨頭對虛擬實境的投資力道絲毫沒有減弱的痕迹,特別是Facebook 未來十年將砸下 30 億美金專註虛擬實境的研發和思考。所以可預見的是技術將會是更加成熟和活躍,也會有越來越多的媒體或品牌運用虛擬實境科技來呈現思想和故事,讓人們更有「身臨其境」的感覺。

8.為不同的品牌身份者打造專有的內容

對內容網站而言,有效的把「好的內容」傳遞給「對的使用者」,是這幾年備受重視的能力。不過能夠命中核心的卻不多。因為要達到跟隨情境輸出的專屬內容是需要考慮不同使用者的不同特徵,例如,使用者來訪網站的目的是私人之用還是為了工作?使用者是從哪裡來到網站的?使用者此刻正在做什麼?使用者為什麼來這個網站不去其他的網站?

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

9. 「登錄頁」大於「首頁」

登陸頁(Landing)與首頁(Home)的差異在於登錄頁有個非常明確的目的,希望使用者註冊、訂閱電子報、甚至購買,而首頁就如自我彙報,提示網站包含哪些內容或功能,作用乃為提綱挈領。前者的重要性日益彰顯,設計上要能高效率地帶領使用者完成「轉型」的目的,因為我們不希望使用者分心到其他地方,最重要、幾乎也是唯一的目的就是推進轉換。

10. 設計的分享

如同行業設計領域熱烈的分享文化,近幾年有很多小公司或大企業樂於公開分享內部的設計團隊協作與工作技巧流程,不但有吸引人才的好處,也充分展現品牌特色、塑造設計領域的互助氛圍。


推薦閱讀:

PS基礎操作小技巧:如何利用PS給衣服更換顏色
設計技巧之網頁中的字間距
網頁不會布局?5種你不可不知的WEB布局方式

TAG:網頁設計 |