按鈕的設(shè)計(jì),在成都網(wǎng)站設(shè)計(jì)中是很重要的,也能說是王炸上的一種功能,按鈕是吸引用戶點(diǎn)擊跳轉(zhuǎn)另一個(gè)頁面的工具。所以好的按鈕設(shè)計(jì)也是全美看重的,那今天就來分享一下這個(gè)按鈕設(shè)計(jì)。
按鈕設(shè)計(jì)作為小程序設(shè)計(jì)中交互設(shè)計(jì)的基本元素,在用戶交互的時(shí)候,按鈕是用戶和系統(tǒng)進(jìn)行溝通交流的核心組件,在一個(gè)網(wǎng)站的制作中,設(shè)計(jì)師做用戶界面交互的時(shí)候,用戶需要知道哪些是可以惦記的,設(shè)計(jì)師也需要告訴用戶哪些元素是可以交互的。
讓按鈕容易被訪問網(wǎng)站的用戶所發(fā)現(xiàn),不要讓用戶去費(fèi)力的尋找,所以在小程序設(shè)計(jì)過程中,網(wǎng)頁設(shè)計(jì)師要把按鈕放在用戶一眼就能看到的地方,因?yàn)榘粹o是讓用戶進(jìn)行后續(xù)操作的組件,要讓按鈕顯示的非常明了,如果用戶在網(wǎng)站的一個(gè)頁面尋找了半天,還找不到跳轉(zhuǎn)到其他頁面的按鈕,那么結(jié)果會(huì)怎樣呢?當(dāng)然是關(guān)閉網(wǎng)站,直接跳走了。
按鈕上面的文字,要明確的陳述這個(gè)按鈕是做什么用的,讓訪問網(wǎng)站的用戶知道,在她們點(diǎn)擊了這個(gè)按鈕之后會(huì)發(fā)什么什么樣的變化。比如說全美的首頁,在原創(chuàng)·案例模塊能夠看到一個(gè)黑白漸變的按鈕,上面寫著“案例庫”,也就是說,點(diǎn)擊這個(gè)按鈕就能查看全美小程序設(shè)計(jì)公司更多的企業(yè)小程序設(shè)計(jì)案例。一目了然,讓用戶輕易展開后續(xù)操作。
還有一點(diǎn)注意的是,按鈕的大小,尺寸和兩個(gè)按鈕之間的距離,如果是PC端的網(wǎng)站還好,如果是單獨(dú)的移動(dòng)端網(wǎng)站,或者是響應(yīng)式的小程序設(shè)計(jì),就要注意按鈕的尺寸和兩個(gè)按鈕之間的距離了。因?yàn)楫?dāng)用戶訪問網(wǎng)站是使用的移動(dòng)設(shè)備,那么就要考慮按鈕的大小,按鈕過小的話,人的手指點(diǎn)上去會(huì)非常的費(fèi)勁。如果過大的話,兩個(gè)按鈕之間又沒有一定的間距,則有可能導(dǎo)致誤操作,這樣都會(huì)讓用戶的體驗(yàn)度變差。經(jīng)過研究發(fā)現(xiàn),正常人的食指指肚的大小平均應(yīng)該在10-14毫米,指尖是8-10毫米,所以做一個(gè)10*10毫米的按鈕應(yīng)該是合理的網(wǎng)頁按鈕設(shè)計(jì)。
關(guān)于按鈕的設(shè)計(jì),今天成都網(wǎng)站設(shè)計(jì)全美就分享這么多,其實(shí)還有很多需要注意和比較好的按鈕設(shè)計(jì),都需要我們一起去發(fā)現(xiàn),一起去挖掘。