2022年,哪種設(shè)計(jì)界面與設(shè)計(jì)元素,可能讓你的網(wǎng)頁棋高一著?! ?種設(shè)計(jì)界面趨勢介紹 1.可切換黑白模式的界面設(shè)計(jì) 隨著UI設(shè)計(jì)界先驅(qū)— — Apple的市占率攀升,更多人將目光關(guān)注到了使之成功的設(shè)計(jì),中性用色與扁平化的設(shè)計(jì)元素, 各大廠牌更陸續(xù)推出可切換可黑色與白色主題的功能,除了保護(hù)眼睛外,也可以讓使用者們的界面更加個(gè)性化,相信這股潮流在2022年也會(huì)持續(xù)發(fā)燒。 2.像App一般的使用體驗(yàn) 打開手機(jī)「屏幕使用時(shí)間」,比起瀏覽網(wǎng)站,大部分的人花更多時(shí)間泡在App里?! ∫?yàn)檫@個(gè)現(xiàn)象,近年來網(wǎng)頁設(shè)計(jì)上有更向App界面靠攏的趨勢,在制作網(wǎng)頁時(shí),除考慮網(wǎng)頁在電腦屏幕瀏覽的舒適度外,很多開發(fā)者更優(yōu)先考量的是網(wǎng)頁在移動(dòng)設(shè)備瀏覽上的適應(yīng)性,于是出現(xiàn)了這種像App的網(wǎng)站,讓人忍不住都想在電腦屏幕上滑幾下?! ?. Neumorphism 軟UI 可以說是扁平化設(shè)計(jì)的進(jìn)化版,顏色與設(shè)計(jì)更加統(tǒng)一、中性、干凈,視覺變化僅靠陰影與些微的顏色轉(zhuǎn)變搭建,可以讓使用者將注意力集中在更重要的內(nèi)容上,同時(shí)大幅減少因顏色所造成的混亂場面?! 〈嗽O(shè)計(jì)在視覺風(fēng)格上非常具有吸引力,但因?yàn)轭伾狈?duì)比度,使用不當(dāng)很容易讓用戶體驗(yàn)扣分,非??简?yàn)設(shè)計(jì)師的功力?! ?.與網(wǎng)頁主題相關(guān)的互動(dòng)式界面 隨著網(wǎng)絡(luò)的品質(zhì)與速度不段提升,需要較多流量的互動(dòng)式界面越來越受歡迎,而且這種趨勢,在未來只會(huì)增加不會(huì)減少,原因是互動(dòng)式界面的許多優(yōu)點(diǎn),例如與網(wǎng)站主題契合可增加記憶點(diǎn)、激發(fā)使用者的好奇心、增加網(wǎng)站停留時(shí)間,并且貢獻(xiàn)點(diǎn)擊、增加互動(dòng)等。此做法當(dāng)然也有壞處,就是對(duì)荷包非常不友善?! ?.非傳統(tǒng)、反直覺式滑動(dòng)體驗(yàn) 為了讓使用者的體驗(yàn)更加有趣,網(wǎng)頁設(shè)計(jì)者無所不用其極,「反直覺」就是其中一種暴力又有效的方式?! ∑翖壷庇X式的直向滑動(dòng)方式,確實(shí)讓人耳目一新,但此作法仍屬創(chuàng)新,許多傳統(tǒng)產(chǎn)業(yè)或購物網(wǎng)站并不適用,因此并未大量出現(xiàn),但我們相信在2022年有機(jī)會(huì)看到更多這樣的作品。 6.以視頻作為首頁 以影片方式呈現(xiàn)Landing page,將會(huì)是2022的趨勢之一?! ≈髁魃缛浩脚_(tái)如抖音與百家號(hào)等,都漸漸走向?qū)τ捌瑒?chuàng)作者更有利的方式經(jīng)營,對(duì)于文字或照片組成的內(nèi)容,并不是不好,只是在吸人眼球這一塊競爭力確實(shí)比較薄弱。影片作為首頁,能快速濃縮內(nèi)容呈現(xiàn)給使用者,第一時(shí)間吸引他們的注意力?! ?.一頁式網(wǎng)站 有時(shí)最有效的網(wǎng)站就是最簡單的網(wǎng)站?! 敢豁撌骄W(wǎng)站」,一種為單一目的而生的網(wǎng)站,目的單純,功能也相對(duì)較少。刪去選單,資訊量變少,像是閱讀傳單,用純粹的主題吸引讀者目光?! ?.有深度與維度的網(wǎng)站設(shè)計(jì) 與前面的互動(dòng)式界面很像,有時(shí)亦包含互動(dòng)元素,但更多的是嘗試在這個(gè)平面的屏幕上,以動(dòng)畫或構(gòu)圖呈現(xiàn)出更復(fù)雜的外觀,表現(xiàn)具立體感、維度或深度的網(wǎng)站設(shè)計(jì),以此讓網(wǎng)站更具吸引力?! ?種設(shè)計(jì)元素趨勢介紹 1.為網(wǎng)頁制造景深的小動(dòng)畫 與整頁動(dòng)態(tài)不一樣,僅以微小的動(dòng)態(tài)表示網(wǎng)頁的景深,就像是作圖時(shí)的圖層,使背景更有深度,讓網(wǎng)頁像是一本童話書,更有故事性?! ?.用插畫讓網(wǎng)頁更活潑 在網(wǎng)頁設(shè)計(jì)的元素中,除文字或照片外,也常常加入插圖來輔助?! ∫郧霸?jīng)流行過大的甚至滿版的插圖,或許是大眾審美疲乏,或活動(dòng)度不足,最近趨勢偏向裝飾性的插圖,多運(yùn)用留白讓使用者喘息,貼合主題但是沒有主體的插畫呈現(xiàn)出一個(gè)統(tǒng)一的「概念」,這些小插畫可以自由組合,出現(xiàn)在不只首頁的任何頁面中,讓網(wǎng)也看上去更活潑?! ?.卡通人物趨勢 最讓人印象深刻的企業(yè)、地方代表人物有哪些?應(yīng)該很多人都會(huì)說日本的熊本熊,或是雄獅集團(tuán)的奶油獅等等。 以上都是用吉祥物營銷成功的案例,而在網(wǎng)站制作上,用可愛的小人物或吉祥物當(dāng)作視覺主題,可以增加記憶點(diǎn),視覺上也更容易有統(tǒng)一的顏色與風(fēng)格,不需要華麗酷炫的效果,網(wǎng)站本身簡單且流暢?! ?.復(fù)古 思維跳躍、設(shè)計(jì)風(fēng)格五花八門的現(xiàn)在,有一種設(shè)計(jì)是在往反方向走,往更早的年代吸取靈感?! 榱吮憩F(xiàn)復(fù)古,版面、設(shè)計(jì)以大字報(bào)的感覺呈現(xiàn),搭配可見線框,以及接近拼貼風(fēng)或普普藝術(shù)的用色,仿佛又回到那個(gè)沒有網(wǎng)絡(luò)的復(fù)古年代?! ?.裝飾藝術(shù) 網(wǎng)頁如其名,首頁無主體,僅以文字搭配拼貼、線性、裝飾性的小物件呈現(xiàn)網(wǎng)站視覺,在網(wǎng)站設(shè)計(jì)花招百出的時(shí)代,這種相對(duì)簡單的裝飾反而成為一股清流?! ?.動(dòng)態(tài)文字 動(dòng)畫對(duì)于網(wǎng)頁設(shè)計(jì)來說并不是什么新鮮事,通常出現(xiàn)在背景、圖形移動(dòng)或頁面轉(zhuǎn)換,因此,移動(dòng)文字可以說是相當(dāng)新奇且出乎意料的一種新玩法?! ?.引人注目的大字 說到第一眼就抓住注意力的設(shè)計(jì),絕對(duì)不能少了「引人注目的大字」設(shè)計(jì)?! ”绕鹩脠D片說話,此種設(shè)計(jì)更著重于字體本身的設(shè)計(jì),讓文字自己說故事,可以使用企業(yè)代表字體,或搭配上面提到的「影片首頁」的方式,建立網(wǎng)站識(shí)別度與吸引力。 8.有肌理的漸層設(shè)計(jì) 最近一次漸變色設(shè)計(jì)大量進(jìn)入大眾視野是2016年的Instagram Icon,許多人的記憶里intstagram仍是那個(gè)紅橘黃三色漸變的設(shè)計(jì),隨后夾雜漸變色設(shè)計(jì)的席卷市場,人們開始對(duì)漸變色感到疲乏,但我們已經(jīng)知道它的威力與好用之處,因此為了持續(xù)使用漸變效果,需要在肌理上做出變化,才能帶來新鮮感,例如帶有顆粒感或是水波紋的漸變色就是經(jīng)常被使用的一種變化方式?! 〗Y(jié)語 不論是書籍、賣商品、飯店,想在現(xiàn)代社會(huì)生存,就一定需要在網(wǎng)絡(luò)上被看見。網(wǎng)頁就像人體,必須存在,網(wǎng)頁設(shè)計(jì)則是衣服,可以吸引眼球,趨勢就像維他命,可以幫你的狀態(tài)加分,但多食無益。請選擇與自身最合適之設(shè)計(jì),不要讓設(shè)計(jì)模糊了焦點(diǎn)?! ∪邕^您還在猶豫哪一種風(fēng)格適合自己,歡迎聯(lián)絡(luò)浪知潮,讓我們協(xié)助您找到您的專屬網(wǎng)頁風(fēng)格。