十年專注于網站建設與互聯網應用開發,低調、有情懷的網絡應用服務商!
南昌百恒科技微信公眾號 掃一掃關注
tel-icon全國服務熱線:400-680-9298,0791-88117053
掃一掃關注百恒科技微信公眾號

UI設計色彩搭配的技巧?

百恒 2019-12-26 16:03:27 21
? ? 色彩是UI設計中的重中之重,這關乎是否能夠正確表現出產品氣質和定位。主色決定了手機APP界面的整體設計風格,這個主色代表了產品的文化方向,同時也向用戶傳達了產品的情感。在設計線框圖之前,研發團隊的每個人就應明確產品的定位,提煉出最貼切產品的主色。許多手機APP界面的主色都是選擇了此款APP應用圖標的主色,在不同界面中主色的面積會發生大小變化,可能會有同色系漸變界面,也可能出現同色的系功能圖標,但主色的視覺效果依然是占主導地位的。

? ? 每種色彩對于我們的感知和思維都有獨特的影響力,了解這些可能的反應最終可以幫助設計師正確地傳遞信息,并且引導用戶按照設計師的預期來執行。


UI設計色彩搭配的技巧?


? ? 下面是一些顏色的基本的特征和含義:

? ? 紅色,象征愛情,自信,激情和憤怒,它是充滿活力和溫暖的色彩,給人帶來興奮的感覺。

? ? 黃色,能傳遞出幸福,陽光,喜悅和溫暖的情緒。

? ? 綠色,則常常能給人自然、清新、富有生命力的感覺。

? ? 藍色,是目前最受歡迎的顏色之一,企業常常會使用藍色來傳遞自信和讓人信賴的感覺。

? ? 紫色,和皇室、財富關聯密切,這也是代表神秘和茉莉的色彩。

? ? 黑色,雖然和死亡、悲劇有關,但是也能營造沉穩大氣的高級感。

? ? 白色,代表純潔無暇,傳達出高雅,純粹和清晰的感覺。

? ? 除此之外,設計師還需要明白一個事情,就是人和人的視覺感受通常是不同的,對于色彩的認知還受到文化背景的影響。性別的因素對于色彩偏好的影響也不小。因此,了解目標用戶的特征是很有必要的。

? ? 努力讓色彩協調起來,基本的配色技巧:

? ? 1、對比色

? ? 色輪上彼此處于相對位置的色彩能夠構成鮮明的對比,這些對比色能夠構成高對比度的配色方案。拆分互補色。

? ? 拆分互補色的配色原理和互補色相似,但是不同的地方在于,這樣的配色當中會采用更多的顏色,當你選擇藍色之后,與之搭配的不是對位上的橙色,而是橙色兩側的黃色和紅色。

? ? 2、三元色

? ? 它是在色輪上挑選互為120度角的三個顏色類進行配色。建議使用其中的一種色彩為主導,另外兩種色彩用來提亮。雙互補色。采用兩對互補色來作為主要的配色方案。

? ? 3、互補色

? ? 在設計手機APP時設計師可以使用互補色,在手機APP界面設計中互補色的對比效果是最為強烈的,給用戶帶來強烈的沖擊,情感豐富,給人留下深刻印象。但這種顏色的過度使用過多也容易給用戶帶來視覺上的疲勞,導致用戶不知何處才是重點信息。

? ? 所以這種視覺沖擊很強的互補色只能在小面積使用,同時注意使用位置,要放在手機APP界面信息提示出。設計師還可以使用冷暖色對比,這樣的配色會使手機APP界面變得非常出彩,使得分類內容一目了然。
400-680-9298,0791-88117053
掃一掃關注百恒網絡微信公眾號

歡迎您的光顧,我們將竭誠為您服務×

售前咨詢 售前咨詢
 
售前咨詢 售前咨詢
 
售前咨詢 售前咨詢
 
售前咨詢 售前咨詢
 
售前咨詢 售前咨詢
 
售后服務 售后服務
 
備案專線 備案專線
 
售后服務 售后服務
 
×
体育彩票超级大乐透 股股赢配资 河南快3 极速快3 股票指数怎么买卖涨跌 秒速飞艇 快乐时时彩 财牛汇 幸运农场 模拟炒股和真的一样吗 海南飞鱼 澳洲股票推荐 xd股票是什么意思 足彩半全场 生肖时时彩 股票配资平台哪个好 超级大乐透