2017-03-05 23 views
-2

enter image description here 請看到我工作的一個應用程序的上面的截圖。我們正在嘗試確定按鈕的顏色,以使用戶儘可能清楚各種按鈕的功能。如何在按鈕有很多不同的動作時着色?

在這個頁面上,總共有8個按鍵,涉及到不同的領域。

行動 編輯 保存

刪除警報 更新警報

添加註釋

撤消 保存

有沒有人對什麼是最好的辦法是顏色明智什麼建議?

+3

這不是一個編程問題,它是一個設計問題,所以它是堆棧溢出的主題。 –

+0

Stack Overflow有一個「設計」類別,所以假設它不是脫離主題。 @PatrickHund – Philip

+0

如果您看一下設計類別的描述,您會發現它是關於軟件設計的:「編程中的設計就是做出關於如何最好地構建程序,實現可靠性目標,可維護性,正確性或易用性。「 –

回答

0

這個問題在原則上是題外話上如此,但它一直是幾天,而不是核爆,所以我會嘗試。

一般來說是一個壞主意來表示顏色的行動。顏色充其量表示安全/不安全的行爲。如果你有(說)10個按鈕,那麼用10種不同的顏色來繪製它們可能不會很好。作爲參考,您可以使用他們在航空公司駕駛艙中使用的顏色代碼scheme。他們有大量的按鈕,但只用一組固定的顏色來繪製它們。

在軟件方面,我們有不同的是類似的模式在這裏我們可以使用圖標。你可以找到大部分軟件:灰色禁用,紅色不安全(如刪除),全部使用通用控制面顏色,這取決於整體主題。對於像保存,撤消,重做,添加,刪除等重要功能的按鈕,使用小圖標(16x16)。以buttons with only text,buttons with only iconsbuttons with both text and icon按照優先順序排列。使用顏色來表示安全。

還要注意的是在屏幕上太多的顏色/圖標可能會分散你的用戶,不得看起來非常優雅或業務等。根據您的目標受衆,這可能會或可能不會有所幫助。還要注意,真正很大一部分人口的顏色感覺並不是很好,而且很多都是色盲。當使用顏色來傳達信息時,這個人口會錯過它。出於這個原因,交通信號使用特定的顏色陰影。

+0

謝謝你。 – Philip

0

即使給應用程序上的每個按鈕賦予不同的顏色也不是一個好主意。不過,您可以根據按鈕的圖標,大小和顏色來顯示差異。檢查這個link得到一些想法。