一、影響配色方案選擇的因素
可以肯定的是,沒有一個特定的選擇可以實現所有的目標。解決方案與很多的因素緊密相關,這些因素,不僅包括用戶方面,還包括業務目標、市場狀況和當前的設計趨勢。我們來看下,在這個問題上設計師必須考慮的一些重要因素。
1. 可讀性和易讀性
這些術語都與文本內容帶給用戶的感受有直接的關系:
可讀性定義了人們閱讀單詞、短語和文本塊的難易程度;
易讀性衡量用戶識別特定字體中字母的速度和直觀程度。
應該仔細考慮可讀性及易讀性兩個特性,特別是對于擁有大量文本內容的界面。眾多因素中,在用戶對本文感知的有效程度上,為界面選擇配色方案起著至關重要的作用。
2. 可訪問性
可訪問性主要被定義為 WEB 或移動界面能夠被盡可能多的用戶訪問,所提供的功能人人可用,沒有「功能歧視」。因此,「使用或不使用」的決定,必須基于用戶的需求和偏好,而不是基于他們的身體能力。
配色方案是影響這方面的主要因素之一,選擇調色板和顏色組合時,設計師需要考慮到不同年齡、特殊需求以及殘疾的用戶,這些用戶也會影響背景和布局元素的顏色選擇。在設計師對目標用戶深入了解的過程中,用戶研究獲得的數據會對其設計決策非常有幫助。
3. 清晰度
清晰度定義了在屏幕或頁面上查看和區分所有核心細節的能力。首先,它與導航的簡單性和直觀性相關:能夠瀏覽布局并找到信息區域和交互元素,用戶不需要花費太多精力就能找到他們需要的東西。如果清晰度沒有得到適當的測試,可能會導致視覺層次較弱,并且會使屏幕變得一團糟。
對比在這里扮演著極其重要的角色,配色方案就成了它的基礎。檢查一下,界面是否清晰并且對比度足夠高,在模糊模式下查看屏幕或頁面時,請不要忘記「模糊檢驗」這樣一個很好的老技巧,看看所有重要的東西在模糊的狀態下是否容易觸達和明顯可見。
4. 響應性
界面的響應性意味著無論用戶在何種設備上都可以正常使用。在高分辨率的專業顯示器上看起來時尚和吸引人的東西,在小的低分辨率屏幕上可能變成很臟的污點。
因此,一些在設計階段看起來很漂亮的配色方案可能會在各種各樣的實際條件下失去它們原有的美感。
由于配色方案直接影響顏色、形狀和文本感知,所以在做出最終決定之前,應該在不同的設備上進行測試。
5. 環境
在對目標受眾進行仔細研究的情況下,WEB 和移動界面的使用可能被認為是典型的。
例如,在自然光下持續使用時,深色背景會產生反射效果,尤其是在平板電腦和智能手機的屏幕上。相反,在光線昏暗的環境下,深色背景會使光線遠離屏幕,這對導航和可讀性有很大的影響。
因此,顏色組合、對比度和色調問題在這里引起了很大的關注。
二、配色方案選擇清單
考慮到上面提到的因素,我們提供了一個簡短的清單,列出了在為 WEB 或移動界面選擇通用的配色方案時應該遵循的基本步驟。
1. 定義界面的用途
在確定了界面應用程序的核心點和解決問題的能力之后,你可以更合理的選擇配色方案。
如果 UI 是文本驅動的(一個博客、新聞平臺、電子閱讀器等),淺色的背景往往會是一個比較好的選擇。淺色背景使的屏幕更有呼吸感和寬敞,用戶的注意力更容易集中在副本上。
另一方面,如果界面是視覺內容為核心,有大量的圖片并且沒有什么文字,那么帶有深色或者明亮背景的配色方案可能是一個好的選擇,因為圖像的顏色會更深,平時看起來普通的布局方式也會變得更時尚,甚至很「豪華」。
2. 分析你的目標用戶
對目標用戶的定義和分析是設計師應該做的首要工作。了解誰是你的潛在用戶,以及他們希望從網站或應用程序中得到什么,這樣就為設計出一個可用的、有用的、有吸引力的界面打下了堅實的基礎。
中年人和老年人傾向于使用淺色的界面,因為他們覺得這些界面更直觀,更易于導航;年輕人通常會傾向于具有較好表現力的界面,背景更新穎,更時尚,這樣可以讓目標用戶參與進來;使用淺色的背景和有趣的細節來吸引青少年和兒童。
顯然,顏色的選擇取決于界面功能和內容的性質。但是,如果你的策略是以用戶為核心,那么目標用戶的偏好就是一個做設計選擇時的重要判斷依據。
3. 研究競爭
另一個需要記住的方面是:你的產品不會出現在藍海市場中。因此,它將在激烈的市場競爭中去獲取用戶的廣泛關注。
配色方案的選擇是應用或者網站吸引用戶關注的一種方式,它會影響用戶對于應用或者網站產生的第一印象以及影響用戶是否會去使用。要么花點時間研究現有產品,要么就浪費時間在重新設計無效的解決方案上。
4. 測試測試再測試
上面描述的要點對于關鍵的事情是有說服力的:由于顏色屬于直接影響界面可用性和吸引力的因素,所以每一個設計解決方案都應該在不同的分辨率、不同的屏幕和不同的條件下進行適當的測試。
測試揭示了在產品上市前顏色方案的優點和缺點,如果設計解決方案效率低下,就失去了讓用戶留下令人驚嘆的第一印象。
三、折中解決方案
不愿遵守嚴格的配色方案,UI 設計師有時會找到折中的解決方案。
1. 深色的界面,白色的標簽文本
正如我們在《用戶體驗設計趨勢回顧》中提到的:這種趨勢在基于深色背景方案的界面中特別的流行。它還采用了另一種方法來實現適當的可讀性,這點常常是有爭論的:在核心信息區域使用帶有淺色背景。
設計師解決了這個問題:給屏幕或頁面添加了優雅的對比。其中的一個案例:由 Tubik 團隊設計的澆水追蹤器就應用了這樣的原理。
2. 為用戶提供色彩方案的選擇
另一種方法是讓用戶選擇配色方案的模式。我們為 Upper 所做的設計方案就是這樣的:一個提供給用戶選擇配色方案的任務列表應用程序。
一方面,這樣的方式對于用戶來說非常友好,不僅是根據產品的可用性,而且是根據用戶的審美偏好,使用戶的選擇更加個性化。另一方面,設計師和開發人員需要花費額外的工作時間來制定所有的方案。
本文來源于成都網站建設公司與成都網站設計制作公司-創新互聯成都公司!
網頁標題:教你選擇合適的界面配色方案!
當前路徑:http://m.newbst.com/news16/313266.html
成都網站建設公司_創新互聯,為您提供網站排名、靜態網站、微信小程序、品牌網站設計、做網站、小程序開發
廣告
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源:
創新互聯