根據今年最新的網(wǎng)頁(yè)網(wǎng)站設計作品，這篇文章梳理了2019 年的設計勢關(guān)勢網(wǎng)頁(yè)設計趨勢，有的有趨于網(wǎng)頁(yè)設是舊有趨勢回歸，有的網(wǎng)頁(yè)則是正在悄然流行的新方向，希望能夠給你更多啟示。設計勢關(guān)勢

時(shí)間進(jìn)入2019年，有趨于網(wǎng)頁(yè)設我們在網(wǎng)( ?ω?)頁(yè)設計中(zhong)看到舊有風(fēng)格的網(wǎng)頁(yè)重生，也見(jiàn)證了新的設計勢關(guān)勢設計趨勢的誕生。

Web 技術(shù)的有趨于網(wǎng)頁(yè)設快速發(fā)展，不僅讓設計和產(chǎn)品足以滿(mǎn)足更多更細(?⊿?)致深入的網(wǎng)頁(yè)需求，也讓設計師能夠進(jìn)行更細膩更獨特的設計勢關(guān)勢表達?，F今的有趨于網(wǎng)頁(yè)設網(wǎng)頁(yè)設計趨勢(′?｀*)，已經(jīng)不再僅僅局限( ???)于單一(′ω｀)的網(wǎng)頁(yè)技法，而更多是設計勢關(guān)勢一種復合的、暗含意圖的有趨于網(wǎng)頁(yè)設綜合的設計方法。從色彩的選取、文本的布局、整體(ti)的界面設計和用戶(hù)體驗的呈現，都是當下文化和整個(gè)時(shí)代走向的┐(′?｀)┌一種反饋和外化表現。

根據今年最新的網(wǎng)站設計作品，這篇文章梳理了2019 年的網(wǎng)頁(yè)設計趨勢，有的是舊ヾ(′?｀)?有趨勢回歸，有的則??是正在悄然流行的新方向，希望能夠給你更多啟示。

1. 在設計中傾注更多情感

Notation

與潛在用戶(hù)產(chǎn)生真正ヽ(′ー｀)ノ連接的唯一辦法，還是情感(gan)化的設計。就目前來(lái)看，2019年最優(yōu)秀的一批網(wǎng)頁(yè)大都基于某種情感訴求，和用戶(hù)的快樂(lè )或者悲傷相通，讓用戶(hù)(′?｀*)感到驚訝，或者巧妙地抓住用戶(hù)所焦慮的點(diǎn)，從(′?_?`)映入用戶(hù)眼簾的時(shí)候就試圖建立信任感。

色彩是用戶(hù)的第一感知，同時(shí)，文本、圖片等元素應當和色彩在情緒表達上保持一致，方可帶來(lái)共鳴。通過(guò)高度統一的情感(gan)輸出，賦予用戶(hù)更進(jìn)一步操作的欲望。視覺(jué)中的情感輸出決定了用戶(hù)的下一步操作。如果網(wǎng)站或者 APP 中所呈現的東西足夠吸引人，那么他們采取行動(dòng)的機率就很高了。

通過(guò)情感來(lái)吸引用戶(hù)，讓興趣和吸引力成為撬動(dòng)用戶(hù)的關(guān)鍵。這也正是今年絕大多數優(yōu)秀ヽ(′▽?zhuān)?ノ的設計作品所呈現出來(lái)的一???種成熟的設(╯‵□′)╯計技巧。

2. 用色彩來(lái)強化(′_｀)主題

Dice Berlin

明亮的色彩ヽ(′▽?zhuān)?ノ和鮮艷的色彩，在感知上其實(shí)是有所不同的。如果你能夠明白兩者之間微妙的差異，那么你對于色彩的掌控力就更上一層樓了。在圖片和動(dòng)畫(huà)的基礎上疊加色彩已經(jīng)是非??常的流行的技法了，這種趨勢只會(huì )愈演愈烈，但是(′?_?`)在色彩的選取和表達上，你需要更加小心，更加專(zhuān)業(yè)，才能比其他的設計項目更加??具有表現力。

用流行的色彩來(lái)服務(wù)網(wǎng)站的設計吧。如果網(wǎng)站有現成的配色系統，那么你可以(yi)在此基礎上更好地部署充滿(mǎn)表現力的色彩。

3. 目的性極強的動(dòng)效

X Company

動(dòng)效并不是新鮮的事物，但是它也隨著(zhù)時(shí)間悄然變化，最新的動(dòng)效設計越來(lái)越具有明確的目的性。每一個(gè)動(dòng)效的意圖，都是將用戶(hù)引導到特定的位置??，讓用戶(hù)于頁(yè)面中特定的元素進(jìn)行交互。

動(dòng)效本身不應該僅僅只是有趣，傳達愉悅感，不能剝離動(dòng)效背后的目的性，( ???)而是要正向地為用戶(hù)操作注入力量。

即使是在現實(shí)生活中，大量的動(dòng)??畫(huà)效果(guo)也是為了快速吸引用戶(hù)注意力而存在的，它們比圖片更有張力。對于網(wǎng)頁(yè)設計師而言，借助不斷快速發(fā)展的網(wǎng)頁(yè)來(lái)抓住用戶(hù)注意力是必須要做的事情，現在正是(shi)最好的時(shí)機。

4. 單頁(yè)設計的回歸

無(wú)限滾動(dòng)依然有效，這使得單頁(yè)設(?Д?)計再次流行起來(lái)。將網(wǎng)站的所有內容(rong)重新鋪在首頁(yè)，向下??滾動(dòng)即可獲得，這樣的設計在2019年開(kāi)始重新流行起來(lái)。用(╬?益?)戶(hù)通過(guò)導航菜單，在頁(yè)面內快速跳轉。

隨著(zhù)(zhe)近年來(lái)移動(dòng)端設計??的快速增長(cháng)，用(yong)戶(hù)對于滾動(dòng)交互越來(lái)越習慣，所以單頁(yè)設計的合理性是不存在問(wèn)題。不過(guò)，考慮到如今用戶(hù)的注意力集中時(shí)間并不長(cháng)，所以單頁(yè)網(wǎng)站的設計過(guò)程中需要盡量讓用戶(hù)可以更快找到他們需要的內容。

5. 超現實(shí)主義的設計

Gyor Moore

看慣了大量現實(shí)的設計，超現??實(shí)主義風(fēng)格的設計中所蘊含(?⊿?)的豐富想象就顯得非常迷人了。在2019年的諸多網(wǎng)頁(yè)設(′▽?zhuān)?)計當中，那些比現實(shí)世界更夢(mèng)幻的設計┐(′д｀)┌元素，顯得更加吸引人，影響力更大ヾ(′ω｀)?。

基于目標用戶(hù)所追求的情感和情緒來(lái)構建超現實(shí)主義的設計，能夠更快地同用戶(hù)產(chǎn)生情(′?｀)感聯(lián)系。這種獨特的視覺(jué)和獨一無(wú)二的情緒所創(chuàng )建的情感連接更加難以復制，而這其中，??動(dòng)畫(huà)、漫畫(huà)和奇怪的插畫(huà)占據了極大的比例。這些元??素能夠帶來(lái)新鮮的體驗，而這本身就是影響力。

6. 復古的字體排版的回歸

Haus

大家似乎已經(jīng)厭倦了超級現代的設計風(fēng)格，更加復古的襯線(xiàn)字體和肆意張揚的手寫(xiě)字體在網(wǎng)站設計中重新回歸。與之前流( ?ヮ?)行的非┐(′?｀)┌襯線(xiàn)字(′?ω?`)體相比，襯線(xiàn)字體有著(zhù)更加吸引人的線(xiàn)條和邊角，這些精致的細節正是大家沉迷復古設計的原因之一。

而令人驚訝的一點(diǎn)在于，復古的字體和排版在目前絕大多數的屏幕上，所呈現出來(lái)的狀態(tài)已經(jīng)越來(lái)越舒適了，從可讀性到??視覺(jué)效果均是如此。

7. UX設計的關(guān)注點(diǎn)更加細膩

The New Yorker

隨著(zhù)技術(shù)??的提升，用戶(hù)對于網(wǎng)站的體驗，已經(jīng)不止??于可用、好用，用戶(hù)的關(guān)注(′▽?zhuān)?點(diǎn)??已經(jīng)慢慢遷移到更加細膩的感知維度上，比如是否更加真實(shí)、是否??從視覺(jué)乃至文??本上體現出對于用戶(hù)的尊重和關(guān)心。因此，UX寫(xiě)作成了設計師必須掌(′?_?`)握的另外一個(gè)技能——文案是否走心，用戶(hù)很在意。

優(yōu)質(zhì)的文案能??夠讓用戶(hù)留存下載，讓用戶(hù)和產(chǎn)品更容易聯(lián)系到一起，讓用戶(hù)獲得尊重感。UX設計的維度正在擴展，設計師需要更加精準地抓住用戶(hù)的注意力，這也是具有商業(yè)價(jià)值的設計方向。

8. 多變的字體

The Unseen

在過(guò)去的幾年當中，字體本身經(jīng)過(guò)了一個(gè)復雜的轉變過(guò)程。為了兼容更加復雜的屏幕環(huán)境，字體本身具備了(le)越來(lái)越強的拓展性。openty(′▽?zhuān)?pe 字體的靈活可變性讓無(wú)論哪個(gè)平臺上的U(???)I(???)界面內容，都可以清晰無(wú)縫地展示出來(lái)。

而多(′?ω?`)彩字體的出ヽ(′▽?zhuān)?ノ現，讓字體內的色彩和結構的展現，擁有了超乎以往的表(biao)現力。另外，諸如蘋(píng)果為 iOS 提供的 SF?? Symbols 以及越來(lái)越多的圖標字體，讓UI設計和字??體的運用擁( ???)有了更多的可能性。

多變的字體，在2019年讓設計擁有了更多的可能性。

9. 分屏可能帶來(lái)下??一次革命

Dropbox

移動(dòng)端設備的快速增??長(cháng)，讓響應式設計乃至于分屏設計成為了一個(gè)重要的需求。其實(shí)現在已經(jīng)有平臺嘗試跨平臺、跨界面、跨屏幕的內容共享了，打通不同屏之間的用戶(hù)體驗，是2019年一個(gè)技術(shù)趨勢。

最典型的案例是 Mac 和 iOS 平臺之間的「接力」功能：在Mac 電腦上復制鏈接，通過(guò)快速的云端同步，在 iPhone 上接力打開(kāi)頁(yè)面。在今年 9 月新的 iOS 、iPadOS 以及新的 macOS 上，(′?｀*)更深層的屏幕共享將會(huì )出現。這個(gè)時(shí)候，分屏將不止是做簡(jiǎn)單的屏幕(′?ω?`)復制，或者簡(jiǎn)單的響應，屏幕內容的不對稱(chēng)分割，甚至都有可能成為一種趨勢。

各種不同形態(tài)的內容，都可能會(huì )出現，異于以往的設計會(huì )越來(lái)越重要。

10. 數據可視化

G??oogle Cloud Showcase

信息圖表是設計的又一個(gè)熱點(diǎn)。向(xiang)用戶(hù)呈現復雜信息和數據，信息圖表和(he)可視化設計是最為有效的方法之一，因為它不僅可以帶來(lái)視覺(jué)愉??悅感，而且足夠??有趣，讓人能夠理解。

現在數據可視ヽ(′▽?zhuān)?ノ化可以通過(guò)靜止的圖片來(lái)呈現，也可以借助動(dòng)畫(huà)來(lái)展(zhan)現，具體的呈現取決于你的平臺和預期。

可視化的數據最好能夠和故事結合到一起，結合敘述和故事，讓信息以更加可信的方式呈現在用戶(hù)面前，這樣可(ke)以帶來(lái)更高的轉化率。

11. 更(geng)多漸變色彩

Zef Cherry

漸變是(shi)一種功能更為豐富的設計趨勢，它幾乎可以用在所有的設計門(mén)類(lèi)當中。如今，越來(lái)越多的設計項目正在使用漸變來(lái)呈設計，而網(wǎng)頁(yè)正是最為重要的門(mén)類(lèi)之一。

