時也設定創作資訊圖表設計之像素尺寸為寬 7678 Pixels、長 14172 Pixels (印刷 尺寸為:寬 60 公分、長 110 公分),以便有足夠之大小進行資訊的陳列與表現。
腦繪圖軟體 Adobe Illustrator、Adobe Photoshop 進行扁平化、精緻化與色彩計 畫,製作過程中也須不斷檢視是否能與資訊之內容相呼應,以及在視覺上是否簡潔,
符合扁平化之視覺風格。
5. 資訊圖表製作
將完成之圖像元素依資訊框架彙整以進行資訊圖表的設計,並透過本研究所歸納之 資訊圖表設計要素,整體性的觀察與應用於創作當中,此階段須不斷調整框架與圖 像的呈現方式與細部修正,以及考量圖像與標題、與內文三者間的相互關係。
6. 創作成果評估
資訊圖表設計於完稿後,執行視覺與資訊上的表現評估,並不斷反覆檢視十張資訊 圖表間是否具一致性與協調性,以及探討資訊傳達是否有達到其溝通目的性,以進 行最後的修正。此外,本研究透過問卷調查的方式,蒐集五十位受測者對於此份資 訊圖表創作於設計要素上之表現評估,以作為創作成果之檢視。
圖 4-1:創作流程
4-2 創作主題與內容
將臺灣竹產業的竹材加工流程精簡化,著重於四大程序說明,包含了取材、去節除
4-3 創作說明
4-3.1 整體資訊圖表規劃
本研究所創作之資訊圖表,各張的創作主題與內容皆不相同,由於欲傳達之產業相 關資訊量龐大,為了設計出直覺且易懂的視覺圖像,本創作採用扁平化設計(Flat design)
的視覺風格進行整體的創作,極簡化的扁平圖像就類似於象形圖一般,能呈現出物件最 清楚的外觀特徵與輪廓,讓觀者可直覺地理解圖像所代表的含意,與象形圖不同之處在 於扁平化設計常使用鮮明的色彩搭配與簡易的陰影表現,讓圖像看起來更加細緻、具有 視覺張力,能有效提升觀者的閱讀興趣(圖 4-2)。
圖 4-2:將扁平化設計應用於創作
同時,藉由設計各種情境或裝飾性的視覺元素,如:樹木、雲朵、建築物、交通工 具等等(圖 4-3),將其適當地置於畫面空白處,能營造出與主題內容相符的情境,除 了能加強主題的視覺豐富性外,也能讓整體的視覺感受更顯得活潑、具有故事性。
圖 4-3:情境、裝飾元素
因應龐大的資訊量,除了採用扁平化設計外,本研究也在各張圖表上標入編號(圖 4-4),以引導觀者逐一地進行閱讀,能夠從竹材的基本資訊,慢慢地聚焦於臺灣地區之 竹材應用與重要竹種,進而帶領觀者有邏輯性地瞭解臺灣竹產業的各種面向,透過編號 的順序能有效的進行資訊鋪陳,幫助觀者在閱讀與理解資訊時更為流暢。
圖 4-4:利用標號引導閱讀順序
在資訊視覺化的轉化過程,則根據資訊的內容,選擇適切的資訊圖表類別應用,如 介紹臺灣竹產業的發展脈絡時,即可採用具有時間性之流程圖,讓視線可以沿著 S 型線 條的閱讀動線,逐一瞭解不同時期臺灣竹產業的變化。
然而,為確保資訊在傳遞上是完整、正確的,除了視覺圖像外,各張資訊圖表皆含
有共同的文字呈現模式,如主標題、內文副標題以及內文說明文,利用文字輔助觀者的
4. 圖像與風格重複性
在每張資訊圖表當中,適量地穿插相同的圖像或是裝飾性視覺元素在創作當中,能 產生彼此相互呼應的效果,風格一致的元素重複出現在畫面中也能達到相輔相成的 效果,營造出系列資訊圖表在視覺上的豐富感受。
透過上述整理可發現,多張資訊圖表的視覺一致性是妥善地運用了「重複」的設計 原則,將排版、色彩、字體、圖像視覺風格等等進行系統化的規劃,讓資訊內容量龐大 的多張作品間,能透過一致的視覺表現,呈現出系列感,提升整體視覺豐富度,也可延 伸運用至商業品牌進行資訊圖表設計推廣時之統一識別參考,塑造品牌的獨特性,並延 續一致的視覺風格。
4-4 創作作品
圖 4-6:竹材與木材的特性比較
圖 4-8:臺灣六大竹種介紹
圖 4-10:臺灣竹產業的竹材加工流程
圖 4-12:臺灣竹產業所面臨的困境
圖 4-14:體驗臺灣竹產業
4-5 創作分析
本節將根據本創作研究第三章研究方法所歸納出之資訊圖表設計要素「視覺吸引 力」、「視覺動線」、「資訊精簡性」、「資訊正確性」,以及上節所提到多張資訊圖表設計 時的「視覺一致性」五項設計要素進行創作成果檢視。
1. 視覺吸引力
資訊圖表的功效在於能夠將圖像的傳達力量極大化,將複雜、難以言傳的 的資訊透過容易理解的圖像,讓觀看者一目瞭然,而在資訊視覺化的過程中,
也可以藉由設計者的平面設計手法,使枯燥的文字資訊轉變為吸引人、有趣的 視覺圖像,提升觀者的閱讀意願。例如:在說明臺灣竹產業的未來發展可以朝 向跨領域專業合作,研發竹材的創新應用時,單靠文字解說是平淡的,因此,
將「研發」的意象圖像化,呈現出研發時的情境,整體畫面上就變得更加引人 注目,如下圖 4-15 所示。同時,藉由扁平化設計的視覺風格,運用鮮明的色彩 搭配與陰影製作,讓極簡的視覺畫面也能夠具有精緻而吸引目光的效果。
圖 4-15:竹材研發視覺化
色彩的選用也影響著視覺畫面是否具有一定的吸引力,善用色彩的協調性
快速凸顯出重點資訊,讓觀者的視線能快速聚焦。
圖 4-16:協調與對比色彩的應用
本資訊圖表創作多選用協調的色彩搭配,但在部分圖表中,仍有應用色彩 對比的配色手法,讓觀看者在閱讀多張資訊圖表時,藉由協調與對比交互的色 彩刺激,提升觀看者閱讀時的興趣與意願。以下圖 4-17 為例,透過彩度對比與 明度對比的差異化,凸顯主題的深灰色與朱紅色,能有效於藻色的背景中脫穎 而出,使重點資訊很容易就受到注目,添增視覺的豐富性。
圖 4-17:協調與對比色彩的應用
因應不同的資訊呈現目的,在視覺風格上有時會進行微幅的調整,例如:
在臺灣六大竹種特性介紹時,本創作則捨棄扁平化的風格,以類似於植物圖鑑 的方式進行擬真的繪製,表現出臺灣六大竹種間在外觀上的主要差異,讓觀者 能夠清楚辨識其特徵,如下圖 4-18 所示:
圖 4-18:臺灣六大竹種擬真表現
本創作亦妥善運用圖地關係,藉由情境化的視覺物件增加畫面的豐富度,
同時營造出與主題內容相符的空間,讓整體視覺更具視覺焦點與故事性,例如:
介紹竹林適合生長的環境時,藉由圖像呈現出相符的自然環境,一方面能融入 背景成為吸引人的情境畫面與視覺焦點,另一方面也能藉由情境述說相關訊息,
讓資訊與圖像間的相互關係更加緊密,如下圖 4-19 所示:
2. 視覺動線
本創作在視覺動線的規劃上,因應觀者平常的閱讀方式以及長條形的尺寸 規劃,在動線上皆是以由上而下的方式進行閱讀,而在各張創作中也運用了類 似而不同的視覺動線,大部分的資訊內容為由左至右觀看,而因應不同的內容 性質,則會選用不同的視覺動線規劃,如下圖 4-20 是在介紹臺灣竹產業的竹材 加工流程以及臺灣竹產業的歷史發展,因資訊內容含有時間的元素,利用時間 軸中的 S 形動線,能有效引導觀者沿著線段進行閱讀。
圖 4-20:視覺動線說明
在相同性質的資訊編排上,則透過有形或無形的框架,產生視覺區塊來區 隔資訊間的差異性。如圖 4-21,本創作將竹材的優點以幾何圓形排列,雖然沒 有明顯的色塊將其框出,也能因為外觀的一致性與接近的距離產生無形的視覺 框架。在有形的視覺區塊處理上,為了避免色塊的視覺過於突出,造成視覺上 的混亂,則多以具有透明度的白色呈現,讓色塊上的資訊能夠清楚的顯現出來,
如下圖 4-22 所示。
圖 4-21:無形的視覺區塊
圖 4-22:有形的視覺區塊
為了添增在閱讀時的豐富性,在某些視覺物件的處理上,利用翻轉、傾斜 的方式,讓視覺物件在編排上更加活潑以避免形式過於一致而顯得單調,如圖 4-23,若將筆直的竹劍與竹碳以垂直或水平置放,會讓整份的竹材在排版上顯 得呆板而無趣,藉由同一角度的傾斜方式,讓視覺動線在閱讀時可以適時地接 受到刺激,避免閱讀疲乏。
圖 4-23:視覺圖像傾斜擺放
比例大小的配置也是影響視覺動線的要素之一,觀者的視線容易被比例面 積較大的視覺物件吸引,因此能夠透過這個特性,將資訊能以主從關係進行排 版,讓重點資訊先注目到,再藉由情境加深資訊圖表的主題性。如下圖 4-24,
即將臺灣竹產業三個未來的發展方向,透過面積較大的色塊進行區別,同時呈 現出未來城市的情境,再藉由比例面積較小的城市意象,增添畫面整體的視覺 豐富程度。
圖 4-24:比例與視覺動線的關聯性
3. 資訊精簡性
本創作研究藉由第二章的文獻探討,將創作欲介紹的臺灣竹產業相關資訊 先行消化與精簡化,捨去過於繁瑣、複雜的資訊,並將重要資訊分類與彙整成 對觀者閱讀友善的角度進行資訊的呈現,讓資訊圖表的傳達效率更加完善。
例如:介紹臺灣竹產業加工流程時,實際加工過程取決於後續應用的差異,
都會有不同的加工工法與步驟,考量到多數觀看者對於竹材加工並不熟悉,若 過於詳細的進行解釋,可能會影響到閱讀意願,因此在加工流程的資訊傳達上,
簡化為四個主要步驟,如下圖 4-25 所示:
簡化為四個主要步驟,如下圖 4-25 所示: