so米体育

怎樣用流行的顏色做網站

來源:本站 日期:2018-5-29
顏色立室是每個網站設計人員必修的課程。 無論是插畫師,UI設計師是網頁設計師,色彩搭配不是設計的一部分。 隨著材料設計和平面設計的廣泛通行,相關色彩理論已成為設計師掌握的規則。

连年來,我們在各種數碼產品中發現了大量鮮艷的色彩和区别變效果,這些產品的種類已經涵蓋了趣味性和娛樂性的應用,以及相對為嚴重的功能性和商業性產品。 但是,關于生動色彩對用戶體驗的影響有許多討論。 今天的文章,我們將一齐討論這個問題。

明艷的色彩是如何升迁UI設計成绩的?

提高可讀性和可讀性

在往日的文章中,我們討論了影響配色方案選擇的少许成分。可讀性和易讀性是設計師在選擇顏色立室時需要考慮的基本成分。可讀性是用戶閱讀文本內容的難度,易讀性與字母字符之間的區別水平有關。

鮮艷的色彩提供了足夠的對比度,有助于提高可讀性和易讀性,并使结构中的元素之間的差異可見。但是,高對比度不總是奏效。假使翰墨比背景之間的對度大,不妨會發生漸暈,使其閱讀。這就是為什么設計師必要創造溫比和適當的對度,而高亮度對是突出顯示元素的不錯選擇。

銳化導航并增加互動

視覺層次是幾乎所有數字產品中導航和交互的核心元素。 UI組件需要以結構化的方式進行組織。用戶的大腦可以通過圖層創建的差異區分對象并明白優先級。

顏色是分層的,但怎样懂得這個層次與用戶的想法有關。 紅色和橙色是大膽而明亮的顏色。 乳白色和奶油色的黃色是柔和的顏色,能够容易的注意到明亮的顏色。 設計師利用它們來表示他們覺得需要突出顯示的元素。 當在分别的元素上使用的顏色時,无别的顏色使它們產生重要的或功能性的關系。

人類大腦強烈反應大膽,大膽的色彩,這即是為什么色彩更方便記住。 在數碼產品中,色彩鮮艷的用戶界面將便当脫穎而出。 但是,即使如此,顏色的選擇也是基于目標受眾和市場調查。

如果公司的LOGO,產品和他們的網站运用高度統一的顏色搭配,這在某種程度上會最大限度的提升品牌的身份。 這樣,設計人員使用高度一致的可視化解決方案來提高品牌知名度。

創造氛圍并傳遞情感

色彩影響人們的情緒并創造氛圍。 設計師必要理解顏色如何影響我們的情緒和行為。 我們的大腦對不同的顏色有差异的反射,但這些反應沒有被注意到。 色彩心理學考究证明,當我們的眼睛感知到一種顏色時,大腦會向內排泄系統釋放相應的激素,刺激不同情緒的變化。

選擇合適的顏色有助于用戶保持正確的样子并供应正確的信息。 譬喻,假若您想創建一個固然或園藝相關的產品UI界面,使用綠色或藍色配色可能很好的立室這個主題,并傳達相應的感覺。

時尚的外觀和風格

明亮和鮮艷的色彩和變是UI設計中最通行的趨勢。 多的移動應用措施和網站開始使用這種色彩匹配來吸引人們。 盡管競爭激烈,但它們吸引了用戶的注意力。


明亮的顏色不容易匹配

第一種配色方案并非基于純粹的感覺。問題方便。如果你想运用協調的配色方案,顏色利用規則,顏色成亲和妙技是缺一不可的。

但是,在UI界面中,顏色鮮艷,其與優秀的配色方案相匹配。為了讓用戶感到快樂和舒適,設計師需要保持整個UI界面的協調和平衡,協調的顏色可以讓用戶感覺舒適,給用戶留下良好的第一印象。,設計師顏色選項使用以下常用選項:

單色配色:在同一色彩系統下,差别色調和飽和度色彩的組合。

類似的配色方案:在色輪上由相鄰顏色組成的配色方案。

互補色立室:色輪上地方上顏色的顏色。

分裂補色:與補色相似,但顏色多。它是一種配色方案,它成亲兩種顏色,它們與色輪上的一種顏色和相對地点相鄰。譬喻,藍色和橙色是相對互補的顏色。選擇藍色和橙色兩側的黃色和紅色。這三種顏色是分開的互補色。

三基色顏色完婚:顏色方案由色輪上的三種顏色組成,彼此之間相隔120度。

雙補色匹配:由兩種補色組成的四色配色方案。

缺少風格和調性
事實上,明亮鮮艷的色彩可能讓用戶界面調整色調和風格,但倘若色彩過多,則整个沒有風格色調。

這就是為什么這么多設計師會尊重6:3:1色彩比例。 个中,60%是主色,30%是次色,只有10%是鮮艷的顏色,用于提升整體色調。 這樣的配色方案不妨創建協調齐截的分層配色方案,而且人們也方便感想和感觉樂。

明亮的色彩不適合所有的用戶群體

用戶考究是網站設計的重要組成部门。定義和分析目標受眾,以了解網站和應用程序的設計期望。 諸如年齡,性別、文化等身分影響潛在用戶的。 譬喻,像黃色和紫色的小孩,但絕大多數成年人不喜歡這兩種顏色。 很酷的顏色,如藍色和綠色,受到男性和女性的喜愛,但女性不像男性那么喜歡橘子。 與此同時,男性喜歡中性色彩,如玄色和白色,而女性不喜歡。

鮮艷的顏色是如许。 即使您正在設計更具娛樂性的應用措施或網站,您也必要考慮目標受眾的具體情況。 中年用戶喜歡輕巧的顏色和用戶界面。 明亮,大膽的顏色不符合他們的偏好。
首頁
電話
短信
聯系
<center dir="ghnc"></center>