畢業(yè)論文--頁面交互設計中的色彩語言

1、<p><b>　　畢業(yè)設計說明書</b></p><p>　　頁面交互設計中的色彩語言</p><p>　　2013年 6月 1日</p><p><b>　　摘　　要</b></p><p>　　交互設計的色彩研究正在隨著交互設計理念的不斷變化而快速發(fā)展，作為交互設計的重要組成部分，色

2、彩在交互設計中的作用顯而易見。當我們在為交互設計作品中色彩的精彩表現而陶醉時，也不得不為設計師的匠心獨運而感嘆。交互設計作品的色彩取向往往帶著濃郁的時代背景，而時代的變遷又往往依賴于社會的政治、經濟、文化、藝術等各方面的綜合發(fā)展。</p><p>　　交互設計中的色彩的對比與協調是對立統(tǒng)一相互存在的，有對比就有協調。在交互設計中要熟練的運用好強對比和弱對比的色調。有時需要和諧統(tǒng)一色彩搭配，對比太強會顯得畫面色彩混

3、亂缺乏主次。而有時又需要對比強烈的色彩搭配，太專注色彩的協調又會使畫面沒有亮點。掌握交互設計中色彩搭配的方法，也就是學會如何處理好個體與整體的關系。</p><p>　　關鍵詞：色彩搭配；交互設計；和諧統(tǒng)一；對比強烈</p><p><b>　　ABSTRACT</b></p><p>　　Interaction design research

4、 is with color changing interaction design concept and the rapid development of interaction design as an important part of the color in the role of interaction design is obvious. When we work for interaction design brill

5、iant color performance while intoxicated, they had to the designer's imaginative and sigh. Interaction design approach often works with a rich color background. The changing times and tend to rely on the political, e

6、conomic, cultural, artistic and other</p><p>　　Interaction design in color contrast and coordination are opposites exist with each other, a contrast there is coordination. In interactive design to skillfully

7、 use a good strong contrast and weak contrast colors. Sometimes necessary harmony with color, contrast color screen will seem too confusing lack of primary and secondary. And sometimes they need strong contrasting colors

8、, too focused on color coordination will make the picture is not bright. Grasp the interaction design color matching met</p><p>　　Key words：color matching；interaction design；harmony；contrast</p><p

9、><b>　　目 錄</b></p><p><b>　　前言1</b></p><p>　　第一章 什么是交互設計2</p><p>　　1.1交互設計解決的問題和目前發(fā)展狀況2</p><p>　　1.2交互設計與界面設計的關系2</p><p>　

10、　1.3交互設計與產品開發(fā)的關系和可應用的設計領域3</p><p>　　1.4人機交互的基本原則3</p><p>　　第二章 交互設計的色彩運用4</p><p>　　2.1目前交互色彩設計的時代特征4</p><p>　　2.2交互設計中色彩的選擇法5</p><p>　　2.3網頁交互設計8&

11、lt;/p><p>　　第三章 色彩語言在交互設計中的重要性12</p><p>　　3.1色彩在交互設計中的作用12</p><p>　　3.2色彩在人的心理和情感上所產生的作用13</p><p>　　3.3交互色彩協調搭配的基本方法15</p><p>　　第四章 我的畢業(yè)設計中色彩的創(chuàng)意表達1

12、7</p><p>　　4.1靈感來源17</p><p>　　4.2色彩在創(chuàng)作中的運用19</p><p><b>　　結論23</b></p><p><b>　　參考文獻24</b></p><p><b>　　附錄25</b></

13、p><p><b>　　謝辭31</b></p><p><b>　　前 言</b></p><p>　　目前全球經濟一體化，各種文化的碰撞，社會和科技的迅猛發(fā)展，給人類的意識形態(tài)領域帶來前所未有的沖擊?，F代設計作為社會新陳代謝更迭的推動力之一，其使命就應反映時代的特征和變化，并且推波助瀾。今天的設計，漸漸進入了成熟的發(fā)展

14、時期，從設計觀念到表現形式都在不斷地變化革新，并不斷向縱深發(fā)展。很多設計領域出現了多學科多專業(yè)橫向整合的趨向。設計的潮流呈現出多元整合的特征。展示設計在飛速發(fā)展的過程中有力而生動地表述了這一特征。</p><p>　　資迅社會的今天，相對過量的信息已經麻木了人們神經。我們都可能有過這樣的體會：在一個比安靜和人員相對固定的學校教室里，如果發(fā)生了一件很小的事情，同學們都會津津樂道相當長一段時間；但在一個人員繁雜的商業(yè)

