2020年快到了，廣州天琥學(xué)員與你分享網(wǎng)頁(yè)設(shè)計(jì)新趨勢(shì)
來(lái)源：廣州天琥教育
日期：2019-11-08 18:24
瀏覽：48
好的網(wǎng)頁(yè)設(shè)計(jì)，講述一個(gè)美好的故事。
追隨最新的網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)，是設(shè)計(jì)師跟隨潮流的必做功課之一。而對(duì)于即將到來(lái)的雙11，不懂點(diǎn)美學(xué)跟營(yíng)銷心理學(xué)，設(shè)計(jì)的頁(yè)面怎么脫穎而出。
當(dāng)然，不同的網(wǎng)頁(yè)有不同的調(diào)性，自然會(huì)有不同的設(shè)計(jì)。這都是需要設(shè)計(jì)師根據(jù)需求做出的調(diào)整，也是見(jiàn)功底的事情。
想要設(shè)計(jì)一個(gè)吸引人的優(yōu)秀網(wǎng)頁(yè)，需要注意的問(wèn)題有很多。但萬(wàn)變不離其宗，小天這次就挑了一些天琥學(xué)員的優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì)案例和大家分享一下，簡(jiǎn)單聊下2020網(wǎng)頁(yè)設(shè)計(jì)中刷屏的的4大要點(diǎn)。
有效果有真相！
西安雁塔校區(qū)-網(wǎng)頁(yè)班
網(wǎng)頁(yè)設(shè)計(jì)作品合集
深色模式
深色模式會(huì)成為 2020 年的新趨勢(shì)，Android已推出了兩種深色模式，分別叫 Force Dark Mode 和 System Dark Mode。
深色調(diào)的網(wǎng)頁(yè)設(shè)計(jì)會(huì)是個(gè)技術(shù)活，設(shè)計(jì)得好，網(wǎng)頁(yè)看起來(lái)是炫酷的不得了，而如果做的不好，那整個(gè)頁(yè)面就會(huì)顯得沉悶壓郁。
西安雁塔校區(qū)優(yōu)秀學(xué)員—趙海濤作品
以上面學(xué)員作品為例，在深色系的網(wǎng)頁(yè)中，正確的選擇合適的輔助色，可以瞬間打破整個(gè)頁(yè)面的沉悶感。
而在深色調(diào)的網(wǎng)頁(yè)中，字體的設(shè)計(jì)也不宜過(guò)多。同樣字體的顏色也不宜過(guò)于亮眼，會(huì)讓用戶產(chǎn)生疲勞感。
另外，為了讓深色調(diào)的設(shè)計(jì)看起來(lái)更干凈、整齊，設(shè)計(jì)師應(yīng)盡量選擇少的配色方案。
更多的故事性
這是顯而易見(jiàn)的事情。將品牌的色彩、設(shè)計(jì)元素貫穿到整個(gè)網(wǎng)站的設(shè)計(jì)，這樣能自然而然地強(qiáng)化整個(gè)品牌的概念。
而故事，能幫助用戶在產(chǎn)品的使用過(guò)程中，獲得盡可能簡(jiǎn)單和流暢的體驗(yàn)。一個(gè)好的故事更容易幫助用戶理解產(chǎn)品。
西安雁塔校區(qū)優(yōu)秀學(xué)員—隋佳俊作品
以上面的作品為例，為了把故事講好，我們可以基于品牌為兒童的用戶的屬性，賦予產(chǎn)品歡快活潑的人格。
講好故事，渲染氛圍必不可少。上面作品中，為了讓整個(gè)頁(yè)面足夠可愛(ài)，在柔和的配色方案下，搭配性格富有童趣的字體，讓整個(gè)頁(yè)面足夠視覺(jué)化，用戶只需掃視就可以輕松讀取內(nèi)容。
通常我們也會(huì)利用微交互讓用戶與產(chǎn)品產(chǎn)生更多的連接，產(chǎn)生互動(dòng)，豐富故事的多樣性，并引導(dǎo)用戶獲得更好的體驗(yàn)。
更多漸變色彩
漸變是一種功能更為豐富的設(shè)計(jì)趨勢(shì)，如今，越來(lái)越多的設(shè)計(jì)項(xiàng)目正在使用漸變來(lái)呈現(xiàn)設(shè)計(jì)，而網(wǎng)頁(yè)正是最為重要的門(mén)類之一。
漸變讓色彩更加富，更有質(zhì)感，使得原本平淡的色彩擁有了近乎藝術(shù)化的表達(dá)。如今的漸變色彩更加豐富，而不僅僅是用作一種疊加于圖片的元素。
西安雁塔校區(qū)優(yōu)秀學(xué)員—宋元峰作品
以上面的作品為例，漸變色搭配富有層次感的排版布局，讓前后景的內(nèi)容各司其職，關(guān)鍵的內(nèi)容塊也可以很輕松地被掃視。
從現(xiàn)在最流行設(shè)計(jì)來(lái)看，明亮的藍(lán)色和柔和的紫色正在成為很多新網(wǎng)站和流行 APP 的配色選擇。色彩的選取并不是第一次成為影響設(shè)計(jì)趨勢(shì)的重要因素，但是在設(shè)計(jì)的進(jìn)化過(guò)程中，色彩一直發(fā)揮著無(wú)與倫比的重要作用。
所以，用流行的色彩來(lái)服務(wù)網(wǎng)站的設(shè)計(jì)吧。如果網(wǎng)站有現(xiàn)成的配色系統(tǒng)，那么你可以在此基礎(chǔ)上更好地部署充滿表現(xiàn)力的色彩。
網(wǎng)頁(yè)旨在幫助用戶更好地參與產(chǎn)品或服務(wù)并與之聯(lián)系。隨著技術(shù)的提升，用戶對(duì)于網(wǎng)站的體驗(yàn)，已經(jīng)不止于可用、好用，用戶的關(guān)注點(diǎn)已經(jīng)慢慢遷移到更加細(xì)膩的感知維度上，比如是否更加真實(shí)、是否從視覺(jué)乃至文本上體現(xiàn)出對(duì)于用戶的尊重和關(guān)心。
因此，從每一個(gè)Loading，導(dǎo)航，按鈕，圖標(biāo)，以及任何一處小的細(xì)節(jié)都需要做到極致設(shè)計(jì)。
西安雁塔校區(qū)優(yōu)秀學(xué)員作品
以下是幫助搭建視覺(jué)層次的重要因素：尺寸、顏色、對(duì)比、接近、 負(fù)空間（留白空間）、重復(fù)。
所以我們要盡量保持同樣的元素細(xì)節(jié)統(tǒng)一，如：頁(yè)面按鈕及鏈接有著統(tǒng)一的樣式，頁(yè)面字體和按鈕等細(xì)節(jié)的風(fēng)格統(tǒng)一，頁(yè)面的相似模塊大小統(tǒng)一等等，這樣的頁(yè)面往往會(huì)讓用戶在瀏覽的過(guò)程中感到輕松。
當(dāng)然，新的網(wǎng)頁(yè)將會(huì)需要在設(shè)計(jì)當(dāng)中加入更多有縱深的、立體的元素，讓它們?cè)谝曈X(jué)上更加具有真實(shí)的質(zhì)感。不過(guò)，網(wǎng)頁(yè)視覺(jué)設(shè)計(jì)是一方面，別忘了交互體驗(yàn)也很重要哦。
以上是為大家總結(jié)的在2020網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)幾個(gè)要點(diǎn)，但其中更重要的意義還需要在實(shí)踐中漸漸摸索領(lǐng)悟。趕緊實(shí)踐起來(lái)吧！
