設計按鈕要同頁面的整體協(xié)調,不能太搶眼;有的頁面很單調,還要依靠花哨的按鈕來提一下,今天小編主要給大家分享網頁設計的按鈕設計要點,希望對你們有幫助!
一、按鈕
在網頁設計中,按鈕設計常常被忽略,但卻扮演著非常重要的角色。在網頁設計中,按鈕與鏈接功能相似,因都是經過點擊后到達另一頁面或實現(xiàn)某種目的,但兩者之間又有著實際的區(qū)別。
按鈕表示"做某事",也就是說,單擊按鈕代表著操作了一個功能,做的這件事是有后果的,不易挽回的,并且絕大多數(shù)都是對表單的提交。從技術上講,這些按鈕的功能是將數(shù)據(jù)提交到后臺,"命令"服務器去做一件事。這個鏈接就是把你帶到另一個頁面,從功能屬性的角度來看,它是看,而不是做。
按鈕和鏈接的另一個區(qū)別是它的眼球效果。因此,按鈕本身的顏色也很講究。在按鈕設計中,它自身的顏色應該與周圍的環(huán)境顏色不同,所以它應該更明亮,并且有一個高對比度的顏色。
其次,基本原則是要容易找到,特別重要的按鈕應該處在畫面的中心位置。另外,按鈕上的文字需要言簡意賅,直接明了,在按鈕上使用什么文字傳遞給用戶非常重要,千萬不要讓觀者去思考,越簡單、越直接越好。
在尺寸上按鈕不是越大越好,要嚴格控制大小。按鈕應該是完全透明的,不應該和頁面的其它元素擠在一起。它需要充足的margin(外邊距)才能更加突出,也需要更多的
padding(內邊距)才能讓文字更容易閱讀。
更后,就是注意鼠標滑動的效果,這將有效地增強點擊按鈕的感覺,給用戶帶來良好的用戶體驗,起到畫龍點睛的作用。
二、整體規(guī)劃
有共性,才有統(tǒng)一性,有細節(jié)差異,就有層次;為了防止設計和實施過程中的偏差,設計的各個部分,要配合整體風格,不僅網頁上的設計應該統(tǒng)一,而且網站各項設計的也應該統(tǒng)一。
不要把太多的信息集中起來,這樣文章就不會組織得太緊,不要有太多分散注意力的點,動態(tài)閃爍應適度,頁面的空白部分應按照平面設計原則設計,注意分欄式結構不宜留白,還應考慮瀏覽器上占用的屏幕空間,防止圖片截斷等造成視覺效果差。
主頁設計圖片+導航,這是一個強大的網站表達,可以根據(jù)時間的變化改變圖片。