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