亚洲午夜福利在线观看,女人喷液全过程网站,福利一区在线视频

對于UI設計師來說什么是永遠都解不開的難題

時間：2020-12-08來源：m.mwtacok.cn點擊量：次作者：Gella

時間：2020-12-08點擊量：次作者：Gella

各位優(yōu)秀的UI設計師在做設計時，令你們最頭痛的是啥？

　　不知道有沒有小伙伴跟我一樣在做頁面配色時會很痛苦呢，很多時候都是憑感覺去配色。最近研究了一下配色方法，這里分享給大家，希望能幫助到一部分小伙伴。

　　有個有趣的研究成果 —— “七秒鐘定律”：人們在挑選商品和服務時，只需要 7 秒鐘就可以確定是否感興趣，而在這短暫的 7 秒鐘內(nèi)，色彩的作用占到了 67%。

　　一個設計作品呈現(xiàn)在用戶面前，最先進入眼簾的就是產(chǎn)品的視覺表現(xiàn)，而色彩在其中起到了很大的作用。那么具體到實際項目中該怎樣配色呢 ?

　　1.色彩基礎知識

　　相信大家都知道，UI 色彩使用的是 RGB 模式，但是拾色器主要的選色原理遵循的是 HSB 模式，也就是色相(H)、飽和度(S)、明度(B)。

　　一個正確的選色過程是先確定出色相(H)，然后再在這個色相維度下選出飽和度(S)和明度(B)。

　　選取色相時就要用到色相環(huán)這個熟悉的朋友了，每種顏色都有自己的色彩情緒。

　　下圖是主要顏色的色彩情緒圖：

　　2.UI設計中的色彩選擇

　　在眾多的 UI 設計規(guī)范中，色彩一般分為：

　　主色：產(chǎn)品的核心色彩，品牌色

　　輔色：豐富頁面視覺和傳達效果的次要顏色

　　2.1 主色的選擇

　　主色是一個產(chǎn)品的品牌色，比如像淘寶的橙色、美團的黃色等。

　　怎么確定一個產(chǎn)品的主色呢?可以從以下幾點考慮：

1、產(chǎn)品屬性 2、行業(yè)屬性 3、用戶人群。

　　常見的APP主色應用：

　　1.綠色：主要集中在社交、學習教育、效率辦公等領域。

　　如：微信、豆瓣、愛奇藝、QQ 音樂、網(wǎng)易云課堂、 BOSS 直聘、拉鉤招聘。

　　為什么這些產(chǎn)品喜歡使用綠色呢?

　　綠色是中性色彩，沒有明顯的冷暖傾向，相對柔和，適合覆蓋用戶群體廣泛的應用程序，且無論學習辦公還是社交軟件中的界面都需要長時間閱讀，相比紅黃等色彩，柔和的綠色更為適合。

　　2.藍色：更多集中在工具類產(chǎn)品。

　　如：百度、QQ瀏覽器、酷狗音樂、知乎、貝殼找房、釘釘、支付寶

　　藍色幾乎成了工具類辦公類產(chǎn)品的品牌色，為什么呢?

　　作為工具類產(chǎn)品(含辦公類)產(chǎn)品，效率是他們所看重的，而藍色是冷色系色彩能夠讓用戶更加冷靜，高效的完成任務。

　　3.紅橙色：基本集中在電商類產(chǎn)品中。

　　如：淘寶、拼多多、京東

　　為什么電商類產(chǎn)品喜歡用暖色調(diào)呢?

　　暖色調(diào)給人溫暖、活躍、歡快的氣氛，符合用戶購物時的狀態(tài)，能夠刺激用戶的購買欲。

　　2.2 輔助色的選擇

　　輔助色是豐富產(chǎn)品的次要顏色，除了品牌傳達外，具有更強的實用性。

　　選擇輔助色時可以有以下2個方法：

　　1、依據(jù)色相環(huán)配色：兩個顏色在色相環(huán)中角度越大，視覺差異越大，對比越強。所以在配色時，越需要被突出的顏色，可以在色環(huán)中離主色越遠，越不需要被突出的顏色靠的越近。

如攜程，APP主色是藍色，去支付按鈕是需要被重點突出的顏色，使用了主色的互補色橙色，讓我們一眼就能看見并產(chǎn)生強烈的點擊欲望。

　　2、根據(jù)實際場景選擇

　　比如通知、提醒、取消用紅色;確認、同意用綠色、藍色;收藏、打分、評價用橙黃色。都是已經(jīng)在用戶心智中建立了標準的用色類型，跟著常規(guī)方法來做，是沒有其它思路的情況下最簡單、最安全的輔助色選擇方式。

　　3.UI設計頁面中的色彩應用

　　3.1 主色占比大，色彩豐富度高

　　主色作為頂部標題欄或其它重要模塊中的背景色進行大面積應用，

　　適合場景：需要加深用戶對品牌的認知和辨識度，同時產(chǎn)品中包含大量功能點，需要用豐富的色彩來吸引用戶關注，如 hello bike。