15、廣場，哪怕發(fā)生了一個很大的盜竊案，人們很快就忽略了它的發(fā)生。這就說明了這樣的一個事實：當在信息量少，相對封閉的環(huán)境里，相應的信息就容易與人們發(fā)生互動和關聯；當在一個信息量龐大，相對開放的場所里，人們普遍只關心與自己利益密切的信息。同樣地，我們的門戶網站是一個相對開放的空間。那我們應怎樣使使用我們交互產品的受眾接受我們所傳達的信息，并與之發(fā)生聯系。這就需要從板式的劃分，功能的更新和色彩的搭配等方面進行分析。</p><

16、p>　　第一章 什么是交互設計</p><p>　　交互設計，又稱互動設計，(英文Interaction Design, 縮寫 IxD 或者 IaD),是定義、設計人造系統(tǒng)的行為的設計領域。人造物，即人工制成物品，例如，軟件、移動設備、人造環(huán)境、服務、可佩帶裝置以及系統(tǒng)的組織結構。交互設計在于定義人造物的行為方式相關的界面。</p><p>　　1.1交互設計解決的問題和目前發(fā)

17、展狀況</p><p>　　交互設計在人工物的設計和制作過程中由始至終的起到相當重要的作用，其差別只是在于有顯意識和無意識之分。然而，隨著產品和用戶體驗日趨復雜、功能增多，新的人工物不斷涌現，用戶的體驗到的新鮮事物不斷增多的情況下，人們對交互設計的需求也越來越明顯，從而使其在理論和實踐上作為單獨的設計學科的提議越發(fā)的頻繁。</p><p>　　然而，由于交互設計的研究者和交互設計的實踐者來

18、屬于不同的學科，而且這個領域本身還不成熟，因此人們往往對某些問題尚未達成共識，甚至對類似或相同的問題本身的理解以及解決方式也可能有不同方案，且相互矛盾。例如交互設計中的基本元素包含什么，現在也還在討論中。</p><p>　　但是人們也形成了一些共識，例如，交互設計是設計人和物的對話，而交互設計研究和實踐的本質可能是隱藏于這個對話中的。交互設計的目的包括：有用性、易用性和吸引性的設計和改善。</p>

19、<p>　　現在是數字時代，多媒體讓交互設計的研究顯得更加多元化，多學科各角度的剖析讓交互設計理論顯得更加豐富。現在交互設計功能服務的產品已經越來越多，同時還有很多新的產品也大量的采用了交互設計的理論。</p><p>　　1.2交互設計與界面設計的關系</p><p>　　用戶使用的界面是交互設計產生的結果，但是倆者并不是同一事物。交互設計的本質是研究人和物在交流過程中，人的

20、心理模式和行為模式，并根據此項研究，設計出可以支持人工物的交互方式，來達到人們對使用人工物的三個層次的需求。這樣看來，交互設計只是研究人工物交互方式的一種設計方法，而研究結果是產生了界面設計。顯意識交互設計不一定會影響到界面設計，但是界面設計必然會有交互設計的影子。</p><p>　　需要注意：交互性不只局限于某種相關的技術。人和人之間天然存在交互的。因此，交互設計可以用于所有與人相關的活動中，例如服務。這樣的

21、交互設計者，會用到各種交互設計的方法和原則。</p><p>　　1.3交互設計與產品開發(fā)的關系和可應用的設計領域</p><p>　　在沒有提出交互設計和體驗設計以前，產品設計者總是將交互設計以其他形式劃分到其他相關人員的工作范圍內。從某種意義上來講，設計出來的產品就應該能滿足人們的使用需求也就是交互設計；然而，當人們意識到簡單的界面設計不能滿足人們的使用需求時，交互設計就以一種獨立的設

22、計種類應運而生。并且有相關人員指出，交互設計應當在提出產品的初步構想和技術設計之間進行實施，這樣有效的節(jié)省時間和資源。</p><p>　　交互設計師的活動領域如下：界面設計、系統(tǒng)設計、網絡設計、產品外觀設計、環(huán)境設計、服務設計以及綜合性的系統(tǒng)設計。上述各個領域不僅需要有自身的設計特點，也都會用到交互設計的方法和原則。</p><p>　　交互設計師一般會參與團隊設計的各個環(huán)節(jié)，例如：圖形

23、設計、程序設計、用戶心理、用戶測試、產品設計等等。因此，交互設計師需要對上述領域有相當理解，以便于和不同領域專家開展合作。</p><p>　　1.4人機交互的基本原則</p><p>　?。?）系統(tǒng)界面應當直觀簡潔，作為一種人機交互界面，設計開發(fā)剛開始的時候就應該考慮到系統(tǒng)界面設計需要保持一致、直觀、功能性突出這三方面原則。使得用戶得到簡單直觀的界面的前提下，同時獲得靈活使用軟件的功能。

24、 （2）保持一致性。語言、布局和設計的界面元素是需要保持一致性的重點。保持一致性的界面可以讓用戶對于如何操作軟件有更好的理解，從而提升效率。 （3）界面設計要始終保持和用戶的溝通，提供實時反饋。 （4）方便使用原則：方便使用的第一原則是要符合用戶使用習慣。其它還包括：實現目標功能的最少數操作原則，鼠標移動距離最短的原則等。 （5）界面色彩要求：人們肉眼的視覺成像與計算機顯示器的發(fā)光成像有很大的區(qū)別，應該注

25、意這種區(qū)別作出適合人們視覺成像的色彩搭配。對于長時間被用戶使用的交互系統(tǒng)來說，能夠讓用戶在較長的時間使用后不會感到視覺疲勞為宜。例如灰色沉穩(wěn)的主色調，配以輕松活躍的淡彩色等等。千萬不要顏色過多煩亂，花哨艷麗，這樣不利于用戶的視覺交互。 （6）界面功能區(qū)域劃分要求：系統(tǒng)功能排列需要整齊統(tǒng)一，盡量按照功能的不同來劃分區(qū)域，這樣可以方便用戶使用；功能區(qū)域</p><p>　　第二章 交互設計的色彩運用

26、</p><p>　　2.1目前交互色彩設計的時代特征</p><p>　　在這個世界無所不在的媒體中，人類在世界的某一個地方開墾著屬于自己的色彩文化。色彩是企業(yè)經營的有利條件，它是21世紀商業(yè)設計的新資源。無論怎么使用，也不會枯竭的自然資源，它是地球上的人類一刻都不能回避的生活的環(huán)境。沒有色彩的世界是不可想像的。</p><p>　　交互設計的色彩研究正在隨著交互

27、設計理念的不斷變化而快速發(fā)展，作為交互設計的重要組成部分，色彩在交互設計中的作用顯而易見。當我們在為交互設計作品中色彩的精彩表現而陶醉時，也不得不為設計師的匠心獨運而感嘆。交互設計作品的色彩取向往往帶著濃郁的時代背景。而時代的變遷又往往依賴于社會的政治、經濟、文化、藝術等各方面的綜合發(fā)展。在交互設計領域里，我們所說的交互設計各個方面的時代特征通常都可以從交互設計作品的色彩中找到答案。</p><p>　　交互設計

28、在中國雖然年輕，但充滿活力；交互設計色彩的研究和教育雖然起步較晚，但卻前程似錦。我們在國內外眾多設計師及專家的色彩運用和研究成果的基礎上，作了更進一步的拓展與探索，從不同角度和視角分析了交互設計色彩的相關特征和風格，使交互設計的色彩研究更加全面和具有較強的藝術性和學術性。</p><p>　　一個交互色彩設計的成功與否，對用戶的視覺和心理感染力有著明顯差異。因為色彩是最直觀、最易影響人心理的設計因素，用戶看到網站

29、或者交互軟件的第一感覺主要是由色彩營造的展覽氛圍。好的交互色彩設計，具有很強的視覺吸引力，能充分體現交互的藝術魅力。同時，色彩設計又是交互設計中較難表現的一個方面。因為，人們受到的地域、民族、文化傳統(tǒng)的影響，對色彩的象征意義、偏好是有很大差異的。所以，交互色彩設計應根據產品用途、產品性質、針對群體，特別是使用者的特點來具體分析、落實。</p><p>　　進行科學合理的色彩設計，首先要了解構成交互色彩的設計元素有

30、哪些，我們要在哪些方面進行色彩設計；其次我們要知道色彩設計所要達到的是一個什么樣的效果。</p><p>　　也許有人說，色彩是視覺設計師需要考慮的問題，交互中可以不考慮顏色。沒錯，視覺設計師對于顏色有較強的見解和把握，由于色彩設計的重要度（人們對于信息的把握，首先也是由色彩開始的，其次才是圖形、文字），在產品設計過程中，視覺設計師有著第一評判權。</p><p>　　對于色彩的認知，從哲

31、學層面轉入科學范疇后發(fā)現，人對固定色彩的心理影響有其固化的習慣性，這些認知習慣也就延伸到了人對于產品的選擇中。這樣，在產品交互過程中，色彩也就可以被寬泛的表述進來，從而明確人的行為動機。</p><p>　　2.2交互設計中色彩的選擇法</p><p>　　2.2.1色彩心理選擇法</p><p>　　我們所看到的一切色彩，都具有色相、明度和純度三種不同屬性。不同的

