網站UI設計中如何處理色彩?
  • 更新時間:2024-10-28 18:35:26
  • 網站建設
  • 發(fā)布時間:1年前
  • 264

法則篇

60-30-10法則

這是室內設計界永恒的裝飾技巧,可以輕松幫助您完成網站設計配色方案。 60%+30%+10%的比例分配是為了平衡色彩。這個公式的美妙之處在于它創(chuàng)造了一種平衡感,讓眼睛舒適地從一個焦點移動到另一個焦點。同時,使用起來也非常簡單。

60%為主色,30%為副色,10%為強調色。

關注顏色的含義

幾個世紀以來,科學家們一直在研究顏色對情感的影響。除了創(chuàng)造美感,色彩也是情感和聯(lián)想的創(chuàng)造者。顏色的含義會因文化和情況而異。這就是為什么您會看到黑白時裝店。因為他們想顯得優(yōu)雅而優(yōu)雅。

紅色:激情、愛情、危險

藍色:冷靜、負責、安全

黑色:神秘、優(yōu)雅、邪惡

白色:純凈、安靜、干凈

綠色:清新、清新、自然

我們習慣于在設計階段的早期調整顏色和色調。然而,當您意識到您花了3 個小時來調整主色時,您會發(fā)現(xiàn)這種行為沒有任何幫助。雖然玩弄色彩很誘人,但您應該避免在設計初期就這樣做。

相反,您應該強迫自己專注于調整間距和布局元素。這種布局約束非常有效,可以為您節(jié)省大量時間。調整間距和布局元素并不那么無聊。如果您想表達不同的東西,請嘗試使用不同的色調。

遠離純灰色和純黑色

這些年來我學到的最重要的色彩技巧之一就是避免使用中性灰色。在現(xiàn)實生活中,純灰色幾乎不存在。黑色也是如此。 (沒錯,其實就是七彩黑)

此圖像中最暗的顏色不是純黑色,而是#0A0A10

請記住為您的顏色添加一些色調。用戶下意識地覺得這樣的顏色更自然、更熟悉。

相信自然

最好的顏色組合來自大自然。他們總是看起來很自然。尋找基于自然環(huán)境的設計解決方案的好處是你可以擁有無數的調色板,因為大自然的顏色總是在變化。

我們只需要四處尋找靈感。

保持對比度

有些顏色與某些顏色搭配效果很好,但與其他顏色會發(fā)生沖突。使用色輪,可以很好地觀察顏色相互作用的規(guī)則。這個方法你應該清楚,但是和自己做不一樣。

獲得靈感

說到UI 參考,Dribbble 是一個不錯的選擇。 Dribbble 還有一個顏色搜索工具。所以,如果你想對特定顏色進行視覺研究,

你可以去:dribbble.com/colors

視頻、印刷設計、室內設計、時尚……有很多東西可以激發(fā)靈感。對各種形式的樣本保持敏感,并保存任何看起來有趣的東西。我從K-pop 視頻剪輯中獲得色彩靈感

工具篇

為了節(jié)省大家的時間,這里為大家推薦幾款2017年非常好用的色板工具,可以為大家節(jié)省很多時間。我最喜歡的顏色選擇器工具。您只需鎖定顏色并按住空格鍵即可生成樣本。 Coolors.co 還支持上傳圖片和從圖片中提取色板。 Coolors.co 的妙處在于,您不僅可以得到一個結果,還可以通過選擇器調整顏色并獲得多種配色方案。

鏈接(不用翻墻):https://coolors.co/

Kuler

這個來自Adobe 的工具已經陪伴我們很長時間了。它可以在瀏覽器或桌面應用程序中使用。如果您使用的是桌面應用程序,則可以將配色方案導出到Photoshop。

鏈接(不用翻墻):https://color.adobe.com/zh/create/color-wheel/

Paletton

它類似于以前的工具Kuler。不同的是,它不限于5 種色調。當您確定了主要顏色并想要調整次要顏色時,這是一個很好的工具。

鏈接(翻墻):http://paletton.com/

Shutterstock Lab Spectrum

您可能會問:如果我想搜索帶有我選擇的顏色的圖片怎么辦?好吧,Shutterstock 有一個名為Spectrum 的工具可以滿足您的需求,讓您可以按特定色調搜索圖像。您甚至不需要被稱為會員,因為即使是帶水印的小預覽圖也足以生成樣本。

我們專注高端建站,小程序開發(fā)、軟件系統(tǒng)定制開發(fā)、BUG修復、物聯(lián)網開發(fā)、各類API接口對接開發(fā)等。十余年開發(fā)經驗,每一個項目承諾做到滿意為止,多一次對比,一定讓您多一份收獲!

本文章出于推來客官網,轉載請表明原文地址:https://www.tlkjt.com/web/11867.html

在線客服

掃碼聯(lián)系客服

3985758

回到頂部