UI設計中的視覺感表現_第1頁
UI設計中的視覺感表現_第2頁
UI設計中的視覺感表現_第3頁
UI設計中的視覺感表現_第4頁
UI設計中的視覺感表現_第5頁
已閱讀5頁,還剩3頁未讀 繼續免費閱讀

下載本文檔

版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領

文檔簡介

-8-前言在設計領域,顏色是相當主觀的一樣事物。某種顏色會喚起某人的情緒反應,但是同樣的顏色對于不同的人而言,由于個人偏好、成長背景、文化習俗的不同,喚起的可能就是另一種完全不同的情緒反應。有時,像改變顏色的明度或是飽和度這樣小的調整都會給人帶來完全不同的視覺和心理感受。同一種顏色在不同的國度,因為文化習俗以及地理環境的不同,也會又不一樣的代表意義。一、認知色彩色彩是通過眼、腦和我們的生活經驗所產生的一種對光的視覺效應。人對顏色的感覺不僅僅由光的物理性質所決定,人對顏色的感覺往往也會受到環境顏色的影響。有時人們也將物質產生不同顏色的物理特性直接稱為顏色。色相是最最基本的顏色術語、通常用來表示物體本身的固有色。當我們說紅、黃、藍時,我們說的就是色相。設計的色調可用來給網站的訪問者傳遞重要信自、。飽和度是指某一色相在特定的光照條件下是如何呈現的。可以把飽和度看成是色調的鮮亮與灰暗、濁與純。明度也被稱作亮度,它是指顏色的亮與暗。當灰色加入到一個色相中時,便產生了色值,色值要比純的色相柔和或是灰暗些:當黑色加入到一個色相中時,便產生了暗色澤,顏色變暗:當白色加入到一種色相中時,就會形成淺色澤,顏色變亮。二、賦予色彩的情感我們把顏色分為冷色和暖色。暖色包含紅、橙、黃以及這三種顏色的變種。它們分別是火焰、果實以及日出和夕陽的顏色,它們通常象征活力、激情、積極和運動。紅和黃這兩種顏色都屬于三原色,而橙色則處于兩種顏色之間,這意味著紅色和黃色是真正的暖色,沒法通過混和一種暖色和冷色而獲得。我們在設計中使用紅、橙、黃以體現出激隋、快樂、熱忱和活力的主調來。研究發現暖色有勾起食欲的作用,所以很多是餐飲品牌都喜歡用暖色,如三大快餐巨頭:肯德基、麥當勞、必勝客都是用紅色和黃色來作為自己的標準色或者是輔助色。暖色也是有活力的象征,所以運動品牌也鐘愛暖色,像耐克。當然暖色也有消極的一面,暖色使人心跳加快、血壓升高,視覺停留在暖色時間過長,會使人產生焦躁不安的情緒。所以在醫院這樣的需要冷靜的場所,是幾乎不會出現暖色的,特別是紅色。那么在設計UI時,暖色的使用范圍我們就很清楚了,餐飲類、娛樂類、運動類等等都可以使用暖色來作為主色調。冷色系包含藍色、綠色和紫色,相對暖色,視覺強度要弱。它們是夜、水和自然的代表顏色,通常給人感覺是舒緩,放松,甚至有一點冷淡。藍色是冷色系中唯一的原色,這意味著其他顏色是由藍色混合某種暖色而成(混合黃色得到綠色,混合紅色得到紫色),綠色繼承了黃色的一些屬性,而紫色則繼承了紅色的一些屬性。在設計中使用冷色可以營造一種冷靜、嚴謹或專業的感覺。一些高科技企業為了傳達一種專業、嚴謹的}L`理感受,通常使用深藍色作為企業標準色。跟大自然相關的一些界面設計通常喜歡用綠色作為主色調,特別是橄欖綠,給人傳達一種清新自然的感受。設計紫色是女性鐘愛的顏色,它傳達了高貴、性感、誘惑、魅力等感情色彩,高端奢侈品常用紫色來作為主色調,服務于女性的機構,如塑身美顏的美容行業,很多都用紫色來作為企業主色1周。黃色:青春、樂觀、豁達。常被作為點睛之筆。紅色:活力、速度、緊迫感,常用用于節慶。藍色:信任、安全、有底蘊、神秘,常用于企業、銀行、安全中ALL`等行業機構。綠色:生命力、輕松、天然、無污染,常用于跟自然相關的行業。橙色:積極、進取、活力,耐克專賣店使用的也是橙,代表活力與運動。粉色:浪漫、女人、可愛,常用于女性消費行業或者是兒童用品等。黑色:影響力、時髦、嚴肅,常用于奢侈品營銷等。設計紫色:高貴、冷艷、誘惑,常用于美妝或美顏塑形的女性產品設計中等。當然每一種顏色的感情色彩不是一定的,飽和度和明度的不同,色彩傳達出來的感受也會完全不同:顏色之間的搭配的不同,也會讓色彩又不一樣的感覺:顏色搭配時,每種顏色的比例不同,也會出現不同的視覺效果。所以要使用好色彩,除了了解各種色彩的感情色彩,更重要的是通過正確的色彩搭配,向用戶傳達不同的情感。三、色彩的搭配(一)黑白灰如果沒有更好的配色方案,可以選擇黑白灰進行搭配,正如我們穿衣搭配一樣,有可能不出彩,但是至少不會錯。當然,黑白灰也需要有豐富的層次,否則整個界面就會感覺很單調無趣了。(二)黑白灰基礎上加入一種或者兩種顏色如果你覺得黑白灰過于單調,那么可以試著在黑白灰的基礎上加入一種或者兩種顏色,會使得整個畫面鮮亮活躍起來。(三)使用同一色相的不同飽和度或者明度的顏色進行搭配使用同一色相的顏色進行搭配,整個畫面色調非常的統一整體,不會亂,又不乏豐富的細節,不失為一種好的色彩搭配方式。(四)鄰近色搭配鄰近色都互相含有彼此的顏色,所以鄰近色的搭配一般來說都是比較協調的,比起同意色相內的顏色搭配,鄰近色的搭配會使界面色彩看上去更加豐富,更加活躍。(五)使用互補色進行搭配互補色的搭配對于新手來說是比較有挑戰性的,比例或者飽和度選擇不好的話都會使效果大打折扣,所以,使用互補色要注意顏色之間比例的搭配。(六)使用自然風景照片進行主色調設計大自然的色彩搭配是最美的,選擇一張色彩明快豐富的風景照片作為背景色,用模糊的方式對其進行處理,在上面呈現文字和畫面是很好的選擇。當兩種及兩種以上的顏色放在一起時,任何一個色彩都會被當作其他色彩的參照物,他們之間出現色彩對比關系。色彩的對比是絕對的,因為兩種以上色彩在配置中,總會在色相、飽和度、明度和大小比例方面或多或少地有所差別,這種差別必然會導致不同程度的對比效果。對比強烈的顏色需要加強共性來進行調和,對比較弱的配色需要加強對比來進行調和。說得簡單點,當你明顯感覺到一種顏色的力量過弱或者過強時都需要調整。為了某一目的,應調整色彩的色相、純度、明度和面積等方面,以達到色彩集合的和諧、統一。如果我們使用兩種很難調和在一起的顏色進行搭配,這時就需要介于兩種顏色之間的輔助色。結語色彩是影響視覺思維的重要方面,用好色彩對UI設計十份重要。色彩感知是用戶視覺思維的重要因素之一,色彩的應用對用戶交互體驗的形成起著強大的作用。現代交互設計師能夠合理地對色彩進行搭配利用,從而幫助用戶找到所要的圖標、按鈕等;另外,合理的色彩運用能夠有效地組織、整理信息,從而使用戶對屏幕上龐大的信息進行歸納。恰當的色彩可以幫助用戶在使用產品過程中對操作的理解,同時,還可以有效地傳達相關的信息并減少理解上的誤差。另外,色彩也能幫助人們產生相關聯想使用戶可以通過某些關系來識別系統中與之對應的信息。不同明度、對比度、色彩的飽和度的色彩還可以調試屏幕中的各種目標,使其產生不同的效果從而強調各自要傳達的信息。把色彩當人看,當你確定一個界面的主色調時,其他的顏色要不就和“她”和平共處,要不就和“她”打架,誰實力堅挺,誰就住在整個畫面。而設計師就是那個調停安排的人,幫助“他們”解決問題。

參考文獻[1]顧文佳.UI設計中用戶交互體驗的視覺思維[D].中國美術學院,2012.[2]趙偲.基于感性工學與色彩心理學的2.5維UI界面設計研究[D].南京航空航天大學,2009.[3]馬燕.冷色調的誘惑—軟件UI的色彩情感[D].江西師范大學,2012.[4]姜葳.用戶界面設計研究[D].浙江大學,2006.[5]何浩.基于色彩心理

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間,僅對用戶上傳內容的表現方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容,請與我們聯系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論