32、色相、明度、純度，會給人們帶來不同的心理感受，色彩從心理感受上出發(fā)，宏觀到微觀，漸漸地接近最符合用戶心理感受的色彩區(qū)域。</p><p>　　選擇顏色時，根據色彩給人們帶來的心理屬性來篩選顏色，大家都知道，色相是色彩的冷暖，如赤、橙、黃、綠、藍、靛、紫，這幾種顏色的色相在人們的心理的上有明顯的冷和暖的差別。（圖2-1）如赤、橙、黃讓人想到太陽、陽光、烈火、燈光，這種能給人們帶來暖和的感覺就是暖色系；藍、靛，讓人想

33、到冰塊、冬天、雪花，給人們清涼冷寂的感覺就是冷色系。</p><p>　　給產品選擇顏色的時候要首先考慮的是產品定位和消費群體，其次考慮的是給人們帶來的心理感受是什么。如果需要給人們帶來年輕、活潑的感覺就選擇赤、橙、黃，如果需要給人們帶來冷酷、高貴、安靜的話就選擇藍、靛，這樣就完成第一輪篩選。（圖2-2）</p><p>　　圖2-1　　光的顏色</p><p>&

34、lt;b>　　圖2-2 　色環(huán)</b></p><p>　　第一輪篩選之后，選擇的如果是冷色系，就選擇色環(huán)右邊的區(qū)間，然后根據產品定位和色彩心理進行縮小范圍的篩選，使小范圍的色彩偏向、明度、飽和度的微小差別得到調整，最后匹配出相對最適合的色彩。</p><p>　　2.2.2.圖片映襯法 在擬物化場景圖片中尋找適合的色彩，進行設計，例子：閱讀器概念設計過程。雖然

35、圖形概念最終沒有采用，但是設計過程思考方式可以進行參考。</p><p>　　最早設計的時候尋找了一些讀書館場景圖片資料，然后在場景圖片（圖2-3）中取用3種色值（圖2-4）作為軟件主體顏色進行設計。</p><p>　　圖2-3 　場景圖片</p><p>　　從圖片中取用3中色值，進行場景化模擬。</p><p>　　圖2-4 　上圖

36、中提取的3中顏色</p><p>　　最后實現效果:（圖2-5）</p><p><b>　　圖2-5　　閱讀器</b></p><p>　　2.2.3.調查問卷數據分析法  即設計師提出多種色彩方案，以交互常用的調查問卷、用戶訪談等方式進行數據收集，根據數據分析刪選出最適合的色彩，這種方式準確率高，缺點就是時間成本和人力成本

37、都消耗比較多。</p><p><b>　　2.3網頁交互設計</b></p><p>　　在網頁交互設計中，既要立足信息的傳達，又要符合人們的視覺和思維習慣。設計網頁時注意各種信息要素的合理分布，使各類信息要素的位置、間隙、大小保持一定的節(jié)奏感和美感。人們對美的追求是不斷深入的，網頁交互設計同樣如此。我們可以通過網頁的內容與形式表現出統(tǒng)一和具有秩序，以及突出主題要素

38、的方式來迎合大眾的審美需求。在協調網頁交互設計中的各構成元素時，要注意對比其元素構成的面積、前后、數量等因素，強化視覺效果，以突出網頁的整體效果。 </p><p>　　網頁中的構成要素可以分為兩個方面：</p><p>　　風格定位：對于設計某個網站來說，要做的第一步工作就是確定網站整體的風格，不同的網站需要有不同的風格，其風格要與主題內容相統(tǒng)一。版面排版：網頁、報刊、雜志等平面媒體的版

39、式設計有許多異曲同工的地方，板式設計在網頁的設計中有著舉足輕重的作用。 </p><p>　　在網頁交互設計中，好的色彩搭配起到的作用相當重要。在一個網站中，如果有具備專業(yè)水平的色彩搭配，哪怕只出現很少的圖形，仍然會帶給瀏覽者難忘的印象和強烈的視覺沖擊力。除了以上論述的幾種要素，還有頁面的布局、框架的構成等也屬于網頁的構成要素。而色彩的運用往往會在第一時間抓住用戶的眼球?？傮w來說，在一個頁面最多不要超過四種色彩為

40、好，選擇一種為主色調；應當巧妙的使用顏色給人們帶來的心理感受。色彩運用的原則遵循“總體搭配合理，局部對比鮮明”，也就是說主頁在色彩的整體運用當中應當是協調統(tǒng)一的，局部色彩運用中有一些有視覺沖擊的對比即可。 </p><p>　　網頁的主題表現可以用色彩的不同來展現。以下是一些常用色系：（1)藍色，多用于商業(yè)宣傳，能使網頁看起來具有專業(yè)性，體現出一種嚴謹性和科技感。藍色也往往用于專業(yè)性、科技感比較強的場合，體現出一

41、種嚴謹和莊重。（圖2-6）(2)綠色，是大自然的顏色，給人以清爽舒服的感覺，可以讓瀏覽者閱讀時的視覺壓力大大降低。綠色多被用于與環(huán)保節(jié)能可持續(xù)相關的題目，如節(jié)能企業(yè)的網站。（圖2-7）(3)紅色，是充滿熱情的顏色，會使網頁變得充滿活力。紅色也是年輕活力的象征，有很強的視覺感染力和親和力。（圖2-8）(4)黃色，多用于賣場折扣宣傳。黃色給人放松安逸的生活情調，可以是人們感覺到一種友善親切感和實惠的廉價感。同時，黃色還是一種色調鮮明的顏色，

42、它搭配各種顏色都會出現很好的效果。此外,我們還可以適當的搭配一些黑、白、灰的顏色使用，可以產生出人意料的效果。（圖2-9） </p><p>　　一個頁面中盡量不要超過四種色彩，色彩太多找不到主色調，會顯得沒有主次，令人眼花繚亂。再者，需要注意的是文字與背景之間的顏色的區(qū)分，對比太強或太弱都不利于瀏覽者的閱讀。</p><p>　　圖2-6　　藍色調的網站</p><p

43、>　　圖2-7　　綠色調的網站</p><p>　　圖2-8　　紅色調的網站</p><p>　　圖2-9 　黃色調的網站</p><p>　　第三章 色彩語言在交互設計中的重要性 </p><p>　　在宇宙和自然界中，因為有了陽光、月光和人工照明，才使人類在白晝夜晚看清各種不同的物象，及其表面千差萬別的色彩。沒有了光，也便沒

44、了有顏色的區(qū)別。因為陽光是由赤、橙、黃、綠、藍、靛、紫七種彩色光合成的，各種不同顏色之所以呈現出不同的色彩，是因為吸收了其它顏色的光，只反射出與本身表面顏色相同的光的原因。色彩具有三種屬性色相、亮度、飽和度，還可以按變化規(guī)律分為原色、間色和復色。色彩對人的心理、情緒、行為產生影響，色彩在人類社會生活各個方面都起著舉足輕重的作用。</p><p>　　3.1色彩在交互設計中的作用</p><p&

45、gt;　　色彩是交互設計中一個非常重要的設計因素，同時色彩設計又有較高的難度。人們的色彩偏好更多地受到知覺經驗、情緒狀態(tài)、民族習慣、地區(qū)差異以及社會時尚的影響，因此不同的地域和種族甚至不同的個體對色彩的喜好有很大的差異。</p><p>　　在交互設計中，大膽巧妙地使用色彩，可以更完美的突出主題內容、交互主體形象和特定信息。</p><p>　　充分運用色彩帶給人心理的感覺，能產生感受上的

46、大小變化。色調淺而亮麗的顏色通常有擴張交互頁面的作用；相反，明度低，暗淡的顏色則會使交互頁面顯得狹小壓抑。</p><p>　　在統(tǒng)一的大交互區(qū)域面中，通過使用不同色塊的區(qū)域，可劃分出不同功能的交互區(qū)域。與此同時，與分割交互區(qū)域恰好相反，通過使用色調或色相相近或者相同的色彩進行聯系與呼應，這樣多區(qū)域之間也會存在連續(xù)性，產生渾然一體的效果。</p><p>　　利用色彩對交互區(qū)域的分割、延續(xù)

47、與融合，色彩在交互設計中即有豐富性又有統(tǒng)一性，從而增加交互設計的整體性和多樣性，統(tǒng)一與變化同存。</p><p>　　色彩在交互設計中傳達情緒的作用顯而易見，不同的色彩給人的心理感受也是不同的，同時也能營造出不同的氛圍。（圖3-1）</p><p>　　圖3-1 　色塊的對區(qū)域的劃分</p><p>　　3.2色彩在人的心理和情感上所產生的作用</p>

48、<p>　　色彩能引起人情緒上的變化，能強有力地表達感情。色彩進入人的視覺被感知的速度和程度差異，反映了色彩的物理屬性、視覺的生理屬性和人對自然現象的視覺經驗與色相聯系的心理屬性。</p><p>　　從相同距離看不同的色彩，有的感覺近（前進色），有的感覺遠（后退色）。從色相講，暖色系有前進感，冷色系有后退感。從明度講，明度高的色有前進感，明度低的色有后退感。從飽和度講，飽和度高的色有前進感，飽和度

49、低的色有后退感。這是由于人眼睛對顏色（光）的波長、振幅產生的感知度差異造成的，波長越長感知度越高，擴張感越強。明度高的色彩比明度低的色彩振幅強，易于被感知。</p><p>　　同樣面積的色彩，有的看起來大一些，有的看起來小一些。明度、飽和度高的色彩看起來會大于真實的面積，而明度、飽和度低的色彩則會小于真是的面積。暖色有擴張感，冷色有收縮感。</p><p>　　色彩華麗與樸素是因飽和度和

50、明度不同而引發(fā)的感受。飽和度高或明度高的色，給人以華麗感，反之給人以樸素感。不鮮明的冷色有真實感，白、金、銀往往給人以華麗感，而黑色根據使用情況有時有真實感，有時則有華麗感。</p><p>　　色彩的冷暖是通過人的視覺對世界上具有冷暖屬性的事物的經驗積累，與色相聯系在一起的一種心理感受。紅、橙、暖黃使人感到溫暖，藍色、青綠色使人聯想到水等冷性事物。綠和紫是中性色，改變它們明度和飽和度的高低，就可以產生冷暖感的變

51、化。無彩色中白色冷，黑色暖，灰色呈中性。</p><p>　　色彩的輕重感主要是因色彩的明度不同而引發(fā)的感受。明度高的顏色感覺輕，深顏色感覺重，在明度相同的前提下，色彩純度高的顏色感覺輕，低的顏色感覺重。</p><p>　　色彩的興奮與沉靜感主要由視覺刺激的強弱引起，根據科學家測定，紅色可以起到興奮作用，藍紫起到抑制作用，藍綠起到沉靜作用。紅、橙黃等純暖色系列能引發(fā)觀眾的興奮情緒，被稱為

52、消極的色彩。明度和飽和度也有積極與消極之分，高明度、高飽和度色彩傾向于興奮色，反之則趨于沉靜色。</p><p>　　色彩的柔軟與堅硬感是由明度和飽和度引起的感受。一般講，明度高、飽和度低的色給人以柔軟感；明度低、飽和度高的色給人以堅硬感。白和黑有堅硬感，灰色有柔軟感。</p><p>　　色彩的味覺感是一種由聯想產生的心理上的感覺。據調查，一般人認為，黃色、白色、橙色是甜味，綠色是酸味，

53、茶色、灰色、黑白是苦味，青色、藍色是咸味，這大概是因為人們對色彩的味覺和相應于該味道的代表性事物的顏色及特征有關。</p><p>　　表3-1 典型色彩的不同心理感受</p><p>　　3.3交互色彩協調搭配的基本方法</p><p>　　確定一種顏色作為統(tǒng)率交互的主色調，即在交互中確立的一種主導顏色，其面積、純度、明度等要素占絕對優(yōu)勢，由于燈光等因素的影響，

54、有時甚至只用一種顏色也能構成一個色彩變化豐富的交互。這種單色搭配方法簡潔干練、協調統(tǒng)一，容易被多數人接受，但也容易平淡乏味。</p><p>　　盡量選用比較容易實現交互協調的同色系顏色（同類色和臨近色）。例如紅色、橙色、紫紅色、紫色、藍紫色等顏色都含有紅色因素。</p><p>　　用無彩色、中性色緩解色彩的對比程度，即金、銀、黑、白、灰來隔離畫面的沖突色彩。</p>&l

55、t;p>　　調節(jié)交互距離，不要把相互沖突的顏色放在同一視角范圍內，避免對立顏色在同一視角內以較大比例出現。應當增加高純度色彩的透明度，這樣它們就可以互相透疊彼此的顏色使交互的色彩實現融合。（圖3-2）</p><p>　　改變光源的色彩傾向，就能使交互的色調協調統(tǒng)一，白光源能更好的反映固有色，而色光能夠提亮它的同類固有色，降低它的對比固有色。</p><p>　　依靠漸變色達成調和。

56、用漸變色調和是指一組色彩根據明度、純度排列成色階，使色彩有交互過渡，形成有序的多色系變化，從而實現色彩的調和。漸變色不僅能讓色彩變的協調，還增強了色調變得豐富性。</p><p>　　依靠純度的變化使色彩統(tǒng)一。在色彩的三屬性中，色相和明度的變化是顯而易見的，而純度的變化容易被忽視，而事實上，通過調節(jié)色彩的純度也同樣可以達到色彩調和的目的。色彩純度的對比相對于色相、明度的對比不會產生很大的視覺沖突，因為一旦色彩區(qū)分

