【
網(wǎng)站設(shè)計(jì)】如何用流行顏色來(lái)設(shè)計(jì)網(wǎng)站
顏色匹配是每個(gè)
網(wǎng)站設(shè)計(jì)人員必修的課程。無(wú)論是插畫(huà)師,UI設(shè)計(jì)師還是網(wǎng)頁(yè)設(shè)計(jì)師,色彩搭配都不是設(shè)計(jì)的一部分。隨著材料設(shè)計(jì)和平面設(shè)計(jì)的廣泛流行,相關(guān)色彩理論已成為設(shè)計(jì)師必須掌握的規(guī)則。近年來(lái),我們?cè)诟鞣N數(shù)碼產(chǎn)品中發(fā)現(xiàn)了大量鮮艷的色彩和不同的漸變效果,這些產(chǎn)品的種類(lèi)已經(jīng)涵蓋了趣味性和娛樂(lè)性的應(yīng)用,以及相對(duì)較為嚴(yán)重的功能性和商業(yè)性產(chǎn)品。但是,關(guān)于生動(dòng)色彩對(duì)用戶(hù)體驗(yàn)的影響仍有許多討論。今天的文章,我們將一起討論這個(gè)問(wèn)題。
明艷的色彩是如何提升UI設(shè)計(jì)效果的在以前的文章中,我們討論了影響配色方案選擇的一些因素??勺x性和易讀性是設(shè)計(jì)師在選擇顏色匹配時(shí)需要考慮的基本因素??勺x性是用戶(hù)閱讀文本內(nèi)容的難度,易讀性與特定字母字符之間的區(qū)別程度有關(guān)。鮮艷的色彩提供了足夠的對(duì)比度,有助于提高可讀性和易讀性,并使布局中的元素之間的差異可見(jiàn)。但是,高對(duì)比度并不總是奏效。如果文字和背景之間的對(duì)比度太大,可能會(huì)發(fā)生漸暈,使其難以閱讀。這就是為什么設(shè)計(jì)師需要?jiǎng)?chuàng)造相對(duì)溫和和適當(dāng)?shù)膶?duì)比度,而高亮度對(duì)比度是突出顯示元素的不錯(cuò)選擇。銳化導(dǎo)航并增加互動(dòng)視覺(jué)層次是幾乎所有數(shù)字產(chǎn)品中導(dǎo)航和交互的核心元素。UI組件需要以結(jié)構(gòu)化的方式進(jìn)行組織。用戶(hù)的大腦可以通過(guò)圖層創(chuàng)建的差異區(qū)分對(duì)象并理解優(yōu)先級(jí)。顏色是分層的,但如何理解這個(gè)層次與用戶(hù)的想法有關(guān)。紅色和橙色是大膽而明亮的顏色。乳白色和奶油色的黃色是柔和的顏色,可以更容易地注意到明亮的顏色。設(shè)計(jì)師使用它們來(lái)表示他們覺(jué)得需要突出顯示的元素。當(dāng)在不同的元素上使用相同的顏色時(shí),相同的顏色將使它們產(chǎn)生重要的或功能性的關(guān)系。人類(lèi)大腦強(qiáng)烈反應(yīng)大膽,大膽的色彩,這就是為什么明亮的色彩更容易記住。在數(shù)碼產(chǎn)品中,色彩更鮮艷的用戶(hù)界面將更容易脫穎而出。但是,即使如此,顏色的選擇也是基于目標(biāo)受眾和市場(chǎng)調(diào)查。如果公司的LOGO,產(chǎn)品和他們的網(wǎng)站都使用高度統(tǒng)一的顏色搭配,這在某種程度上會(huì)大限度地提升品牌的身份。這樣,設(shè)計(jì)人員使用高度一致的可視化解決方案來(lái)提高品牌知名度。創(chuàng)造氛圍并傳遞情感色彩影響人們的情緒并創(chuàng)造氛圍。設(shè)計(jì)師需要知道顏色如何影響我們的情緒和行為。我們的大腦對(duì)不同的顏色有不同的反射,但通常這些反應(yīng)沒(méi)有被注意到。色彩心理學(xué)研究表明,當(dāng)我們的眼睛感知到一種顏色時(shí),大腦會(huì)向內(nèi)分泌系統(tǒng)釋放相應(yīng)的激素,刺激不同情緒的變化。選擇合適的顏色有助于用戶(hù)保持正確的心情并提供正確的信息。例如,如果您想創(chuàng)建一個(gè)自然或園藝相關(guān)的產(chǎn)品UI界面,使用綠色或藍(lán)色配色可以很好地匹配這個(gè)主題,并傳達(dá)相應(yīng)的感覺(jué)。時(shí)尚的外觀和風(fēng)格明亮和鮮艷的色彩和漸變是UI設(shè)計(jì)中最流行的趨勢(shì)。越來(lái)越多的移動(dòng)應(yīng)用程序和網(wǎng)站開(kāi)始使用這種色彩匹配來(lái)吸引人們。盡管競(jìng)爭(zhēng)激烈,但它們確實(shí)吸引了用戶(hù)的注意力。在UI中使用明亮的色彩同樣存在問(wèn)題明亮的顏色不容易匹配第一種配色方案并非基于純粹的感覺(jué)。問(wèn)題很容易。如果你想使用協(xié)調(diào)的配色方案,顏色使用規(guī)則,顏色匹配和技巧是必不可少的。但是,在UI界面中,顏色越鮮艷,就越難將其與優(yōu)秀的配色方案相匹配。為了讓用戶(hù)感到快樂(lè)和舒適,設(shè)計(jì)師需要保持整個(gè)UI界面的協(xié)調(diào)和平衡,協(xié)調(diào)的顏色可以讓用戶(hù)感覺(jué)舒適,給用戶(hù)留下良好的第一印象。通常,設(shè)計(jì)師顏色選項(xiàng)使用以下常用選項(xiàng):?jiǎn)紊渖涸谕簧氏到y(tǒng)下,不同色調(diào)和飽和度色彩的組合。類(lèi)似的配色方案:在色輪上由相鄰顏色組成的配色方案?;パa(bǔ)色匹配:色輪上相對(duì)位置上顏色的顏色。分割補(bǔ)色:與補(bǔ)色相似,但顏色更多。它通常是一種配色方案,它匹配兩種顏色,它們與色輪上的一種顏色和相對(duì)位置相鄰。例如,藍(lán)色和橙色是相對(duì)互補(bǔ)的顏色。選擇藍(lán)色和橙色兩側(cè)的黃色和紅色。這三種顏色是分開(kāi)的互補(bǔ)色。三基色顏色匹配:顏色方案由色輪上的三種顏色組成,彼此之間相隔120度。雙補(bǔ)色匹配:由兩種互補(bǔ)色組成的四色配色方案。缺少風(fēng)格和調(diào)性事實(shí)上,明亮鮮艷的色彩可以讓用戶(hù)界面調(diào)整色調(diào)和風(fēng)格,但如果色彩過(guò)多,則完全沒(méi)有風(fēng)格色調(diào)。這就是為什么這么多設(shè)計(jì)師會(huì)尊重6:3:1色彩比例。其中,60%是主色,30%是次色,只有10%是鮮艷的顏色,用于提升整體色調(diào)。這樣的配色方案可以創(chuàng)建協(xié)調(diào)一致的分層配色方案,而且人們也更容易感受和感受到快樂(lè)。明亮的色彩并不適合所有的用戶(hù)群體用戶(hù)研究是
網(wǎng)站設(shè)計(jì)的重要組成部分。定義和分析目標(biāo)受眾,以了解網(wǎng)站和應(yīng)用程序的設(shè)計(jì)期望。諸如年齡,性別和文化等因素影響潛在用戶(hù)的偏好。例如,像黃色和紫色的孩子,但絕大多數(shù)成年人不喜歡這兩種顏色。很酷的顏色,如藍(lán)色和綠色,幾乎受到男性和女性的喜愛(ài),但女性通常不像男性那么喜歡橘子。與此同時(shí),男性更喜歡中性色彩,如黑色和白色,而女性則不喜歡。鮮艷的顏色也是如此。即使您正在設(shè)計(jì)更具娛樂(lè)性的應(yīng)用程序或網(wǎng)站,您也需要考慮目標(biāo)受眾的具體情況。中年用戶(hù)喜歡輕巧的顏色和用戶(hù)界面。明亮,大膽的顏色不符合他們的偏好。
新聞名稱(chēng):如何用流行顏色來(lái)設(shè)計(jì)網(wǎng)站
文章來(lái)源:http://muchs.cn/news46/135846.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供關(guān)鍵詞優(yōu)化、網(wǎng)站導(dǎo)航、Google、網(wǎng)站維護(hù)、動(dòng)態(tài)網(wǎng)站、網(wǎng)站建設(shè)
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源:
創(chuàng)新互聯(lián)