感謝導(dǎo)語(yǔ)：用戶在日常生活工作中會(huì)用到很多款A(yù)pp，在這些軟件中，一個(gè)視覺(jué)體驗(yàn)非常好得界面能給用戶帶來(lái)更舒適得感覺(jué)，其中界面板塊、UI設(shè)計(jì)都是很重要得一部分；感謝分享了關(guān)于提升界面質(zhì)感得幾種方式，我們一起來(lái)了解一下。

哈嘍，大家好。

今天想和大家聊聊用戶體驗(yàn)五要素之一——表現(xiàn)層。表現(xiàn)層決定了我們界面上得信息能否很好地被用戶感知，以達(dá)到產(chǎn)品/設(shè)計(jì)目標(biāo)。

一個(gè)好得界面能夠?yàn)橛脩籼峁┯行У靡龑?dǎo)和舒適得感官體驗(yàn)，不會(huì)干擾或分散用戶對(duì)“能完成目標(biāo)得信息或功能”得注意力。

這里主要想和大家探討得是“舒適得感官體驗(yàn)”，即我們?cè)趺礃幼尳缑孀兊檬孢m好看。

相信很多朋友都有過(guò)這樣得體驗(yàn)：看著 Dribbble 上得優(yōu)秀案例臨摹練習(xí)，覺(jué)得“我學(xué)會(huì)了”，但在實(shí)際項(xiàng)目中又覺(jué)得應(yīng)用不上，無(wú)從下手；這是因?yàn)榫毩?xí)過(guò)程中缺少了系統(tǒng)性得思考，沒(méi)有知其然并知其所以然。

因此，我們總結(jié)了一套提升界面質(zhì)感得方法，并結(jié)合實(shí)際案例進(jìn)行詳解，希望能夠?qū)Υ蠹矣兴鶐椭?/p>01 第壹步：看整體

這是全家app個(gè)人中心得頁(yè)面截圖。中肯得說(shuō)，頁(yè)面不精致，甚至有些凌亂

首先來(lái)看頁(yè)面得“骨骼”，即不同信息模塊之間得布局。

先不看具體得細(xì)節(jié)，從整體上來(lái)說(shuō)，主要是以下 2 點(diǎn)問(wèn)題：

合理得頁(yè)面布局是最基礎(chǔ)也是最重要得，好得頁(yè)面板式能夠更好地傳遞頁(yè)面信息，也是頁(yè)面質(zhì)感得基石。

只有在合理布局得前提下去提升頁(yè)面精致度才是有效得，不然就是所謂“無(wú)效得視覺(jué)表現(xiàn)”。

令我們感到舒適得頁(yè)面布局通常有以下幾個(gè)特征：

一般來(lái)說(shuō)，清晰得信息層級(jí)主要是指以下 2 點(diǎn)：

頁(yè)面中不同模塊之間得分割明確

模塊內(nèi)不同信息之間得層級(jí)清晰

我們?cè)跈z查自己得設(shè)計(jì)方案要去看“不同樓層之間會(huì)不會(huì)混淆？”，“一級(jí)二級(jí)甚至三級(jí)之間得信息關(guān)系是否明確？”。

之前也分享過(guò)一些關(guān)于界面中區(qū)分信息層級(jí)得小技巧，有興趣得同學(xué)可戳