57、開純度對比，純度低的色在視覺上會往后退，而限量的色則會往前進，自然形成一個交互層次。低純度色彩在畫面上的出現實際上剛好起到減弱色彩矛盾對立的作用。</p><p>　　依靠色彩面積的變化達成調和，在交互中縮小不易協調的顏色的面積，自然也就達成色彩的協調了，也就是說面積對比與色彩對比成反比關系。</p><p>　　通過添加色彩的肌理效果達成調和。有肌理的色塊，因為其自身有微妙的變化而容易和

58、其他顏色調和。例如一塊帶有肌理效果的藍色，其中包括了深藍、淺藍、灰藍的變化，這些層次變化使它容易和別的顏色協調。帶肌理效果的顏色不易使交互陷入呆板，容易產生一些獨特的效果。</p><p>　　交互設計中的色彩的對比與協調是對立統(tǒng)一相互存在的，有對比就有協調。在交互設計中要熟練的運用好強對比和弱對比的色調。有時需要和諧統(tǒng)一色彩搭配，對比太強會顯得畫面色彩混亂缺乏主次。而有時又需要對比強烈的色彩搭配，太專注色彩的協

59、調又會使畫面沒有亮點。掌握交互設計中色彩搭配的方法，也就是學會如何處理好個體與整體的關系。（圖3-3）</p><p>　　圖3-2 　色彩協調搭配</p><p>　　圖3-3 　弱色調突出主題</p><p>　　第四章 我的畢業(yè)設計中色彩的創(chuàng)意表達</p><p><b>　　4.1靈感來源</b><

60、;/p><p>　　西藏，是一個熟悉又陌生的地方。我們熟悉是因為在電視上、網絡上不斷的有關于西藏的報道，陌生是因為很少有人能夠踏足到這篇神圣的土地上。正因為他的陌生神秘，我才會對他向往已久。</p><p>　　去年10月份，學校組織我們視傳專業(yè)的同學去川藏采風。去之前我們在心里不斷的勾勒出許多關于西藏風景的畫。但是等你到了西藏你就會發(fā)現，無論你看過多少關于西藏風景的畫冊和文字，到了西藏，他依

61、然會重新更正你腦中幻想的風景的所有概念。如果說西藏是一副油畫，那么這幅畫的色彩必須由你親自去了之后才能調配。</p><p>　　在這次的采風過程中，給我留下印象最深的就是當地一望無際的綠色牧場，湛藍的填空，紅色的磚墻，金色的寺廟，漆黑的星空和臧紅色的喇嘛袈裟。這些顏色給了很大的靈感。（圖4-1，4-2，4-3）</p><p>　　圖4-1 　紅色的磚墻</p><

62、p>　　圖4-2　　小喇嘛的高原紅</p><p>　　圖4-3　　湛藍的天空</p><p>　　4.2色彩在創(chuàng)作中的運用</p><p>　　在這次采風過程中，我們看到的顏色千變萬化，都統(tǒng)一的存在于這個神奇的地方。每種顏色的搭配都可以說是天衣無縫，我只是在其中選擇了幾種我自己比較喜歡的顏色而已。喇嘛袈裟的藏紅色，頭冠的黃色，還有神秘的黑色。這張圖很好的詮釋

63、了我的畢業(yè)設計的色彩搭配。（圖4-4，4-5）</p><p>　　圖4-4　　陽光下的喇嘛</p><p>　　圖4-5　　喇嘛的聚會</p><p>　　我設計的這個手機門戶網站，就是搭配的這幾種顏色，主要是黑紅的配色。黑紅的配色本身就是經典配色，再加以黃色的點綴，顯得和諧而富有個性，同時富有吸引力。加之主體導航界面使用了大面積的白色，使得用戶在瀏覽網頁時不會丟

64、失視覺焦點，可以輕松的找到自己想找的內容。排版上也做了一些規(guī)劃，使其看起來不會過于繁亂。網頁設計遵循了“整體協調，局部豐富”的原則。（圖4-6）</p><p>　　圖4-6 　交互網站</p><p>　　這是我們小組設計的手機UI界面，背景以黑色為底，去掉了那些浮華的修飾，黑色本身會顯得比較沉穩(wěn)，給人以直接大氣的感覺。圖標也是采用的黃色和紅色，其中對黃色采用了明度的變化，這樣就不會使