漸變讓色彩更加富，更有質(zhì)感，使得原本平淡的色彩??擁??有了近乎藝術(shù)化的表達。如今的漸變(bian)色彩更加豐(???)富，而不僅僅是用作ヽ(′▽?zhuān)?/一種疊加于圖片的元素。如今(′；ω；`)，隨著(zhù)對于漸變要求的提升，更多的相關(guān)色彩工具也誕生了。

12. 使用3D來(lái)進(jìn)行平面設計

Prior

雖??然 3D 設計并不是什么新鮮的東西，但是頂級的網(wǎng)頁(yè)設計師經(jīng)常在設計中用到 3D 設計。在平面設計當中使用 3D 同樣能夠帶來(lái)┐(′?｀)┌巨大的影響。3D 渲染所帶來(lái)的豐富細膩效果，能夠讓界面更加吸引人。

對于新手設計師而言，3D 軟件上手并(???)不算太容易，但是一旦掌握了它，它所帶來(lái)的效果和可能性會(huì )非常的驚人。3D 軟件降維進(jìn)(jin)入平面設計，所呈現的價(jià)值(zhi)是無(wú)與倫比的。

13. 更加立體和擬真的設計(′-ι_-｀)元素

Brand.Squarespace

雖然如今(jin)虛擬現實(shí)設備的普及率還沒(méi)有那??么高，??但是毫無(wú)疑問(wèn)它的影響力正在提升，很快就會(huì )有用戶(hù)開(kāi)始使用 VR 設備來(lái)瀏覽網(wǎng)頁(yè)了。

新的網(wǎng)頁(yè) UI 將(jiang)會(huì )需要在設計當中加入更多有縱深的、立體的元素，讓它們在視覺(jué)上更加具有真實(shí)的質(zhì)(zhi)感。即便未來(lái)有更多的新技術(shù)加入進(jìn)來(lái)，也不足為奇。

14. 更多自然的圖形和形狀

Studio Exchange

雖然(′；ω；`)絕大多數的網(wǎng)頁(yè)都使用柵格系統來(lái)進(jìn)行約束，但是在新的技術(shù)支持之下，設計師可以更加自由地使用更多有機而自然的圖形和形??狀。

有機的圖形，不規則、不對稱(chēng)的圖形，增加了設計的深度，讓頁(yè)面能夠脫穎而出。這些圖形的靈感大多來(lái)自自然，也更能夠自然的吸引用戶(hù)的注意力。

15. 更多微交互

Grand Image

微交互存在的目的，是以吸引人的方式來(lái)給予用戶(hù)以反饋、驚喜甚至制造一些微妙的「焦慮」。這是一種非常有效的引導方式，??它(′ω｀*)是有信息進(jìn)來(lái)的時(shí)候的通知彈出框，是刷新頁(yè)面完成時(shí)??的提醒，是點(diǎn)擊之后的加載小動(dòng)效。

微交(jiao)互是一種一直在緩慢變化的趨勢，在 2019 年的網(wǎng)頁(yè)設計當中有明顯的增長(cháng)，更加多樣(yang)的微交互開(kāi)始出現在網(wǎng)頁(yè)設計作品??當中，吸引著(zhù)用戶(hù)的注意力，提供有效的信息反饋，提供引導。

16. 更多視頻內容

Outrider

文本信息已經(jīng)沒(méi)有以往那么具有吸引力了(le)，更多的視頻內容也是自然的結(jie)果。不過(guò)隨著(zhù)網(wǎng)絡(luò )帶寬和上下行速度的提升，等待視頻加載(zai)的時(shí)間越來(lái)越短，用戶(hù)也可以更加快速┐(′д｀)┌便捷地獲得視頻內容。

結語(yǔ)

如果你仔細觀(guān)察這些趨勢的話(huà)，會(huì )發(fā)現這當中絕大多數的趨勢都只是之前趨勢的升級和發(fā)展。不同的文化和快速變化的時(shí)代，正在塑造新的趨勢。企業(yè)和公司期望能夠發(fā)掘能夠??帶來(lái)商業(yè)價(jià)值的設計，同時(shí)還能兼顧時(shí)尚，能夠幫助業(yè)務(wù)有長(cháng)足發(fā)展(?Д?)，這才是最重要的事情。找到(′?_?`)這幾個(gè)關(guān)鍵之間的平衡點(diǎn)，就能夠創(chuàng )造有價(jià)┐(′?｀)┌值的設計。