個性定制
提示框中,可個性定制樣式的只有操作區(qū)的按鈕文案顏色。
如默認(rèn)樣式所示,我們將“確認(rèn)”按鈕使用更高調(diào)顯眼的藍(lán)色,“取消”按鈕使用低調(diào)的黑色,以在視覺展現(xiàn)上有主次之分,引導(dǎo)用戶操作。若兩個按鈕都同等重要,也可以使用同一顏色,此時沒有主次之分。
正確
使用默認(rèn)提示框樣式
注意
需兩個按鈕都使用強(qiáng)展現(xiàn),則沒有主次。
對于不可逆的重要操作,建議其按鈕使用紅色,警告用戶此操作的重要性。
正確
需要用戶重點(diǎn)關(guān)注的不可逆操作,可使用警示紅。
錯誤
不應(yīng)調(diào)換確定執(zhí)行按鈕的位置,會導(dǎo)致交互操作邏輯不一致。
開發(fā)者還可以在按鈕文字顏色上適合使用品牌色。但請注意,過多顏色并存,可能會影響用戶判斷。
正確
在強(qiáng)引導(dǎo)按鈕使用品牌色,與小程序整體風(fēng)格更一致。
錯誤
多種強(qiáng)調(diào)色共用,則按鈕沒有主次。
用色上除了注意按鈕主次展現(xiàn)、品牌外,還需要考慮是否與行業(yè)常用于特殊狀態(tài)的顏色沖突,如紅色、淺灰色等。
錯誤
淺灰色常用于表達(dá)按鈕不可用,此時會影響用戶判對于可用性判斷。
錯誤
紅色系常用于表達(dá)警示,此時可能使用戶緊張。
閱讀本文的人還可以閱讀: