• 沒有找到結果。

產品配色意象認知的分析與視覺化(I)

N/A
N/A
Protected

Academic year: 2021

Share "產品配色意象認知的分析與視覺化(I)"

Copied!
7
0
0

加載中.... (立即查看全文)

全文

(1)

行政院國家科學委員會專題研究計畫 成果報告

產品配色意象認知的分析與視覺化(I)

計畫類別: 個別型計畫

計畫編號: NSC91-2411-H-011-004-

執行期間: 91 年 08 月 01 日至 92 年 07 月 31 日 執行單位: 國立臺灣科技大學工商業設計系

計畫主持人: 陳玲鈴

計畫參與人員: 陳姵伊 許碩修

報告類型: 精簡報告

處理方式: 本計畫可公開查詢

中 華 民 國 92 年 12 月 21 日

(2)

行政院國家科學委員會專題研究計畫期中進度報告 產品配色意象認知的分析與視覺化(I)

Analyzing and Visualizing Perceptions of Color Combinations in Product Design

計畫編號:91-2411-H-011-004

執行期限:2002 年 8 月 1 日至 2003 年 7 月 31 日 主持人:陳玲鈴 台灣科技大學 工商業設計系 計畫參與人員:陳姵伊 許碩修

一、中文摘要

本研究以產品的配色作為研究重心,

以手機為範例,探討產品設計中雙色配色 之色彩意象,並分析雙色配色之意象與組 成單色意象間的關係。

本研究以 45 支行動電話作為先導調查 樣本,讓受測者依產品配色型態做分類,

歸納出最常出現的配色法則。另外收集市 售行動電話 250 支,分析後得到 10 個代表 色系以及其常用之搭配顏色共 21 組色彩組 合。以 Munsell 色彩系統為校正色彩之依 據,將常用色彩套用常見的配色法則,分 別作為三個偏好性實驗的刺激物樣本:A 實驗為雙色配色色塊 31 組,B 實驗為行動 電話 3D 繪圖 21 組以及 C 實驗的實際行動 電話樣本 7 支。由 30 位受測者針對 35 組 屬性形容詞進行意象實驗,利用語意差異 法探討受測者對行動電話之雙色配色認知 與偏好。調查結果以多向度評量法進行分 析。

研究結果顯示當無彩色相互搭配時,

雙色配色刺激物會偏向明度低的方向,且 有彩色與白色搭配時,會偏向彩度高的色 彩。單色色彩不會因為形狀的不同而影響 其意象的感知,而雙色配色刺激物在空間 中,會座落在其組成的二單色之間。在細 緻與粗糙的向量軸投影發現,結果顯示當 雙色配色加入銀色時,的確能提高其細緻 的感受。而在三個不同刺激物的偏好比較 方面,受測者並不會因為刺激物的形式不

同而影響其對色彩配色的感知。三種刺激 物樣本在色彩空間中的分布情形非常接 近,雖然 3D 繪圖非常擬真,但其意象並不 一定最靠近實際產品;3D 繪圖儘量模擬真 實產品,雖然預期能和實際產品的意象比 較接近,但最後仍是以 2D 的呈現方式輸 出,所以其結果反而與雙色色塊的意象比 較相近,因為皆是以 2D 的方式來呈現刺激 物樣本;實際行動電話由於質感的表現增 加了色彩的明度與彩度,增加意象上較活 潑、動態的感覺,所以確實比 3D 彩繪之刺 激物及色塊更具精緻的感受。

關鍵詞:產品配色型態、色彩意象空間、

語意差異法、多向度評量法 Abstract

This research focuses on the affective responses evoked by two-color combinations. Mobile phones are selected as the example product to investigate the relationship between different color combinations and affective responses.

Schemes for two-color combinations in mobile phones were identified by using 45 mobile phones as stimuli and asking subjects to group the mobile phones according to their color-combination schemes. Most frequently used color-combination scheme was selected as the target for their research. To determine representative colors, images of 250 mobile phones were collected and analyzed. Ten representative colors and their most frequently paired colors were identified, resulting in 21 color combinations.

Using Munsell colors system as the basis for color control, three separate sets of stimuli were prepared:Set A is a set of 31 color combinations presented as abstract color blocks;Set B is a set of 21 color combinations presented in computer renderings;

(3)

Set C is a set of 7 color combinations presented in actual mobile phones. 30 subjects evaluate the stimuli based on 35 bi-polar semantic differential scales in three separate.

The results show that affective responses towards stimuli of monochrome colors are influenced more by the color of lower value, and, when a color is paired with white, the affective responses towards the color-combination is influenced more by the color of higher chroma. Responses evoked by single colors do not appear to be affected by the size. In general, the responses toward a two-color combination colors. The inclusion of the color silver usually increases the feeling of being delicate. With respect to the comparison among the three sets of stimuli:abstract, computer rendering, and actual object, the results show that the affective responses did not exhibit large discrepancies, Responses to the abstract and computer rendering stimuli are fairly similar; where as the actual mobile phones project more dynamic and active images.

Keywords: Color combination schemes, Color Image Space, Semantic Differential, Multidimensional Scaling

二、計畫緣由與目的

色彩的配置方式五花八門,套用在實 際產品上更是複雜。市面上現有產品中很 少有單一色彩的配色出現,無論面積的大 小如何總是會再搭配上另一個顏色,來豐 富產品在視覺上的效果。因此,本研究以 市面上消費性電子產品當中最熱門的行動 電話作為研究的對象。分析行動電話常用 的配色方法,找出最常出現的配色型態來 深入探討雙色配色之認知意象。

此外,本研究嘗試加入目前消費性電 子產品常見的金屬色(金色與銀色)作為研 究的樣本,探討純色與純色間的相互搭配 以及純色與金屬色的相互搭配,觀察人們 是否因為產品加入金屬色彩而產生雙色配 色認知空間的變化與差異,了解消費者對 於色彩配色的認知。以賴俊邦(1999)所提出 的單色空間為基礎,並將本研究結果與其 研究所建構出來的單色意象空間作比較,

同時也和鄭守益(2002)之雙色配色的認知 空間作分析和驗證,探討單色與雙色空間 的變化情形和觀察雙色產品的配色意象變

化。藉由進一步的探討與比較,對雙色配 色之色造型因素有更深入的了解;

本研究的目的在以下加以說明,共五 點:

1. 找出行動電話最常出現的產品配色型 態。

2. 建立一套產品之雙色配色意象空間

(包含 A.雙色色塊、B.雙色配色行動 電話模型建構 Render 圖片以及 C.實際 噴漆之雙色配色行動電話,三個雙色 配色之色彩意象認知空間)。

3. 探討 2D(雙色色塊與雙色配色行動電 話模型建構 Render 圖片)與 3D(雙 色配色行動電話模型建構彩繪圖片與 實際噴漆之雙色配色行動電話)色彩 計畫的差異。

4. 比較產品的雙色配色意象認知空間與 單一色彩意象認知空間。

5. 觀察加入金屬色之雙色配色的色彩意 象認知空間的變化情形。

三、研究方法與步驟

由於時間之限制,無法兼顧多種不同 產品,僅以手機為例,做雙色配色的探討。

本研究分為五個階段,第一階段先收集相 關資料進行主題的切入與分析。第二階段 目的在找出產品之代表配色型態。第三階 段找出行動電話的代表色以及各代表色所 習慣搭配的副色彩。第四階段套用之前所 歸納出的配色型態與代表色彩,分別設計 3 套不同類型的刺激物樣本,在 A 實驗當中 是以雙色配色的色塊作刺激物樣本,而 B 實驗是以電腦輔助軟體(Alias)建構模型,

搭配雙色配色運用 3D Render 出來的正視 圖圖片作為刺激物樣本,最後一個 C 實驗 則是以實際行動電話樣本進行雙色配色的 噴漆作為刺激物樣本。最後階段將結果數 據經統計軟體 EXCEL 整理出初期空間矩

(4)

陣 , 運 用 其 資 料 , 進 行 多 向 度 評 量 法 (Multidimensional Scaling)中的多向度偏好 性 (Multidimensional Preference , 簡 稱 MDPREF 簡稱)分析方法,來計算出受測者 對於雙色配色意象之認知空間。

產品配色型態分類調查

由於本研究以行動電話為研究對象,

因此針對行動電話做大量的樣本收集,以 盡量涵蓋所有配色型態為目的,經由年 鑑、通訊雜誌、店面型錄收集,得到行動 電話的各式配色型態。先將行動電話之圖 片進行第一次的篩選,把配色型態重複的 圖片去除,再將圖片進行去背處理以降低 背景對實驗所造成的干擾,最後將圖片進 行編號,一共有 45 張刺激物樣本。受測對 象為 20 位有受過色彩訓練的設計系學生。

請受測著運用 Card Sorting 圖卡分類方 式,將 45 張刺激物圖卡依照不同的配色型 態進行分類;最後,運用階層式集群分析 的資料縮減方式來處理所得之資料,將類 似的配色型態分群,並且找出行動電話最 常出現的配色型態,作為後續實驗的刺激 物型態參考。

定義刺激物色彩

先針對網路進行大範圍的搜尋,再經 由市面上販售行動電話的店面直接收集行 動電話之型錄或者色彩取樣,運用測色計 定義各行動電話色彩的 L* a* b*值,將所收 集到的各廠牌行動電話共 250 支,進行色 彩相似性分類,最後得到 10 大色系;並將 此 10 大色系依照其搭配的副色彩做分類,

找出各代表色最常搭配的副色彩前二名,

共有 21 組配色組合,此 21 組色彩組合將 作為後續實驗之配色參考。本研究依據 Munsell 的色彩系統來定義刺激物顏色,將 10 大色系對照 Munsell 色立體,找出 L*a*b 值最相近的對應顏色之色票,運用 Munsell Conversion Software 與 Photoshop6.0 軟體

校正顏色至誤差值為±0.5 之內,所定義之 色彩為偏好性實驗的刺激物樣本所用。

偏好性實驗調查

本 研 究 設 計了三種不同的刺激物樣 本,分別是雙色配色的色塊 21 組、使用電 腦輔助軟體(Alias)建構行動電話模型並 Render 出來的 3D 模型正視圖圖片 21 張,

最後是實際行動電話樣本雙色配色的噴漆 7 支,以相同的 35 組色彩屬性形容詞作為 空間建構的基礎,分別進行三次偏好性實 驗,受測的對象為各 30 位受過色彩訓練的 設計學生。利用語意差異法的實驗的方 法,請受測者觀看刺激物之後,針對其感 知以屬性形容詞選擇其偏好認知評比,評 比的尺度為七階層。將資料經過統計軟體 運算出一個數值陣列,然後運用多向度評 量法 MDS 中的多向度偏好性分析方式 (Multidimensional Preference , 簡 稱 MDPREF 簡稱)來建構偏好性資料,最後建 立 3 個受測者的色彩意象認知空間,將 3 個色彩意象空間交叉比對,並與單色的意 象空間做比較,深入探討產品的雙色配色 意象變化。

四、結果與討論

本研究透過不同刺激物樣本的設計與 調查,運用多向度評量法演算出產品之雙 色配色意象認知空間,最後得到以下幾個 結果:

21 組穿插配色色塊之意象空間探討 1. 觀察各屬性形容詞軸向的分析結果發

現,搭配明度高和彩度高的色彩會產生 正面的感覺,特別是與白色搭配能給予 人輕快、快樂、年輕且精緻的感受;而 與明度低的色彩搭配,尤其與黑色搭配 容易產生負面的感覺,有陰鬱、沉重、

緊繃的感覺,不過能營造出穩重的意 象。因此本研究推論,設計師在產品設

(5)

計的情感傳達上,可以運用色彩明度與 彩度的高低來操控產品的個性。

2. 觀察 21 組雙色配色色塊的意象空間,

得到以下幾個推論:

(1) 當無彩色與無彩色搭配會呈現線性 的變化,二單色與雙色樣本位於同 一直線上,而且雙色刺激物往明度 低的單色方向移動。

(2) 當有彩色搭配黑色,雙色配色刺激 物被彩度高的色彩影響,偏向有彩 色 之 單 色 方 向 。 比 較 溫 暖 的 有 彩 色,與黑色搭配會偏向彩度高的一 端,比較涼色的有彩色,與黑色搭 配則偏向黑色的方向;有彩色搭配 白色,雙色刺激物在空間中都偏向 彩度高的地方;而有彩色與銀灰色 搭配的色彩在空間意象上,並不會 有太大的偏移。

(3) 而當二個有彩色互相搭配時,雙色 配色刺激物會往比較粗糙的方向偏 移,由於有彩色的單色都有極度明 顯的特質,不是明度很高就是彩度 很高,所以雙色配色刺激物的感知 都居於中間,沒有太明顯的偏移,

呈現線性的變化。

3. 由雙色配色色塊的色彩空間發現,當選 擇二個單色作色彩組合時,雙色刺激物 的在空間中的位置會落在組成的二個 單色之中。本研究推論,雙色配色刺激 物的意象會將二單色的感覺綜合,落在 二單色之間。

4. 觀察實驗結果推論,選擇無彩色作色彩 搭配的時候,受測者被前景色影響較 大,使雙色配色刺激物偏向前景色的單 色刺激物方向。

5. 根據實驗結果顯示,與銀色搭配之後可 以提高其明度,因此能夠增加其精緻的

意象;但是與黑色搭配之後,由於視覺 混色的原理,使得色彩因此變得混濁,

讓人覺得粗糙。

雙色配色與單色認知空間之比較

本研究是以 Munsell 的色彩系統做研 究的基礎,不過賴俊邦(1999)的單色空 間是運用 P.C.C.S.的系統,而且二研究之刺 激物形狀不同,但是由研究結果顯示,二 系統刺激物之意象並未嚴重偏離,因此推 論單色色彩並不會因為色塊刺激物的形狀 大小變化而影響受測者之認知,造成意象 上的嚴重偏離。

三種刺激物意象認知空間的比較

本研究透過三個不同刺激物的偏好性 色彩認知空間推測,受測者並不會因為刺 激物的形式不同而影響其對色彩配色的感 知。空間的結果顯示,三種刺激物樣本在 空間中的分布情形非常接近;根據三個刺 激物的比較發現,雖然 3D 繪圖非常擬真,

但其意象並不一定最靠近實際產品;3D 繪 圖儘量模擬真實產品,雖然預期能和實際 產品的意象比較接近,但最後仍是以 2D 的 呈現方式輸出,所以其結果反而與雙色色 塊的意象比較相近,因為皆是以 2D 的方式 來呈現刺激物樣本。若要詳細的分析,可 以得到以下幾個推論:

1. 2D 雙色配色色塊與 3D 建構彩繪圖片 在空間相對位置上差異不大,有的色彩 組合之二種形式的刺激物樣本位置幾 乎重疊,有非常高的相似度。本研究推 論,由於平面色塊無法表現金屬色彩在 實際產品上多變的反光,而 3D 繪圖可 以儘量模擬實際產品,因此打上虛擬環 境光後仍然可以表現出金屬質感,所以 3D 建構的金色與銀色刺激物樣本比平 面色塊偏向較精緻、明度較高的一端。

2. 3D 繪圖與實際行動電話樣本,在意象

(6)

空間中偏移的幅度不會太大。但實際樣 本由於質感的表現增加了色彩的明度 與彩度,所以增加意象上較活潑、動態 的感覺,使得明亮的更明亮,偏向意義 為動態的、誠實的以及亮的、爽朗的方 向;而搭配黑色更增加其量感使其感受 更強烈偏向軸端。因此本研究推論,實 際產品在色彩的表現上,確實比 3D 彩 繪刺激物以及色塊更具有精緻的感受。

3. 3D 彩繪刺激物雖然已經很像真實產 品,但是由於平面的輸出,仍然無法達 到實際產品的質感,反而使其視覺上感 覺笨重,增加其負面的意象,偏向了空 間的右下方,暗的、緊繃的、骯髒的以 及混濁的方向。

2D 平面的刺激物,在空間中全部都偏 向上方,為輕的、淺的、溫和平淡的意象,

由於平面的色塊僅為色彩的配置,沒有任 何干擾的元素,因此非常的單純,刺激物 的呈現以相片紙輸出,所以給予受測者比 較輕的感受。

四、計畫成果自評

本研究以手機為範例,探討產品設計 中雙色配色之色彩意象,分析雙色配色之 意象與組成單色意象間的關係。另外,本 研究並以三種刺激物,探討色彩配色之意 象的相關研究在何種狀況下,應使用何種 刺激物,方能得到與實物最接近的結果。

初步研究成果已發表於 2003 年設計學會設 計學術研究成果研討會,並將在資料從新 整理後投稿至國外相關期刊發表。

五、參考文獻

1. 賴俊邦,1999,「建立台灣色彩意象空間之調查

研究」, 國立台灣科技大學碩士論文

2. 鄭守益,2002,「產品雙色配色意象認知的分析

與視覺化」, 國立台灣科技大學碩士論文

3. 朝倉直已,1984,藝術˙設計的色彩構成,龍溪

國際圖書有限公司

4. 林書堯,1990,色彩學,三民書局

5. 賴瓊琦,1997,設計的色彩心理-色彩意象的色

彩文化,視傳文化事業有限公司 6. Munsell Conversion Software,

http://www.munsell.com/Software/cmcdown.ht m

7. SOGI 手機王,

http://www.sogi.com.tw/zplane/newsogi_1.0/

(7)

參考文獻

相關文件

Given a connected graph G together with a coloring f from the edge set of G to a set of colors, where adjacent edges may be colored the same, a u-v path P in G is said to be a

• An algorithm is any well-defined computational procedure that takes some value, or set of values, as input and produces some value, or set of values, as output.. • An algorithm is

To facilitate the Administrator to create student accounts, a set of procedures is prepared for the Administrator to extract the student accounts from WebSAMS. For detailed

* All rights reserved, Tei-Wei Kuo, National Taiwan University, 2005..

look up visibility, V look up BRDF for view, ρ integrate product of L, V, ρ set color of vertex. draw

look up BRDF for view, ρ integrate product of L, V, ρ set color of vertex. draw

孟塞爾色彩科學實驗室(Munsell Color Science

To improve the quality of reconstructed full-color images from color filter array (CFA) images, the ECDB algorithm first analyzes the neighboring samples around a green missing