不同場景的按鈕設(shè)計要求也不同,場景內(nèi)的按鈕要統(tǒng)一設(shè)計標(biāo)準(zhǔn),做好用戶點擊引導(dǎo),尤其是手機網(wǎng)站制作,由于手機網(wǎng)站的屏幕限制,如果設(shè)計沒有做好引導(dǎo),很容易造成頁面的按鈕信息混亂,用戶認(rèn)知錯誤,體驗感差。
因此,小編今天就給大家講講手機網(wǎng)站不同場景的按鈕該如何設(shè)計。
一、單個按鈕

單個按鈕的場景一般有兩種,一種是手機網(wǎng)站的主要操作按鈕,這種按鈕承載網(wǎng)站想要用戶操作的強烈意愿,如作品集網(wǎng)站想要用戶上傳作品,“上傳”按鈕就會放在顯眼的位置,還有高調(diào)的設(shè)計,借此吸引用戶。
還有一種是,具有“開關(guān)”性質(zhì)的按鈕,一般是手機網(wǎng)站的設(shè)置類按鈕,網(wǎng)站需要獲得用戶的某些許可,或是用戶主觀上需要開通某一個功能或權(quán)限等。這種按鈕使用微互動設(shè)計,用戶輕輕點擊,按鈕模仿實景的進行滑動,按鈕的顏色隨著操作的不同進行切換,整個操作過程及其結(jié)果都是清晰且直觀的。
二、兩個按鈕

兩個按鈕的場景需要用戶進行判斷哪一個按鈕對他更有價值。手機網(wǎng)站制作這種場景的按鈕時,首先要選一個點擊率較高的、用戶更想要點擊的按鈕,給它更精致、突出的設(shè)計,讓它與另一個按鈕形成明顯的區(qū)別,用戶能一眼看見它、點擊它。
三、三個及其以上的按鈕組

三個及其以上的按鈕要按照按鈕組的設(shè)計原則來設(shè)計,統(tǒng)一的按鈕框、字體設(shè)計,讓其保持一致性,統(tǒng)一的視覺設(shè)計讓用戶快速領(lǐng)悟其功能的相似性。按鈕組的出現(xiàn),意味著版塊內(nèi)容的多樣性,如商城網(wǎng)站的商品評價區(qū),其中會有不同的評價分類,每個分類會有不同的按鈕提供給用戶點擊查看,內(nèi)容更有條理,也更便于用戶需找信息。
雖然手機網(wǎng)站不同場景的按鈕的設(shè)計原則不同,但是整個手機網(wǎng)站的按鈕在某一細(xì)節(jié)設(shè)計上要有統(tǒng)一的標(biāo)準(zhǔn),比如形狀、顏色、或是文案大小等,這是為了在視覺上保持手機網(wǎng)站制作的統(tǒng)一性,不會讓用戶產(chǎn)生另外跳轉(zhuǎn)網(wǎng)站的錯覺。