日本免费全黄少妇一区二区三区-高清无码一区二区三区四区-欧美中文字幕日韩在线观看-国产福利诱惑在线网站-国产中文字幕一区在线-亚洲欧美精品日韩一区-久久国产精品国产精品国产-国产精久久久久久一区二区三区-欧美亚洲国产精品久久久久

  1. 首頁 > 云知道 > >

網(wǎng)頁的按鈕怎么設(shè)計

云知道網(wǎng)頁設(shè)計


網(wǎng)頁的按鈕怎么設(shè)計


說起按鈕，不得不先提一下鏈接，因為在大部分人看來，似乎按鈕與鏈接差不多，都是完成一個頁面的跳轉(zhuǎn) 。其實不然，按鈕與鏈接還是有一定的區(qū)別 。
先簡單說說他們的區(qū)別吧 。
按鈕：按鈕代表著“做某件事”，即點擊了按鈕代表著操作了一個功能，做的這件事是有后果的，不易挽回的 。例如典型的google，QQ郵箱 。像信息搜索、回復(fù)、注冊，他們的共同點是：都是在“做”一件事，并且絕大多數(shù)都是對表單的提交 。從技術(shù)上講，這類按鈕的作用是向后臺提交了數(shù)據(jù)，“命令”服務(wù)器去做了一件事 。
鏈接：鏈接的作用是：“帶你去另一個頁面”，你無論點幾次鏈接，都是在“看”，而并沒有“做”任何事 。典型的鏈接是文字標(biāo)題，點擊了去看詳情 。
假如這樣嚴(yán)格來區(qū)分按鈕與鏈接的區(qū)別，好處是在邏輯上會非常清晰 。然而，現(xiàn)實的問題是，按這種思路設(shè)計出來的網(wǎng)站，在一些需要被強化的地方，一些需要引導(dǎo)用戶點擊的地方，僅用鏈接很難在視覺上突出表現(xiàn) 。再回到我們游戲頁面設(shè)計的現(xiàn)狀來看，其實按鈕與鏈接也并沒有嚴(yán)格區(qū)分，而且，假如嚴(yán)格區(qū)分，跟我們要表達(dá)視覺上的優(yōu)先級別會有沖突 。典型案例：各游戲引導(dǎo)頁里的“進(jìn)入官網(wǎng)”，嚴(yán)格來講，它的作用也只是讓觀者順利跳轉(zhuǎn)到另一個頁面，是屬于鏈接，但這個往往是我們特別強調(diào)的“按鈕” 。所以在游戲頁面的設(shè)計過程中，是否需要嚴(yán)格區(qū)分兩者的區(qū)別，還有待討論……
小結(jié)一下當(dāng)前大部分人理解的按鈕：有一個外框(這個框可以是任何幾何形體，比如方、圓、橢圓等等)，再上面有一些文字(比如：下載、注冊、充值、搜索、登錄，抽獎等等)，滿足了這兩個基本條件的，大家就認(rèn)為是按鈕，按鈕的本質(zhì)特點就是可以點擊 。
一、下面是針對沒有嚴(yán)格區(qū)分兩者關(guān)系的按鈕視覺表現(xiàn)探討
當(dāng)前在頁面里要強調(diào)的鏈接自然會以按鈕的形式表現(xiàn)，尤其所謂重量級按鈕是促成觀者完成頁面功能的一個很重要的部分，所以對于其本身來講，應(yīng)該具有“勾引眼球”的效果 。對于一個可以起到“勾引”作用的按鈕，建議從下面幾個方面來思考 。
1.按鈕本身的用色
本身的顏色應(yīng)該區(qū)別于它周邊的環(huán)境色，因此它要更亮而且有高對比度的顏色 。
2.按鈕的位置
按鈕的位置也需要仔細(xì)考究，基本原則是要容易找到，特別重要的按鈕應(yīng)該處在畫面的中心位置 。
3.按鈕上面的文字表述
在按鈕上使用什么文字傳遞給用戶非常重要 。需要言簡意賅，直接明了，如：注冊、下載、創(chuàng)建、免費試玩等，甚至有時候用“點擊進(jìn)入”，這一點上就是千萬不要讓觀者去思考，越簡單、越直接越好 。
4.按鈕的尺寸
通常來講，一個頁面當(dāng)中按鈕的大小也決定了其本身的重要級別，但也不是越大越好，尺寸應(yīng)該適中，因為按鈕大到一定程度，會讓人覺得那不像按鈕，潛意識的認(rèn)為那是一塊區(qū)域，導(dǎo)致沒有點擊欲望 。
5.讓其充分通透
你的按鈕不能和網(wǎng)頁中的其他元素擠在一起 。它需要充足的margin(外邊距)才能更加突出，也需要更多的padding(內(nèi)邊距)才能讓文字更容易閱讀 。
6.注意鼠標(biāo)滑過的效果
給予較為重要的按鈕適當(dāng)加一些鼠標(biāo)滑過的效果，會有力的增強按鈕的點擊感，給用戶帶來良好的用戶體驗，起到畫龍點睛的作用 。這里要注意的是，不太適合按鈕集中的地方，每個都增加高亮的鼠標(biāo)滑過的效果，這樣會造成視覺過于雜亂，影響用戶瀏覽的舒適度，所以要強調(diào)的是“恰當(dāng)”地添加鼠標(biāo)滑過的效果 。

推薦閱讀