1. 范式——從書中尋找解決方案

目前得到普遍認可的原理，就是范式。對于設計理論，不同的人會有不同的見解。什么是普遍認可的理論呢？專業(yè)的書籍是我們獲取設計范式的最主要途徑，對年輕的設計師而言，我覺得這一點尤為重要。

2. 廣博——看線上優(yōu)秀產(chǎn)品是如何處理這個問題的

任何知識都是不斷迭代和完善的，只有廣博，才能不斷驗證和更新從書中得到的設計范式。而分析優(yōu)秀的產(chǎn)品是廣博的主要途徑。

3. 輸出——結論與應用

根據(jù)從上面兩個步驟得出的結論，總結分析是否能應用到自己的設計中。

這是我目前學習的主要方法，如果你有更好的方法，可以留言交流。

下面分享通過這三個步驟我得出的關于按鈕設計的結論。

一、按鈕的種類

按鈕屬于命令控件，包括普通按鈕，圖標按鈕，文字按鈕。

1. 普通按鈕

2. 圖標按鈕

3. 文字按鈕

二、如何保證按鈕的識別性與易學性

1. 用視覺樣式告訴人們此處可以點擊

在扁平化設計之前，按鈕都具有三維凸起的特征，這一特征我們仍可以學習。給按鈕添加適當?shù)年幱埃幱翱梢允乖赝怀鲇诒尘?，這樣更容易使用戶識別它的可點擊性。

2. 保持一致性

一個網(wǎng)站的按鈕形狀盡量保持一致，用矩形就都用矩形，用圓角矩形就都用圓角矩形，用戶會將特定形狀的元素識別為「按鈕」，一致性會為用戶提供更加熟悉的體驗，減少用戶學習成本。

3. 使用高效率，易懂的文案

按鈕上的文字「確定、取消」用更加生動確切的文字替換。

這里引用上篇文章的例子：

4. 使用合適的圖標

箭頭朝右，可能意味著離開此頁；箭頭朝下，可能意味著打開下面的內容，或者打開下面的菜單。

網(wǎng)易郵箱里的「發(fā)送」按鈕用了圖標紙飛機，不僅提高了按鈕的易讀性，同時也和其他按鈕做了很好的區(qū)分，提高了發(fā)送按鈕的優(yōu)先級。

三、按鈕的反饋狀態(tài)

按鈕在操作中一定要有反饋，來讓用戶明白自己的操作發(fā)生了什么。

按鈕的狀態(tài)有默認狀態(tài)、懸停狀態(tài)、點擊狀態(tài)、禁用狀態(tài)、忙碌狀態(tài)。

四、禁用狀態(tài)又有以下幾點要注意

1. 明顯區(qū)分

禁用狀態(tài)和可用狀態(tài)的樣式要有明顯的區(qū)別，讓用戶清晰的知道這個按鈕不可點擊。

2. 禁用狀態(tài)下要給用戶相應的反饋

當鼠標移動到禁用狀態(tài)下的按鈕時，用提示工具向用戶解釋禁用的原因。

3. 禁用狀態(tài)的按鈕是可見還是隱藏

禁用狀態(tài)下的按鈕的可見性取決于它在界面中的位置與功能屬性。

五、確定放左還是右？

對于這一問題，不同的平臺，不同的軟件都不太一樣。

windows 是確定在左，取消在右。

而 mac 系統(tǒng)是確定在右，取消在左。

為了使用戶有一致的體驗，最好的方式是不同的平臺使用不同平臺的規(guī)范，但是當我們的設計是基于網(wǎng)頁的時候，該如何安排確定和取消的位置呢？

我本人更傾向于「確定」在右，「取消」在左，「確定」意味著進入到下一步，「取消」意思是返回到上一步，基于用戶對「上一步」和「下一步」的使用習慣，也應該是確定在右，取消在左。

六、不同優(yōu)先級按鈕的設計

當我們的界面功能比較多時，就會出現(xiàn)比較多的功能按鈕，這些功能按鈕肯定會有優(yōu)先級，這個時候我們就需要設計一套一級按鈕，二級按鈕和三級按鈕，甚至更多。

本文來源于成都網(wǎng)站建設公司與成都網(wǎng)站設計制作公司-創(chuàng)新互聯(lián)成都公司！

分享題目：按鈕的設計說明
分享鏈接：http://www.aaarwkj.com/news27/314177.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站策劃、企業(yè)建站、服務器托管、網(wǎng)站導航、搜索引擎優(yōu)化、標簽優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)