在設(shè)計(jì)按鈕時(shí),往往需要結(jié)合實(shí)際應(yīng)用場(chǎng)景、功能,并從整體出發(fā)來(lái)考慮按鈕的設(shè)計(jì)風(fēng)格、外形、色調(diào)等諸多因素,才能獲取優(yōu)質(zhì)的按鈕設(shè)計(jì)。下面,藍(lán)橙視覺(jué)就給大家分享一些小程序按鈕設(shè)計(jì)技巧。
一、匹配品牌
按鈕設(shè)計(jì)中非常重要的一點(diǎn)就是與它的使用環(huán)境相匹配。這意味著在按鈕的設(shè)計(jì)過(guò)程中也 需要選擇特定的色彩、形狀,或從目標(biāo)品牌的設(shè)計(jì)理念及Logo中汲取靈感。需要以目標(biāo)品牌為依據(jù)來(lái)決定按鈕的形狀、材質(zhì)和風(fēng)格。
二、匹配風(fēng)格
在按界面設(shè)計(jì)中設(shè)計(jì)師要對(duì)界面風(fēng)格做整體把握,這樣對(duì)界面中按鈕的設(shè)計(jì)運(yùn)用就要有一 定的要求,按鈕與界面設(shè)計(jì)風(fēng)格相匹配是按鈕設(shè)計(jì)中最基本的要求。
三、突出對(duì)比度
在界面設(shè)計(jì)中,按鈕的重要性不容忽視,漂亮的 按鈕可以直接吸引用戶點(diǎn)擊。因此在設(shè)計(jì)中,設(shè)計(jì)師往往會(huì)利用色彩、形狀、字體等不同元素,賦予按鈕獨(dú)特的視覺(jué)效果,使它們能與界面中的其他元素清晰地區(qū)別開(kāi)。
四、描邊顏色的設(shè)置
人們見(jiàn)到的大多數(shù)按鈕都或多或少地使用了描邊效果。通常情況下,如果按鈕的顏色比背 景色更暗,那么應(yīng)使用比按鈕顏色暗的描邊效果。如果是相反的情形,那么應(yīng)使比背景色偏暗的描邊效果。
五、巧用小圖標(biāo)
按鈕設(shè)計(jì)中添加簡(jiǎn)潔微小的圖標(biāo)往往會(huì)發(fā)揮意想不到的作用。例如:一個(gè)指向右邊的箭頭 圖標(biāo)可能會(huì)讓用戶覺(jué)得點(diǎn)擊它會(huì)離開(kāi)頁(yè)面或打開(kāi)一個(gè)新頁(yè)面。而一個(gè)指向下方的箭頭則可能會(huì)給用戶這樣的信息,即點(diǎn)擊它可以打開(kāi)一個(gè)下拉菜單或查看隱藏的內(nèi)容。
六、按鈕主次分明
如果在界面設(shè)計(jì)中需要展示很多選項(xiàng)和功能,那么使用不同的視覺(jué)效果為按鈕劃分級(jí)別就 顯得尤為必要。對(duì)最重要的按鈕應(yīng)使用最強(qiáng)烈,最鮮艷的色彩,對(duì)其他的按鈕應(yīng)按重要程度次第削弱色彩效果。在其他方面也一樣,對(duì)于二級(jí)、三級(jí)按鈕應(yīng)該在大小、字號(hào)和特效等方面做相應(yīng)調(diào)整。
以上就是本次為大家分享的小程序按鈕設(shè)計(jì)技巧,按鈕是UI設(shè)計(jì)中十分重要的一環(huán),不僅影響著小程序的視覺(jué)效果,也對(duì)用戶的操作體驗(yàn)有很大影響,做好按鈕設(shè)計(jì),更能提升用戶對(duì)小程序的整體評(píng)分。
更多服務(wù):基金月報(bào)設(shè)計(jì)|
視頻剪輯處理|
基金宣傳物料設(shè)計(jì)|
IP吉祥物設(shè)計(jì)|
手繪插畫(huà)設(shè)計(jì)
藍(lán)橙視覺(jué)·做您專(zhuān)屬的設(shè)計(jì)部門(mén)