雍熙 | “它”并沒(méi)有你想的那么簡(jiǎn)單，我們?cè)囍ピ忈屇莻€(gè)“它”
舉個(gè)UI設(shè)計(jì)的栗子：
每個(gè)組件的設(shè)計(jì)，從顏色、大小、位置，都有他背后的原因：
第1處
問(wèn)題：標(biāo)號(hào)用了頁(yè)面中唯一的顏色，本想通過(guò)顏色區(qū)分上下題，但是也成了視覺(jué)干擾項(xiàng)，讓客戶視覺(jué)都關(guān)注在了序號(hào)上；
解決：通過(guò)卡片式設(shè)計(jì)區(qū)分了上下題目關(guān)系，同時(shí)標(biāo)號(hào)顏色改成黑色，使視覺(jué)上不會(huì)太跳躍。
第2處
問(wèn)題：數(shù)據(jù)條和文字比例失調(diào)，過(guò)于突出；
解決：把數(shù)據(jù)條變細(xì)，和文字比例協(xié)調(diào)，數(shù)據(jù)條和文字調(diào)成一行，節(jié)約頁(yè)面顯示空間。
第3處
問(wèn)題：只是為了切換圖表功能，卻成了頁(yè)面中最突出顯示的焦點(diǎn)。
解決：圖表切換是個(gè)弱功能，使用頻率較低，所以放到卡片的右上角弱化設(shè)計(jì)，用切換的方式展示。
排版的細(xì)節(jié)也可以讓舒適感提高一大步：
改版前元素的排版間距幾乎沒(méi)有什么規(guī)律，這也是導(dǎo)致用戶對(duì)產(chǎn)品有亂糟糟印象的原因。
改進(jìn)后，用間距去表達(dá)元素之間的關(guān)系，間距設(shè)計(jì)常常會(huì)用到“黃金比例”或“五分原則”，黃金比例不必多說(shuō)，五分原則就是相關(guān)的元素用周邊0.5倍的距離表達(dá)親密關(guān)系。
“它”是什么：
有些時(shí)候雍熙很難去解釋那個(gè)“它”，說(shuō)不出、講不明，在我們客制化服務(wù)的過(guò)程中，存在大量的信息不對(duì)稱，這只是用戶體驗(yàn)UI設(shè)計(jì)過(guò)程中的一個(gè)細(xì)節(jié)，圖片化的對(duì)比，讓您去理解高端服務(wù)的價(jià)值。其實(shí)在整個(gè)需求梳理、開(kāi)發(fā)過(guò)程、測(cè)試過(guò)程、售后過(guò)程等等方面，存在大量的“它”，“它”是細(xì)節(jié)、是經(jīng)驗(yàn)、是積累沉淀、是責(zé)任心，是點(diǎn)點(diǎn)滴滴死磕互聯(lián)網(wǎng)服務(wù)的決心。
