今天25學堂跟大家聊聊手機APP界面設計規范之標準色彩規范。如何教大家使用色彩這個很神圣的工具。
我們先來回顧下。什么是手機APP界面設計規范?
APP設計規范指對APP界面進行風格統一手機閱讀類軟件 背景色,對界面元素的樣式、顏色和大小設定統一的規范和使用原則。與設計、前端約定好統一的設計規范很重要,約定設計規范可以減少產品、設計、前端的溝通成本;可以使界面設計整潔、統一,減少界面元素的重復設計;可以減少設計素材,控制安裝包的大小。
這一節主要講解:APP設計的用色規范。我們先看下色輪圖。
然后我們再來具體的看下APP設計的色彩規范實例。
這是一個非常詳細的手機APP色彩使用規范實例。值得大家好好的看看?!墩臆嘇PP》
標準色規范:
X軸:重要、一般、弱。
Y軸:色彩代碼 、色塊、使用場景
標準色重要:重要顏色中一般不超過3種,這里的例子重要顏色之一紅色需要小面積使用,用于特別需要強調和突出的文字、按鈕和icon;而黑色用于重要級文字信息比如標題、正文等。
標準色一般:都是相近的顏色,而且要比重要顏色弱,普遍用于普通級信息、引導詞比如提示性文案或者次要的文字信息。
標準色較弱:普遍用于背景色和不需要顯眼的邊角信息。
再次舉例說明如何來定制屬于自己手機APP的色彩規范。這是一種表示方式。 有這個規范,我們設計APP和重構APP會清晰明了很多。
這是25學堂的老譚同學給大家精心整理的2種不能標準色的表現形式。
APP界面要給人簡潔整齊,條理清晰感,依靠的就是界面元素的排版和間距設計,還有色彩的合理、舒適度搭配。
其他的色彩運用原理以及需要遵循對比原則:
1:統一色調,針對軟件類型以及用戶工作環境選擇恰當色調:
如:安全軟件,根據工業標準,可以選取黃色,綠色體現環保,藍色表現時尚、紫色表現浪漫等等,淡色可以使人舒適,暗色做背景使人不覺得累等
2:如果沒有自己的系列界面,采用標準界面則可以少考慮此方面,做到與操作系統統一,讀取系統標準色表
3:色盲、色弱用戶,即使使用了特殊顏色表示重點或者特別的東西,也應該使用特殊指示符,著重號,以及圖標等
4:顏色方案也需要測試,常常由于顯示器、顯卡的問題,色彩表現每臺機器都不一樣,應該經過嚴格測試,不同機器進行顏色測試
5:遵循對比原則:在淺色背景上使用深色文字,深色背景上使用淺色文字手機閱讀類軟件 背景色,藍色文字以白色背景容易識別,而在紅色背景則不易分辨,原因是紅色和藍色沒有足夠反差,而藍色和白色反差很大。除非特殊場合,杜絕使用對比強烈,讓人產生憎惡感的顏色。
6:整個界面色彩盡量少的使用類別不同的顏色。