杭州UI設(shè)計學(xué)習(xí)在哪|快速提升UI設(shè)計的效果
1.盡量使用一致且同心的圓弧角。
設(shè)計圓角控件時,如果沒有嵌套,圓角需要一致,以保證整體視覺的統(tǒng)一。如果它們是嵌套的,它們的角需要有一個和諧的“同心”效果。
這種按比例縮小的角落更符合現(xiàn)實世界的邏輯,能營造出愉悅和諧的視覺體驗,給人更精致、更專業(yè)的感知。
2.注意暗模式下標(biāo)高變化對顏色的影響。
在黑暗模式下,不使用純黑應(yīng)該已經(jīng)達(dá)成共識,嘗試使用深灰色進(jìn)行呈現(xiàn)也應(yīng)該是眾所周知的事情。但當(dāng)UI控件相互重疊時,需要注意的是,當(dāng)Z軸標(biāo)高存在差異時,需要控制深灰色色階的深度變化,以保證其在UI視覺邏輯上的合理性。
在現(xiàn)實世界中,一個元素離你越近,離光源越近,視覺上它的顏色應(yīng)該越淺。在這種情況下,可以按照近淺遠(yuǎn)深的邏輯來控制色階,使得界面“標(biāo)高”的邏輯更加合理和自我修正。
在黑暗模式下,由于顏色一般是黑灰色,此時幾乎不需要設(shè)計任何陰影。僅通過控制控件主色的色階就足以表現(xiàn)出這一規(guī)律。

3.使用簡短清晰的文本標(biāo)簽來傳達(dá)信息
在上面兩個設(shè)計例子中,小寫是用更短更清晰的文字描述的,簡潔明了地傳達(dá)信息。
如果不是完整全面的解釋,最好在排除可能的歧義后,盡可能簡潔地表達(dá)大致的文字內(nèi)容,這樣可以幫助用戶更好地得到自己想要的關(guān)鍵。
4.何時使用單選按鈕和下拉菜單
在上面的兩個設(shè)計例子中,一個使用單選按鈕,另一個使用下拉菜單攜帶多個選項。
當(dāng)涉及到像這個產(chǎn)品列表這樣的選項設(shè)計時,UI控件的選擇常常是混亂的。這兩種設(shè)計看起來都很合理,但實際上它們是不同的。
一般來說,選擇單選按鈕或使用下拉菜單的關(guān)鍵標(biāo)準(zhǔn)是“用戶的認(rèn)知負(fù)荷”。通常,當(dāng)可選選項的數(shù)量少于4個時,可以使用單選按鈕。當(dāng)數(shù)量超過4時,可以使用下拉菜單加載選項。