在線客服系統(tǒng)
十三年專注于網(wǎng)站建設(shè)與互聯(lián)網(wǎng)應(yīng)用開發(fā),低調(diào)、有情懷的網(wǎng)絡(luò)應(yīng)用服務(wù)商!
南昌百恒科技微信公眾號 掃一掃關(guān)注
tel-icon全國服務(wù)熱線:400-680-9298,0791-88117053
掃一掃關(guān)注百恒科技微信公眾號

UI設(shè)計色彩搭配的技巧?

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

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


UI設(shè)計色彩搭配的技巧?


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

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

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

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

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

? ? 紫色,和皇室、財富關(guān)聯(lián)密切,這也是代表神秘和茉莉的色彩。

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

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

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

? ? 努力讓色彩協(xié)調(diào)起來,基本的配色技巧:

? ? 1、對比色

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

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

? ? 2、三元色

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

? ? 3、互補色

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

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

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

售前咨詢 售前咨詢
 
售前咨詢 售前咨詢
 
售前咨詢 售前咨詢
 
售前咨詢 售前咨詢
 
售前咨詢 售前咨詢
 
售后服務(wù) 售后服務(wù)
 
備案專線 備案專線
 
售后服務(wù) 售后服務(wù)
 
×