亚洲网站黄色-亚洲网在线观看-亚洲网在线-亚洲图色视频-99re6这里有精品热视频在线-99re6在线视频精品免费下载

用靈魂感悟設計 · 用設計創造價值
WITH SOUL FEELING DESIGN WITH DESIGN TO CREATE VALUE
您當前位置:  設計中國    ⁄    網頁設計    ⁄ 資訊內容

網頁設計中的按鈕

作者:admin      來源:互聯網      發布時間: 2017/6/19 14:15:37     瀏覽:
按鈕:按鈕代表著“做某件事”,即點擊了按鈕代表著操作了一個功能,做的這件事是有后果的,不易挽回的。

  說起按鈕,不得不先提一下鏈接,因為在大部分人看來,似乎按鈕與鏈接差不多,都是完成一個頁面的跳轉。其實不然,按鈕與鏈接還是有一定的區別。

  先簡單說說他們的區別吧。

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

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

  假如這樣嚴格來區分按鈕與鏈接的區別,好處是在邏輯上會非常清晰。然而,現實的問題是,按這種思路設計出來的網站,在一些需要被強化的地方,一些需要引導用戶點擊的地方,僅用鏈接很難在視覺上突出表現。再回到我們游戲頁面設計的現狀來看,其實按鈕與鏈接也并沒有嚴格區分,而且,假如嚴格區分,跟我們要表達視覺上的優先級別會有沖突。典型案例:各游戲引導頁里的“進入官網”,嚴格來講,它的作用也只是讓觀者順利跳轉到另一個頁面,是屬于鏈接,但這個往往是我們特別強調的“按鈕”。所以在游戲頁面的設計過程中,是否需要嚴格區分兩者的區別,還有待討論……

  小結一下當前大部分人理解的按鈕:有一個外框(這個框可以是任何幾何形體,比如方、圓、橢圓等等),再上面有一些文字(比如:下載、注冊、充值、搜索、登錄,抽獎等等),滿足了這兩個基本條件的,大家就認為是按鈕,按鈕的本質特點就是可以點擊。

  一、下面是針對沒有嚴格區分兩者關系的按鈕視覺表現探討

  當前在頁面里要強調的鏈接自然會以按鈕的形式表現,尤其所謂重量級按鈕是促成觀者完成頁面功能的一個很重要的部分,所以對于其本身來講,應該具有“勾引眼球”的效果。對于一個可以起到“勾引”作用的按鈕,建議從下面幾個方面來思考。

  1、按鈕本身的用色

  本身的顏色應該區別于它周邊的環境色,因此它要更亮而且有高對比度的顏色。

  2、按鈕的位置

  按鈕的位置也需要仔細考究,基本原則是要容易找到,特別重要的按鈕應該處在畫面的中心位置。

  3、按鈕上面的文字表述

  在按鈕上使用什么文字傳遞給用戶非常重要。需要言簡意賅,直接明了,如:注冊、下載、創建、免費試玩等,甚至有時候用“點擊進入”,這一點上就是千萬不要讓觀者去思考,越簡單、越直接越好。

  4、按鈕的尺寸

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

  5、讓其充分通透

  你的按鈕不能和網頁中的其他元素擠在一起。它需要充足的margin(外邊距)才能更加突出,也需要更多的padding(內邊距)才能讓文字更容易閱讀。

  6、注意鼠標滑過的效果

  給予較為重要的按鈕適當加一些鼠標滑過的效果,會有力的增強按鈕的點擊感,給用戶帶來良好的用戶體驗,起到畫龍點睛的作用。這里要注意的是,不太適合按鈕集中的地方,每個都增加高亮的鼠標滑過的效果,這樣會造成視覺過于雜亂,影響用戶瀏覽的舒適度,所以要強調的是“恰當”地添加鼠標滑過的效果。

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

  其實在我們平常的設計當中有很多重量級不那么高的按鈕,需要“低調”處理,也就是說在一個頁面當中,眾多的按鈕,是有功能優先級別的,這樣就務必讓一堆按鈕也呈現出視覺的優先級別。如下面的圖片,右邊的按鈕群除了大小、位置區分了優先級之外,很重要的一點是色塊的區分,高飽和色塊的按鈕群是不建議存在的。高飽和色調的應用往往是為了突出重點,而非強調整體,所以這種局面的處理方式建議用眾多的低飽和色調來襯托小部分高飽和的重點信息。

  二、游戲按鈕視覺表現

  在眾多的游戲官網中,可以看到各式各樣的游戲按鈕,相對于一般商務型按鈕來講,游戲性按鈕更加在意的是質感上面的表現,比如金屬、石頭、玻璃、木頭、塑膠等等,通過質感的選擇表現來表達游戲本身的特質。


主站蜘蛛池模板: 国产欧美日韩视频在线观看 | 国产精品一区二区久久精品 | 欧美日韩高清在线 | 久久综合爱 | 亚洲欧美日韩中文无线码 | 亚洲一区二区在线成人 | 国产高清免费在线观看 | 悠悠久久 | 国产最新精品视频 | 一区二区三区中文字幕 | 精品国产91久久久久 | 国产亚洲欧美日韩综合另类 | 日韩1页| 欧美日韩大片 | 国产精品视频一区二区三区w | 国产对白在线播放九色 | 国产在线精品一区二区三区不卡 | 亚洲精彩视频在线观看 | 国产成人三级经典中文 | 亚洲一区二区三区一品精 | 国产亚洲精品a在线观看app | 一区二区三区在线视频播放 | 国产性做久久久久久 | 婷婷在线视频观看 | 亚洲欧美日韩综合在线 | 欧美日韩亚洲无线码在线观看 | 九九九九热精品免费视频 | 久久91精品国产99久久yfo | 精品一区二区三区视频日产 | 毛片一级免费 | 欧美激情亚洲图片 | 亚洲国产系列一区二区三区 | 高清精品一区二区三区一区 | 日本成人一区二区 | 国产亚洲欧美一区二区三区 | 欧美激情一区二区三区 | 国产区视频在线 | 综合亚洲一区二区三区 | 麻豆精品久久久 | 天天爱夜夜操 | 久色视频在线 |