65、整體的顏色混亂，也在局部多了些許的小變化。這樣的整體協調性是為了用戶使用起來不會造成視覺疲勞。（圖4-7，4-8）</p><p>　　圖4-7 　手機UI</p><p>　　圖4-8 　手機解鎖界面</p><p><b>　　結 論</b></p><p>　　綜上所述，在技術飛速發(fā)展和現代科技日新月異的現代

66、社會，交互設計的色彩是引導交互設計的利器。作為設計師，我們站在文化發(fā)展的前沿。我們應該努力提高我們所接受委托的信息。在社會的歷史進程中扮演一個重要的角色。承擔起社會賦予我們的責任和使命，做好我們本土的設計。對于交互設計則要我們通過色彩的應用增強視覺的吸引力，體現交互設計的藝術魅力。打動每一位使用者，在有限的空間內，締造一個獨立而嶄新的世界，在為企業(yè)帶來巨大效益的同時豐富人們的生活。</p><p><b&g

67、t;　　參考文獻</b></p><p>　　[1]　　原研哉．設計中的設計．山東人民出版社，2006.[2] 　 約翰內斯·伊頓．色彩藝術．世界圖書北京出版公司，1999.</p><p>　　[3] 　權寧杰．設計師談商業(yè)色彩設計．電子工業(yè)出版社，2006.</p><p>　　[4] 　韓子棟．展示設計色彩配色應用．江西美術出版社，

68、2003.</p><p>　　[5] 　郭琳琳 等．舞動的色彩．山東省農業(yè)管理干部學院學報，2006.</p><p>　　[6] 　《+DESIGNING》編輯部出品．色彩設計——日本平面設計師參考手冊．人民郵</p><p>　　電出版社，2011.</p><p>　　[7] 　黃琦，畢志衛(wèi)．交互設計．浙江大學出版社，2012.

69、</p><p>　　[8] 　趙金秋 等．設計中色彩情感與表達．湖南包裝雜志，2007. </p><p>　　[9] 　溫鑫茶工作室編著．網頁配色實用手冊．科學出版社，2011.</p><p>　　[10] 伊達千代．色彩設計的原理．中信出版社，2011.</p><p><b>　　附錄</b><

70、/p><p>　　本次畢業(yè)設計是與張毅、寧琦、蘇琳雁合作，本人負責網站、海報展板以及參加手機界面與標志的設計與制作。</p><p>　　圖附-1 　展示的整體效果</p><p>　　圖附-2 　展示的局部效果</p><p>　　圖附-3 　pop立牌的展示效果</p><p>　　圖附-4 　電子動態(tài)演示效果

71、</p><p>　　圖附-5 　書簽包裝盒的展示</p><p>　　圖附-6 　書簽包裝盒的展示</p><p>　　圖附-7 　海報展板</p><p>　　圖附-8 　側面整體展示</p><p>　　圖附-9 　側面整體展示效果</p><p><b>　　謝辭&l

72、t;/b></p><p>　　走的最快的總是時間，來不及感嘆，大學生活已近尾聲，四年多的努力與付出，隨著本次論文的完成，將要劃下完美的句號。 本論文設計在**老師的悉心指導和嚴格要求下最終完成，從課題選擇到具體的寫作過程，論文初稿與定稿無不凝聚著蓋迅達老師的心血和汗水。在我的畢業(yè)設計期間，*老師為我提供了種種專業(yè)知識上的指導和一些富于創(chuàng)造性的建議，給了我許多靈感。*老師一絲不茍的工作作風，嚴謹求實

73、的態(tài)度使我深受感動，沒有這樣的關懷幫助和熏陶，我不會這么順利的完成畢業(yè)設計。在此向蓋訊達老師表示深深的感謝和崇高的敬意！ 在臨近畢業(yè)之際，我還要借此機會向在這四年中給予我諸多教誨和幫助的各位老師表示由衷的謝意，**老師等等，感謝你們四年來的辛勤栽培。不積跬步何以至千里，各位任課老師認真負責，在你們的悉心幫助和指導下，我能夠很好的掌握和運用專業(yè)知識，并在設計中得以體現，順利完成畢業(yè)論文。 同時，在論文寫作過程中，我還參考了

74、有關的書籍和論文，在這里一并向有關的作者表示謝意。 我還要感謝同組的各位同學以及我的各位室友，在畢業(yè)設計的這段時間里，你們給了我很多的啟發(fā)，提出了很多寶貴的意見，對于你們幫助</p><p>　　希望我們的友誼常青！</p><p>　　大學四年的生活和學習給我留下了太多美好的回憶，在此不能一一道來，希望親愛的老師和同學們今后在工作和生活中都能帶著我真摯的祝福一帆風順，幸福安康！&