
1對(duì)1定制服務(wù),PC端+手機(jī)端+小程序多端應(yīng)用
網(wǎng)站/UI界面頁(yè)面版式設(shè)計(jì) 這樣排版更容易嘩眾取寵
2021年02月14日瀏覽:
如果沒(méi)有技術(shù)支撐,
或許就只是進(jìn)行簡(jiǎn)單的布局排版。迎合各種互聯(lián)網(wǎng)新技術(shù)、5G技術(shù)等重磅技術(shù)落地,將給網(wǎng)頁(yè)設(shè)計(jì)帶來(lái)新機(jī)和挑戰(zhàn)。以以往為
為參考,但凡給項(xiàng)目嘗試采用互聯(lián)網(wǎng)新技術(shù)、設(shè)計(jì)風(fēng)格大膽采用新銳手法的項(xiàng)目方案都比較容易通過(guò),且該網(wǎng)站上線(xiàn)后往往影響力較大,吸睛效果明顯。
01
深色模式
-
從Android 推出的兩款深色模式:Dark Mode 和 System Dark Mode可以瞥見(jiàn)深色模式將會(huì)是2021年的主要設(shè)計(jì)趨勢(shì)之一。無(wú)論是網(wǎng)頁(yè)還是app都會(huì)為用戶(hù)提供深色主題的選項(xiàng)。深色背景具有良好的沉浸感,并與其它的高飽和度亮色相互作用,帶來(lái)更高的識(shí)別效率,同時(shí)很好地體現(xiàn)產(chǎn)品的科技感和時(shí)尚感。
02
鮮艷的配色
-
明亮鮮艷的配色往往在視覺(jué)上非常具有吸引力,這些顏色明亮大膽,充滿(mǎn)活力。近兩年,我們看到越來(lái)越多的品牌開(kāi)始使用超高飽和度的色彩作為品牌色。2021年的網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)中也將會(huì)延續(xù)這一點(diǎn)并會(huì)更加流行。
03
3D元素
-
“在2021年,我們將把更多的3D渲染視為主要的網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì),”
---- ?Coastal Creative的 Mark Krenn.
隨著3D渲染軟件和工具越來(lái)越先進(jìn),3D 元素已經(jīng)開(kāi)始變得越來(lái)越受歡迎。與2D元素不同的是,3D在視覺(jué)上能提供更為逼真的效果。
體育巨頭阿迪達(dá)斯(Adidas)在Futurecraft的產(chǎn)品網(wǎng)站中也運(yùn)用到了3D技術(shù) -2021年4月發(fā)布的100%可回收性能跑鞋。3D模型在屏幕上緩慢旋轉(zhuǎn),用戶(hù)可以通過(guò)滾動(dòng)與模型進(jìn)行交互。不過(guò),也需要注意3D效果的引用有可能會(huì)影響移動(dòng)設(shè)備上的加載時(shí)間。但這并不妨礙它在2021年成為一個(gè)重要趨勢(shì)。
04
圖片與插畫(huà)的結(jié)合
-
圖片和簡(jiǎn)約的2D手繪插畫(huà)的組合創(chuàng)意是目前網(wǎng)頁(yè)設(shè)計(jì)中一個(gè)非常重要且極具創(chuàng)意的趨勢(shì)。采用拼貼的手法,將真實(shí)圖片疊加在創(chuàng)意的2D手繪元素之上,使原本平淡的圖片增加了特殊的魅力。并且,采用插畫(huà)的形式更能表達(dá)抽象的概念,更具個(gè)性化,例如在技術(shù)或金融方面。
在實(shí)際操作上,這個(gè)趨勢(shì)也極具靈活性。但藝術(shù)家一定要小心處理插圖和手繪元素之間的調(diào)性,并讓它們和品牌的定位相符。
05
發(fā)光的漸變色
-
2021年也將延續(xù)2021年的漸變色趨勢(shì),并在此基礎(chǔ)上有所創(chuàng)新——發(fā)光元素的融入。
與此前的漸變色不同,2021年的漸變色結(jié)合了潘通年度色——經(jīng)典藍(lán)打造出極具科技感的漸變色彩。另外,也可以結(jié)合紫色、粉紅色等比較具有視覺(jué)吸引力的色彩一起使用,在2.5D插畫(huà)、平面插畫(huà)中有非常廣泛的應(yīng)用空間。
優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)往往需要設(shè)計(jì)師靈活運(yùn)用多種設(shè)計(jì)元素,考驗(yàn)的不僅僅是設(shè)計(jì)功底,更需要對(duì)前沿的設(shè)計(jì)趨勢(shì)具有敏感性和前瞻性。
06
跨設(shè)備同步
-
如何理解跨設(shè)備同步?我們可以從響應(yīng)式設(shè)計(jì)的概念獲取靈感。
響應(yīng)式設(shè)計(jì)可使網(wǎng)站在不同的設(shè)備(桌面端、移動(dòng)端、或其他智能設(shè)備)上瀏覽時(shí)對(duì)應(yīng)不同分辨率皆有適合的呈現(xiàn),減少用戶(hù)進(jìn)行縮放、平移和滾動(dòng)等操作行為。
而設(shè)備同步則是用戶(hù)可在所有設(shè)備上同步用戶(hù)的操作或動(dòng)態(tài),尤其是現(xiàn)在的在線(xiàn)購(gòu)物、租房、訂車(chē)或預(yù)訂酒店等需要通過(guò)互聯(lián)網(wǎng)完成的行業(yè),跨設(shè)備同步的趨勢(shì)和必要性尤為重要。
例如使用Uber。可以使用語(yǔ)音命令開(kāi)始旅程,并借助移動(dòng)應(yīng)用程序或智能手表結(jié)束旅程。因此,你可以在不中斷動(dòng)作的情況下在不同平臺(tái)上執(zhí)行單個(gè)連續(xù)操作。
07
語(yǔ)音互動(dòng)
-
蘋(píng)果的語(yǔ)音助手Siri,亞馬遜的虛擬助手Alexa,三星的智能助手Bixby,谷歌基于AI的虛擬語(yǔ)音助手Google Assistant,以及國(guó)內(nèi)流行的各大智能音箱等等,都預(yù)示著智能語(yǔ)音互動(dòng)對(duì)UX設(shè)計(jì)趨勢(shì)的有利影響。
用戶(hù)只需開(kāi)啟對(duì)話(huà),語(yǔ)音助手即可提供快速準(zhǔn)確的查詢(xún)結(jié)果,確保個(gè)性化的用戶(hù)體驗(yàn),從而使語(yǔ)音互動(dòng)不斷融入我們的生活,讓生活更加便捷和智能化。
08
故事性設(shè)計(jì)
-
一個(gè)好的設(shè)計(jì)不僅僅是信息羅列和元素堆砌,還需要提供有用的內(nèi)容為用戶(hù)提供一個(gè)完整的用戶(hù)體驗(yàn)。當(dāng)今的設(shè)計(jì)愈加傾向于圍繞其提供的數(shù)字體驗(yàn)講述一個(gè)引人入勝的故事,向目標(biāo)受眾提供相關(guān)且可訪(fǎng)問(wèn)的內(nèi)容,以提供盡可能最相關(guān)的用戶(hù)體驗(yàn)。
故事性設(shè)計(jì)更多運(yùn)用于網(wǎng)頁(yè)設(shè)計(jì)中,較大的頁(yè)面寬幅更有助于講述網(wǎng)頁(yè)獨(dú)有的故事,為用戶(hù)提供個(gè)性化的體驗(yàn)。
09
簡(jiǎn)約設(shè)計(jì)/極簡(jiǎn)主義
-
簡(jiǎn)約設(shè)計(jì)/極簡(jiǎn)主義強(qiáng)調(diào)設(shè)計(jì)中只包含必要的設(shè)計(jì)元素,用盡可能簡(jiǎn)單的方式,聚焦主題,呈現(xiàn)極佳的效果。2021年的簡(jiǎn)約設(shè)計(jì)/極簡(jiǎn)主義不僅僅只體現(xiàn)在App或網(wǎng)頁(yè)的UI界面設(shè)計(jì)中,插畫(huà)設(shè)計(jì)也同樣適用:盡可能多的留白,簡(jiǎn)單的配色,最基本的幾何形狀等等。
10
AR/VR
-
增強(qiáng)現(xiàn)實(shí)和虛擬現(xiàn)實(shí)可以為用戶(hù)的日常生活和工作提供一種全新的體驗(yàn),將虛擬的數(shù)字元素集成到現(xiàn)實(shí)世界中。
隨著蘋(píng)果和谷歌推出的AR 開(kāi)發(fā)平臺(tái),ARKit 和 ARCore,各大品牌商的設(shè)計(jì)也將逐漸轉(zhuǎn)向AR技術(shù),如宜家,迪士尼,扎拉,豐田已經(jīng)在其產(chǎn)品中應(yīng)用了增強(qiáng)現(xiàn)實(shí)。
而在游戲產(chǎn)業(yè)中,VR技術(shù)的應(yīng)用也日趨成熟。隨著這個(gè)產(chǎn)業(yè)的發(fā)展,相信在2021年,VR技術(shù)會(huì)在教育,醫(yī)療,旅游,房地產(chǎn)或建筑領(lǐng)域也得到應(yīng)用。
11
動(dòng)畫(huà)與動(dòng)效設(shè)計(jì)
-
2021 年,動(dòng)態(tài)用戶(hù)體驗(yàn)也將持續(xù)流行并會(huì)進(jìn)入到一個(gè)全新的狀態(tài)。因?yàn)閯?dòng)態(tài)元素不僅可以吸引用戶(hù)注意力,而且比靜態(tài)元素更讓人印象深刻。不論是Logo動(dòng)效,還是UI動(dòng)效,
正確的動(dòng)效設(shè)計(jì)都可以使信息更快更準(zhǔn)確的傳達(dá)給受眾。
12
專(zhuān)為殘障人士的設(shè)計(jì)
-
可訪(fǎng)問(wèn)性設(shè)計(jì)應(yīng)該是對(duì)殘障人士也能提供良好體驗(yàn)的設(shè)計(jì),讓他們也能體驗(yàn)無(wú)障礙服務(wù)。許多網(wǎng)站和企業(yè)因未為殘障人士提供可訪(fǎng)問(wèn)的網(wǎng)站而受到起訴。隨著社會(huì)責(zé)任的增加,專(zhuān)為殘障人士的設(shè)計(jì)也將會(huì)逐漸增加,不僅僅是因?yàn)槠淇陀^(guān)的投資回報(bào)率,也是因?yàn)樵O(shè)計(jì)師們思想的提升和轉(zhuǎn)變。
手勢(shì)識(shí)別、語(yǔ)音輸入、完全響應(yīng)式布局、一致導(dǎo)航、可訪(fǎng)問(wèn)的音頻/視頻元素及字幕、高對(duì)比度的顏色組合等等,都是專(zhuān)為殘障人士的可訪(fǎng)問(wèn)性設(shè)計(jì)的方法。
小結(jié)
-
備受矚目的5G技術(shù)有望在2021年迎來(lái)加速普及,在移動(dòng)設(shè)備端和網(wǎng)頁(yè)端的設(shè)計(jì)方向,能為設(shè)計(jì)行業(yè)帶來(lái)什么樣的全新風(fēng)潮,以及給設(shè)計(jì)師們帶來(lái)什么樣的機(jī)會(huì)和挑戰(zhàn),我們抓鼠以待。