UI設計包含了太多的步驟過程,每一步都必須深思熟慮,考慮到所有的細節,這樣最終呈現的界面才能滿足目標用戶的需求。
其中一個比較耗時間的就是配色,為了選擇正確的用色,設計師在這一過程上可能會花費數幾個小時甚至更久。接下來我們就給大家分享6個有用的配色技巧,幫助設計師們更高效的完成配色設計。
1. 學會60-30-10法則
這個法則來自于室內設計領域,而且也經常用于家居裝飾上。原理很簡單,為了達到作品中的平衡,顏色比例通常在60%-30%-10%。主色占比大,30%的部分為輔色,其余10%為點綴色。
這樣的比例經實驗證明是符合人們閱讀習慣的,人的眼睛通常看到的視覺元素是遞進的。了解了正確的比例,設計師們能更好的搭配色彩,而不會讓UI界面陷入顏色雜多的混亂中。
Digital Agency 登陸頁
2. 和對比成為“好朋友”
顏色對比是視覺組成的重要部分,給每個UI元素帶來不同的個性,而只包含同色系的用戶界面很難引起用戶的注意力。
對比度的選擇取決于設計目標。比如說,如果需要用戶看到那些特別的UI元素,那采用高對比度的顏色比如紅藍色,則是一個很好的選擇。高對比度通常用在CTA (Call to Action)按鈕設計中。
然而,作為UI整體的部分,高對比顏色則可能不太適合。如果內容和背景色對比太大,則會造成很難閱讀。因此建議是,整體采用中對比度,在需要特殊強調的元素上再使用對比度高的顏色。同時在不同的設備終端測試顏色效果,可以提高配色方案的有效性。
Urban Sketcher 應用程序
3. 靈活運用色彩心理學
色彩心理學研究表明,大腦對每種顏色都會產生反應,但是我們自己卻經常忽略這一點。眼睛看到顏色,大腦就會發出信號,內分泌系統產生激素,從而影響我們的情緒和反應。
每種顏色對我們的大腦影響各不相同,設計師們了解這些知識,就能選擇正確的色彩來傳遞信息,引導用戶產生預期反應。下面是一些簡要的色彩含義:
紅色: 同時包含正面和消極的意義,比如愛、自信、激情、生氣等等。
橙色: 熱情、溫暖、興奮。
黃色: 開心、陽光、愉悅。
綠色: 安靜、生命力。
藍色: 經常作為企業色使用,也有距離和悲傷的意思。
紫色: 象征忠誠和奢華,代表著神秘和魔幻色彩。
黑色: 通常和悲劇和死亡聯系在一起,既可以很傳統、也可以代表現代的。
白色: 純真、無邪、完整、清澈。
此外設計師還應記住每個人對色彩的理解都有差異,其中,年齡和性別對色彩的偏愛影響大, 因此前期應當調查清楚目標用戶的喜好。
Dance Academy 網站
4. 不要忽略文化差異
每個文化都有自己的傳統習慣和信仰,在選擇用色前要了解用戶是否能理解你所傳達的信息。很有可能在不同的國家,同一種顏色代表的意思卻完全相反。比如歐洲國家白色代表純潔,經常用在婚禮上;而在亞洲國家白色則意味著死亡和悲傷。
錯誤的選擇可能會引起誤解,這對產品來說可能是致命的。設計師們了解這些文化內涵,可以降低被誤會的風險。
5. 保持色彩平衡
平衡是
UI設計所追求的,可以讓用戶們感到安心、舒適。色彩平衡是指設計中顏色的合理搭配,有效的吸引用戶。網站和app中和諧的色彩,可以給用戶不錯的一印象。
以下是一些基本配色方案:
同類色搭配: 同一種顏色,不同的色度 (Shade) 和色調 (Tone) 。
鄰近色搭配: 采用色相環中相鄰的顏色。
互補色搭配: 采用色相環中相對的顏色,對比度高。
分裂補色: 結合補色和同類色搭配,比如選擇藍色則需同時選擇相對的黃色和紅色。
三色系調和: 色相環中距離相等地三種顏色搭配,建議其中一種作為主色,其它為輔色搭配使用。
矩形配色: 色相環中2組互補色對,即四種顏色結合,在色相環中連起來形成一個矩形。
6. 從自然中“偷”取靈感
自然屆是地球上最棒的藝術家和設計師。我們看到自然環境中的色彩組合通常趨于好。人們熱衷于去追逐日出日落,秋天的森林,冬天的群山等等美景,它們充滿著自然色彩的結合。
所以,我們為什么不借鑒一些靈感呢?到自然中走一走,欣賞美麗的自然風光,相信你一定會有新的想法。
Big City Guide 登陸頁
最后:
人們天生對顏色有反應,生活中和顏色的聯系非常密切,但是設計師使用顏色是有一些技巧和竅門的,本文就試圖給大家講解一些關于色彩設計的技巧。數碼產品的成功與否很大程度取決于UI的配色選擇。正確的配色會讓用戶使用產品時感到舒心。“好的設計給人以幫助,或給人以愉悅。” 設計師們要時常關注用戶的需求,做出最明智的選擇。
網頁名稱:配色真的需要天賦嗎?有沒有技巧?
文章地址:http://m.newbst.com/news25/185225.html
成都網站建設公司_創新互聯,為您提供全網營銷推廣、網站導航、手機網站建設、虛擬主機、品牌網站設計、商城網站
廣告
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源:
創新互聯