1. 程式人生 > 實用技巧 >UI設計按鈕圖示素材幹貨模板

UI設計按鈕圖示素材幹貨模板

按鈕圖示 的設計原則

尺寸

大小是告知使用者佈局元素的重要性和構建元件層次結構的核心方法之一。一個有吸引力和高效的號召性用語按鈕需要足夠大,以便能夠快速找到,但不要太大,以免佈局結構被破壞。設計規範對按鈕對尺寸有嚴格的建議,Apple建議移動UI中的CTA應至少為44Х44畫素,而Microsoft推薦34Х26畫素。如果您為移動設計,對不同型別的按鈕的要求可能非常嚴格,因此要徹底研究設計規範指南,以最大限度地降低因UI設計不佳而導致應用拒絕的風險。

顏色

為了使一些按鈕容易引人注意並且一些次要按鈕,選擇合適的顏色至關重要。問題在於人類的情緒和行為與視覺環境高度相關,而顏色是這方面最強大的工具之一。在為CTA選擇顏色時要記住這一點至關重要:按鈕和背景顏色必須對比良好才能使按鈕從其他UI元件中快速脫穎而出。

形狀

至於CTA按鈕,它們通常看起來像水平矩形。原因是你要清楚這個按鈕是可點選和互動的,人們習慣將這個形狀看作一個按鈕。按鈕的形狀還要與網頁或者app的設計風格保持一致。

位置

按鈕的放置位置對於構建可靠的視覺層次結構和清晰的導航至關重要。如果它們位於使用者眼睛無法捕捉到的區域,則其他視覺方面(例如顏色和大小)可能無法有效工作。設計人員必須學習可掃描的區域,並在使用者可以操作的空間中放置核心功能的按鈕。

可臨摹圖示素材,學習的好幫手!

下載按鈕PSD

帶有燈光和陰影PSD的開關

PSD按鈕和開關

關閉PSD按鈕