在按鈕上使用什么文字傳遞給用戶(hù)非常重要。需要言簡(jiǎn)意賅,直接明了,如:注冊(cè)、下載、創(chuàng)建、免費(fèi)試玩等,甚至有時(shí)候用“點(diǎn)擊進(jìn)入”,這一點(diǎn)上就是千萬(wàn)不要讓觀(guān)者去思考,越簡(jiǎn)單、越直接越好
4.按鈕的尺寸
通常來(lái)講,一個(gè)頁(yè)面當(dāng)中按鈕的大小也決定了其本身的重要級(jí)別,但也不是越大越好,尺寸應(yīng)該適中,因?yàn)榘粹o大到一定程度,會(huì)讓人覺(jué)得那不像按鈕,潛意識(shí)的認(rèn)為那是一塊區(qū)域,導(dǎo)致沒(méi)有點(diǎn)擊欲望
5.讓其充分通
你的按鈕不能和網(wǎng)頁(yè)中的其他元素?cái)D在一起。它需要充足的margin(外邊距)才能更加突出,也需要更多的padding(內(nèi)邊距)才能讓文字更容易閱讀
6.注意鼠標(biāo)滑過(guò)的效果
給予較為重要的按鈕適當(dāng)加一些鼠標(biāo)滑過(guò)的效果,會(huì)有力的增強(qiáng)按鈕的點(diǎn)擊感,給用戶(hù)帶來(lái)良好的用戶(hù)體驗(yàn),起到畫(huà)龍點(diǎn)睛的作用。這里要注意的是,不太適合按鈕集中的地方,每個(gè)都增加高亮的鼠標(biāo)滑過(guò)的效果,這樣會(huì)造成視覺(jué)過(guò)于雜亂,影響用戶(hù)瀏覽的舒適度,所以要強(qiáng)調(diào)的是“恰當(dāng)”地添加鼠標(biāo)滑過(guò)的效果
設(shè)計(jì)師在平常的工作當(dāng)中,經(jīng)常會(huì)遇到一些按鈕修改的意見(jiàn),時(shí)不時(shí)聽(tīng)到產(chǎn)品人員提到“讓這個(gè)按鈕更像個(gè)按鈕”,面對(duì)這樣的問(wèn)題,不防從上面的6個(gè)方向去思考與改進(jìn)
其實(shí)在我們平常的設(shè)計(jì)當(dāng)中有很多重量級(jí)不那么高的按鈕,需要“低調(diào)”處理,也就是說(shuō)在一個(gè)頁(yè)面當(dāng)中,眾多的按鈕,是有功能優(yōu)先級(jí)別的,這樣就務(wù)必讓一堆按鈕也呈現(xiàn)出視覺(jué)的優(yōu)先級(jí)別。如下面的圖片,右邊的按鈕群除了大小、位置區(qū)分了優(yōu)先級(jí)之外,很重要的一點(diǎn)是色塊的區(qū)分,高飽和色塊的按鈕群是不建議存在的。高飽和色調(diào)的應(yīng)用往往是為了突出重點(diǎn),而非強(qiáng)調(diào)整體,所以這種局面的處理方式建議用眾多的低飽和色調(diào)來(lái)襯托小部分高飽和的重點(diǎn)信息
二、游戲按鈕視覺(jué)表現(xiàn)
在眾多的游戲官網(wǎng)中,可以看到各式各樣的游戲按鈕,相對(duì)于一般商務(wù)型按鈕來(lái)講,游戲性按鈕更加在意的是質(zhì)感上面的表現(xiàn),比如金屬、石頭、玻璃、木頭、塑膠等等,通過(guò)質(zhì)感的選擇表現(xiàn)來(lái)表達(dá)游戲本身的特質(zhì)
上圖是韓版C9預(yù)告站的畫(huà)面,其中的按鈕是屬于金屬質(zhì)感的表現(xiàn),瀏覽完這個(gè)預(yù)告站,這些按鈕給我留下了非常深刻的印象,認(rèn)真究其原因,你會(huì)發(fā)現(xiàn)設(shè)計(jì)師同樣是從金屬質(zhì)感出發(fā),結(jié)合游戲本身的某些特點(diǎn),努力找到一些不同于常規(guī)金屬按鈕的特點(diǎn),比如圓角處的凸起、下面中間部分的延展圖紋,然后進(jìn)行細(xì)膩刻畫(huà),最后在整個(gè)網(wǎng)站里進(jìn)行統(tǒng)一的應(yīng)用,讓人印象深刻。雖然只是頁(yè)面里的一些功能按鈕,卻讓我記住了這個(gè)網(wǎng)站,記住了C9。小結(jié)是,建議在對(duì)游戲按鈕進(jìn)行設(shè)計(jì)的時(shí)候,能夠盡可能結(jié)合游戲的特質(zhì),究其獨(dú)特性,細(xì)膩的刻畫(huà),然后做到系統(tǒng)的應(yīng)用,達(dá)到視覺(jué)的統(tǒng)一性(這種在游戲官網(wǎng)上的應(yīng)用尤為重要)
上面三個(gè)按鈕分別截取于韓版CF、AVA、特種部隊(duì)的網(wǎng)頁(yè)畫(huà)面,同樣是FPS游戲,在按鈕的刻畫(huà)上卻相差甚遠(yuǎn),當(dāng)然,仔細(xì)再去瀏覽更多的頁(yè)面,也會(huì)發(fā)現(xiàn),就算是都屬于CF的頁(yè)面,不同頁(yè)面的按鈕表現(xiàn)也各有不同,但我們可以找到他們的共性,這些別樣的按鈕基本都是整個(gè)畫(huà)面的重點(diǎn)視覺(jué)訴求,也是功能的重要點(diǎn),他們的特點(diǎn)是考慮游戲的定位,然后再根據(jù)每次要表達(dá)的主題,變化性的設(shè)計(jì)按鈕,也許有游戲特點(diǎn),也許比較中性,但最終的效果是以求達(dá)到整體畫(huà)面的協(xié)調(diào)與重點(diǎn)的突出。(這種按鈕的變化就比較適合各種專(zhuān)題的設(shè)計(jì)表現(xiàn)上
0
喜歡他,就推薦他上首頁(yè)吧^_^
0371-86068866
4008887269
cndesign@163.com
CND設(shè)計(jì)網(wǎng)(CNDESIGN)會(huì)員所發(fā)布展示的 “原創(chuàng)作品/文章” 版權(quán)歸原作者所有,任何商業(yè)用途均需聯(lián)系作者。如未經(jīng)授權(quán)用作他處,作者將保留追究侵權(quán)者法律責(zé)任的權(quán)利。
Copyright ©2006-2019 CND設(shè)計(jì)網(wǎng)
移動(dòng) Android 版
豫 ICP 備16038122號(hào)-2
豫公網(wǎng)安備 41019702002261號(hào)