如何在網(wǎng)站UI設計中處理顏色？

2023-01-26 分類：網(wǎng)站建設

法則篇

60-30-10法則

這是一個室內(nèi)設計領域中永不過時的裝飾技巧，它可以輕松地幫助你完成一個網(wǎng)站設計配色方案。60%+30%+10%的比例分配是為了平衡顏色。這個公式妙在它營造了一種平衡感，使眼睛可以舒適地從一個焦點移動到另一個焦點。同時，它也運用起來非常簡單。

60%是主色調(diào)，30%是輔助色，10%是強調(diào)色。

關注顏色的含義

幾個世紀以來，科學家一直在研究顏色的情感效應。除了創(chuàng)造美學，顏色也是情感和聯(lián)想的創(chuàng)造者。顏色的含義會根據(jù)文化和情況而有所不同。這就是為什么你會看到黑白色的時裝店。因為他們想要表現(xiàn)得優(yōu)雅和高級。

紅色：激情、愛、危險

藍色：冷靜、負責、安全

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

白色：純潔、安靜、干凈

綠色：新鮮、清新、自然

我們習慣在設計階段的早期就開始調(diào)整顏色和色調(diào)。但是，當你意識到自己花了3個小時來調(diào)整主色調(diào)的時候，你發(fā)現(xiàn)這種行為毫無幫助。雖然把玩顏色很有吸引力，但是你應該避免在設計初期進行這種行為。

相反地，你應該強迫自己專注調(diào)整間距和布局元素。這種布局的約束是非常有效的，它會為你節(jié)省很多時間。調(diào)整間距和布局元素并不是那么無聊。如果你想表達不一樣的東西，嘗試使用不同的色調(diào)即可。

遠離純灰色和純黑色

多年來，我學到的一個最重要的顏色技巧之一就是避免使用不帶色調(diào)的灰色。在現(xiàn)實生活中，純灰色幾乎是不存在的。黑色也是同樣的道理。（沒錯，事實上就是要五彩斑斕的黑）

在這張圖片中最深的顏色不純黑，而是#0A0A10

記得給你的顏色添加一些色調(diào)。用戶會下意識地覺得這類顏色更加自然和熟悉。

相信自然

好的色彩組合來自于大自然。它們總是看起來非常天然。根據(jù)自然環(huán)境來尋找設計方案的好處是可以擁有無數(shù)的色板，因為大自然的顏色總是在變化。

我們只需要看看周圍，就能獲取靈感。

保持對比度

有的顏色和某些顏色搭配協(xié)調(diào)，和另一些顏色則會產(chǎn)生沖突。通過色輪，可以很好地觀察到顏色相互作用的規(guī)則。你應該清楚地了解這個方法，但是不一樣要親手去做。

獲得靈感

當我們談到UI參考的時候，Dribbble是一個很好的選擇。Dribbble也有顏色搜索工具。所以，如果你想要針對某個特定的顏色進行視覺研究，

可以前往以下網(wǎng)址：dribbble.com/colors

視頻、印刷設計、室內(nèi)設計、時尚……有很多的啟發(fā)靈感的事物。要對各種形式的色板保持靈敏的感覺，并且把看起來有趣的所有東西存下來。我會從韓流的視頻短片中獲取顏色靈感

工具篇

為了節(jié)省大家時間，下面整理了一些2017年非常好用的色板工具。它們會為你節(jié)省大量的時間。我最喜歡的顏色選擇工具。你可以簡單地鎖定顏色，并按住空格鍵生成色板。Coolors.co還支持上傳圖片，從圖片中提取色板。Coolors.co酷在，你不僅僅有一個結果，相反地，你可以通過選擇器，調(diào)整你的顏色，獲得很多配色方案。

鏈接（無需翻墻）：https://coolors.co/

Kuler

這款來自Adobe的工具已經(jīng)陪伴我們很長時間了。它可以在瀏覽器或桌面應用中使用。如果你使用的是桌面應用程序，那你可以將配色方案導出到Photoshop中。

鏈接（無需翻墻）：https://color.adobe.com/zh/create/color-wheel/

Paletton

它和前面一款工具Kuler相似。不同之處是，它不限于5種色調(diào)。當你已經(jīng)確定主色調(diào)，想要調(diào)整輔助色的時候，這是一款很棒的工具。

鏈接（需翻墻）：http://paletton.com/

Shutterstock Lab Spectrum

你可能會問：如果我想用我選擇的顏色搜索圖片呢？那么，Shutterstock旗下有款叫作Spectrum的工具可以滿足你的需求，你可以通過特定的色調(diào)搜索圖片。你甚至不需要稱為會員，因為即使是帶水印的小預覽圖片已經(jīng)足以生成色板。

新聞名稱：如何在網(wǎng)站UI設計中處理顏色？
當前URL：http://www.rwnh.cn/news36/232486.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供Google、動態(tài)網(wǎng)站、網(wǎng)站維護、外貿(mào)建站、網(wǎng)站排名、微信小程序

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

如何在網(wǎng)站UI設計中處理顏色？