當(dāng)前位置：首頁(yè) >UI設(shè)計(jì) >學(xué)會(huì)這3點(diǎn)，閉著眼都能設(shè)計(jì)出爆火的UI

學(xué)會(huì)這3點(diǎn)，閉著眼都能設(shè)計(jì)出爆火的UI

發(fā)布時(shí)間：2024-01-23 19:09:41 瀏覽量：188次

這幾天各大APP年終總結(jié)都出爐了，這些清單背后，除了各家強(qiáng)大的數(shù)據(jù)分析能力外，更考驗(yàn)設(shè)計(jì)師的功力。

網(wǎng)易的扁平化風(fēng)格UI清單，支付寶的3D建模UI清單都博得一篇叫好聲，反觀蝦米清單的UI,由于飛機(jī)摳圖粗糙，UI風(fēng)格老化，引得一片吐槽：“這是來(lái)自藍(lán)翔的設(shè)計(jì)師做的UI?”“村口Tony老師改行做設(shè)計(jì)啦”。今天千庫(kù)醬就和大家討論下什么是好的適合中國(guó)人審美的UI設(shè)計(jì)。

電商陳列式UI設(shè)計(jì)

曾經(jīng)有個(gè)留學(xué)歸來(lái)的朋友和千庫(kù)醬吐槽：京東和淘寶的UI也太凌亂了吧，當(dāng)時(shí)在一邊的我覺(jué)得這樣的電商UI還是可以接受的啊。但是對(duì)比亞馬遜后發(fā)現(xiàn)，淘寶和京東好像是很凌亂，不清爽。但是考慮到亞馬遜在中國(guó)的影響力，千庫(kù)醬相信，淘寶和京東的UI肯定是更適合中國(guó)市場(chǎng)的。

這是因?yàn)?，我們生活城市的更集中，喜歡熱鬧的我們對(duì)小街頭各種廣告牌已經(jīng)非常習(xí)慣，這樣的信息陳列式設(shè)計(jì)使我們的生活更便捷高效。對(duì)應(yīng)到電商UI上就是一眼看過(guò)去所有的信息都要呈列在眼前，喜歡什么自己去挑。

中國(guó)本土電商首頁(yè)展現(xiàn)都是競(jìng)價(jià)排名的，而國(guó)外則是利潤(rùn)傭金分成。再加上我們的電商經(jīng)常有紛繁復(fù)雜的促銷活動(dòng)，這樣就促使各種元素都要在首屏上面得到展現(xiàn)，這樣做下去很難保證電商UI清爽、不凌亂。但是，這種設(shè)計(jì)真的很實(shí)用，只要能很好的將這些多元素組合起來(lái)，中國(guó)的受眾還是能接受的。

社交功能整合型UI設(shè)計(jì)

如果說(shuō)競(jìng)價(jià)排名和品牌活動(dòng)決定了中國(guó)電商的UI設(shè)計(jì)思路，那么流量和功能則決定了中國(guó)的社交軟件UI設(shè)計(jì)。我們的微博、微信、QQ等社交軟件都是大片的功能整合，最重要的功能、高流量的區(qū)域放在首頁(yè)，其他的功能整合起來(lái)展現(xiàn)在第二屏第三屏或者第四屏。

對(duì)微博來(lái)說(shuō)，最重要的是及時(shí)信息的分享，所以你關(guān)注的人，或者熱點(diǎn)信息，都放在首頁(yè)，其他的功能做整合。微信就是及時(shí)通信訊息放在首頁(yè)，連朋友圈這樣重要的功能都做了整合在發(fā)現(xiàn)里面。

微博的UI設(shè)計(jì)，保證了我們能隨時(shí)刷到最新的資訊，而微信則讓我們基本的訊息不會(huì)遺漏，能及時(shí)高效溝通。

趣味互動(dòng)UI設(shè)計(jì)

像這次的支付寶的清單UI設(shè)計(jì)，以及我們常玩的游戲類首頁(yè)UI設(shè)計(jì)，考慮的是將信息以有趣的方式展現(xiàn)出來(lái)，這個(gè)時(shí)候，設(shè)計(jì)的思路就要從產(chǎn)品功能上面抽出來(lái)，注重到UI呈現(xiàn)方式和互動(dòng)上面。

還是以這次支付寶的清單UI為例，如果簡(jiǎn)單的將信息盤(pán)點(diǎn)一下，就不會(huì)有這么大的傳播量。將用戶花錢(qián)的地方整合在日常的消費(fèi)街景或者生活場(chǎng)景中，通過(guò)視角的轉(zhuǎn)變，切換信息。增加了趣味性和場(chǎng)景感。但是如果你還是像蝦米這樣去做簡(jiǎn)單的信息陳列，加上不出彩的UI設(shè)計(jì)，肯定不能討好用戶。