網頁規劃的按鈕評論

說起按鈕，不得不先提一下鏈接，因為在大部分人看來，好像按鈕與鏈接差不多，都是完結一個頁面的跳轉。其實不然，按鈕與鏈接還是有必定的差異。

先簡略說說他們的差異吧。

按鈕：按鈕代表著“做某件事”，即點擊了按鈕代表著操作了一個功用，做的這件事是有結果的，不易拯救的。例如典型的google，QQ郵箱。像信息查找、回復、注冊，他們的共同點是：都是在“做”一件事，并且絕大多數都是對表單的提交。從技能上講，這類按鈕的作用是向后臺提交了數據，“指令”服務器去做了一件事。

鏈接：鏈接的作用是:“帶你去另一個頁面”，你無觀點幾次鏈接，都是在“看”，而并沒有“做”任何事。典型的鏈接是文字標題，點擊了去看概況。

假設這樣嚴厲來差異按鈕與鏈接的差異，好處是在邏輯上會十分清晰。然而，實際的問題是，按這種思路規劃出來的網站，在一些需求被強化的當地，一些需求引導用戶點擊的當地，僅用鏈接很難在視覺上杰出體現。再回到我們游戲頁面規劃的現狀來看，其實按鈕與鏈接也并沒有嚴厲差異，而且，假設嚴厲差異，跟我們要表達視覺上的優先等級會有抵觸。典型案例：各游戲引導頁里的“進入官網”，嚴厲來講，它的作用也僅僅讓觀者順暢跳轉到另一個頁面，是歸于鏈接，但這個往往是我們特別著重的“按鈕”。所以在游戲頁面的規劃過程中，是否需求嚴厲差異兩者的差異，還有待評論……

小結一下當時大部分人理解的按鈕：有一個外框（這個框能夠是任何幾何形體，比方方、圓、橢圓等等），再上面有一些文字（比方：下載、注冊、充值、查找、登錄，抽獎等等），滿意了這兩個根本條件的，大家就認為是按鈕，按鈕的本質特色便是能夠點擊。

一、下面是針對沒有嚴厲差異兩者聯系的按鈕視覺體現評論

當時在頁面里要著重的鏈接自然會以按鈕的形式體現，尤其所謂重量級按鈕是促成觀者完結頁面功用的一個很重要的部分，所以對于其自身來講，應該具有“蠱惑眼球”的作用。對于一個能夠起到“蠱惑”作用的按鈕，主張從下面幾個方面來考慮。

1.按鈕自身的用色

自身的色彩應該差異于它周邊的環境色，因而它要更亮而且有高對比度的色彩。

2.按鈕的方位

按鈕的方位也需求細心講究，根本原則是要容易找到，特別重要的按鈕應該處在畫面的中心方位。

3.按鈕上面的文字表述

在按鈕上運用什么文字傳遞給用戶十分重要。需求言簡意賅，直接明晰，如:注冊、下載、創建、免費試玩等，乃至有時候用“點擊進入”，這一點上便是千萬不要讓觀者去考慮，越簡略、越直接越好。

4.按鈕的尺度

通常來講，一個頁面當中按鈕的巨細也決定了其自身的重要等級，但也不是越大越好，尺度應該適中，因為按鈕大到必定程度，會讓人覺得那不像按鈕，潛意識的認為那是一塊區域，導致沒有點擊欲望。

5.讓其充分通透

你的按鈕不能和網頁中的其他元素擠在一同。它需求充足的margin(外邊距)才能愈加杰出，也需求更多的padding(內邊距)才能讓文字更容易閱覽。

6.注意鼠標滑過的作用

給予較為重要的按鈕適當加一些鼠標滑過的作用，會有力的增強按鈕的點擊感，給用戶帶來杰出的用戶體會，起到畫龍點睛的作用。這兒要注意的是，不太合適按鈕會集的當地，每個都添加高亮的鼠標滑過的作用，這樣會造成視覺過于凌亂，影響用戶閱讀的舒適度，所以要著重的是“恰當”地添加鼠標滑過的作用。

規劃師在平常的工作當中，經常會遇到一些按鈕修改的意見，時不時聽到產品人員提到“讓這個按鈕更像個按鈕”，面對這樣的問題，不防從上面的6個方向去考慮與改善。

其實在我們平常的規劃當中有很多重量級不那么高的按鈕，需求“低沉”處理，也便是說在一個頁面當中，很多的按鈕，是有功用優先等級的，這樣就務必讓一堆按鈕也呈現出視覺的優先等級。如下面的圖片，右邊的按鈕群除了巨細、方位差異了優先級之外，很重要的一點是色塊的差異，高飽和色塊的按鈕群是不主張存在的。高飽和色調的使用往往是為了杰出要點，而非著重整體，所以這種局面的處理方式主張用很多的低飽和色調來襯托小部分高飽和的要點信息。

二、游戲按鈕視覺體現

在很多的游戲官網中，能夠看到各式各樣的游戲按鈕，相對于一般商務型按鈕來講，游戲性按鈕愈加在意的是質感上面的體現，比方金屬、石頭、玻璃、木頭、塑膠等等，經過質感的挑選體現來表達游戲自身的特質。

上圖是韓版C9預告站的畫面，其中的按鈕是歸于金屬質感的體現，閱讀完這個預告站，這些按鈕給我留下了十分深入的印象，認真究其原因，你會發現規劃師同樣是從金屬質感出發，結合游戲自身的某些特色，努力找到一些不同于常規金屬按鈕的特色，比方圓角處的凸起、下面中間部分的延展圖紋，然后進行細膩描寫，最后在整個網站里進行統一的使用,讓人印象深入。盡管僅僅頁面里的一些功用按鈕，卻讓我記住了這個網站，記住了C9。小結是，主張在對游戲按鈕進行規劃的時候，能夠盡可能結合游戲的特質，究其獨特性，細膩的描寫，然后做到系統的使用，到達視覺的統一性（這種在游戲官網上的使用尤為重要）。

上面三個按鈕別離截取于韓版CF、AVA、特種部隊的網頁畫面，同樣是FPS游戲，在按鈕的描寫上卻相差甚遠，當然，細心再去閱讀更多的頁面，也會發現，就算是都歸于CF的頁面，不同頁面的按鈕體現也各有不同，但我們能夠找到他們的共性，這些異樣的按鈕根本都是整個畫面的要點視覺訴求，也是功用的重要點，他們的特色是考慮游戲的定位，然后再依據每非必須表達的主題，改變性的規劃按鈕，或許有游戲特色，或許比較中性，但最終的作用是以求到達整體畫面的協調與要點的杰出。（這種按鈕的改變就比較合適各種專題的規劃體現上）

結束語：請注重按鈕的體現。