Blog

第11期:兩週年紀念專刊

cover_outline


兩週年紀念專刊

circle 滿 2 歲了!本期紀念刊要特別介紹給大家台灣的經典設計──《漢聲》雜誌;也藉由 2 週年的主題「from _ 2 _ 」,看看設計如何轉換、延伸、改變與影響我們的視覺與文化──從東方到西方,從 經典到當代,從混亂到秩序,從平凡到精彩⋯⋯。

from west 2 east:《Echo》與《漢聲》雜誌

《漢聲小百科》與《漢聲中國童話故事》是許多人的童年回憶,但其實漢聲在一九七〇年創立時,是從英文版《Echo》雜誌開始,並延續發展至中文版的《漢 聲》雜誌,四十多年以後,這個「文化傳承」的工作仍持續耕耘中,許多年輕世代並不認識這些精彩,本期的特別企劃親訪了創辦人之一的黃永松先生,由他 親自帶領介紹《漢聲》雜誌設計的奧妙與背後蘊含的思維,更挖掘了許多不可思議的設計細節,原來,這才是台灣設計的經典!

circle_#11_spread 1-2circle_#11_spread 2-2circle_#11_spread 3-2

from practical 2 inspirational:歐里瓦 柯寧柏

2016 年年初,應台灣創意設計中心所營運的空間「不只是圖書館」的邀請,《circle》的總編輯為來自德國的平面設計師──歐里瓦 柯寧柏(Oliver Klimpel)擔任講座「從懷疑、喜悅到改變:轉化設 計的實踐」的現場翻譯。讓我們有機會近距離觀 察這位與眾不同的設計師。

circle_#11_spread 4 circle_#11_spread 5-2

from past 2 present:歐文字體千百種,為什麼老 用這幾種?

從識別系統、包裝、指標、各式各樣宣傳製作物,到學生論文與客戶的提案書等,我們的生活中充滿各種字體使用的場合,但放眼看去,幾款歐文字體的曝光率居高不下,已從經典變成菜市場字。但既然歐文字體選擇多如繁星,我們為什麼要執著某些的字體呢?

circle_#11_spread 6-2

from functional 2 playful:反覆的潮流

幾何的、規律的、跳躍的,四面八方無限繁衍。 衣著、紙面、動靜,不曾間斷。讓色彩不單調,讓簡單不無聊,褪去單純無辜的外表,他們究竟從何而來?或許跟你想像的很不一樣?

circle_#11_spread 8

from chaos 2 order:視覺現象——留白的恐懼

「少」一定是多嗎?還是「多」才夠引人注目呢?我們稍微觀察一下環境周遭,會發現台灣的視覺設計多半傾向「多」,甚至是「滿」的狀態,這到底是單純的現象,屬於台灣設計特有的風格,還是背後潛藏著什麼問題呢?

哪裡買?(已絕版,僅漢聲巷門市有少量存書)

分享這篇好文:

circle 兩週年紀念刊,關於台灣的平面設計

preorder-03

期間限定、線上獨家預購已經結束了,謝謝圈粉們的支持!紀念刊正式上市將於 7/11 開始,請大家密切注意喔!

圈粉們久等了,circle 精心策劃半年,終於要推出 2016 年的新刊了!從東方到西方,從經典到當代,從混亂到秩序⋯⋯。非收藏不可的豐富內容到底有哪些?現在馬上就帶圈粉們搶先看——

from west 2 east – 台灣雜誌的先驅
你看過「漢聲小百科」、「漢聲童話故事」、童書等,但是你知道其實漢聲是從英文版《Echo》雜誌開始的嗎?本期的特別企劃親訪了創辦人之一黃永松先生,由他親自帶領介紹《漢聲》雜誌設計的奧妙與背後蘊含的思維,更挖掘了許多不可思議的設計細節,原來這才是台灣設計的經典!

2016_05_21_echo_huang_0153

攝影:Jane Kung

from classic 2 present – 歐文字體千百種,為什麼老用那幾種?
字體的使用是許多設計師的罩門,害怕使用錯誤因而受限,甚至還有許多誤用情況發生。本篇精選幾款常用字體,帶大家了解經典、避免盲從,如果設計師想要跳脫這些慣用字體,又要如何選擇呢?

from practical 2 inspirational – 來自德國平面設計的啓發
接著我們與來自德國,不只是平面設計師的 Oliver Klimpel 交流,他以個人的創作經驗引導我們思考設計的本質:除了回應商業活動的需求,設計師還能做些什麼?讓我們開創更多平面設計應用的可能性。

from chaos 2 order – 留白的恐懼
捷運站四處貼滿的各種標語;電視螢幕分割畫面播放熱門新聞、重點新聞、廣告,底下再加上最新消息的跑馬燈;雜誌封面上,數個區塊條列各式標題,再擁擠的附上贈品⋯⋯。「多」到底是醜陋還是一種現象?

本期不但內容可口、視覺養眼,份量也是重量級的喔!還有更多等你來發掘!!

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –

預購時間:2016/6/7 — 2016/7/4

兩週年紀念刊定價$365元,圈粉獨享預購$290元(含郵)

寄送時間:7月份第一週(遇颱風假則延至第二週寄送)

如果您對於預購方式或本期內容有任何問題,歡迎利用e-mail:circle@way2creative.com 或是電話:02-2719.7059 與我們聯絡,謝謝!

註:為了做到最好,circle 保留上述刊物內容的最後修改權利。

分享這篇好文:

circle,兩週年解密!

2nd_an_zines

攝影:Jane Kung

在 2014 年春天創刊的 circle 設計微誌,即將在下個月滿 2 週歲了!

這兩年我們獨立發行了10期紙本雙月刊、每月在數位平台上發表2-3篇文章、每天嚴選2則好設計在臉書與粉絲們分享。但,我們似乎很少解釋自己,連某日巧遇的圈粉都說:你們非常低調。好的,趁著兩週年慶,久違的紙本刊物也即將重出江湖,我們難得分享創作心情,也為忠實的讀者及粉絲們「circle 解密」!

是誰在背後搞這小圈圈?

以方法原創way2creative具備多年業界經驗的設計師為核心,加上來自四面八方、志同道合的藝術家、設計師、學者們一同參與,從內容企劃、寫作、拍攝、插畫繪製到版面編排設計等,完全原生創作、獨立發行。而在我們一邊孕育 circle 的同時,也持續服務識別系統與書籍設計等商業案客戶。

2015_08_26_circle_9_0300

齊心協力的女子團體。攝影:Jane Kung,model:Zoe Hsieh

為什麼要搞這個小圈圈?

除了「做」與「看」設計以外,我們認為設計師及學生們也應該有機會「理解」設計、「思考」設計、「論」設計,對於設計有興趣的大眾,也能懂得如何「欣賞」設計。

在設計被提倡的年代,它隨處可見,各類應用從字體設計、文字編排、CIS、包裝、雜誌刊物、書籍、空間、導引指標,到數位動態與互動設計⋯⋯等,可以說是無所不在,也都蘊含了深奧的內涵,再加上跨領域、跨媒材應用的複雜度,要兼顧理性的思維與感性的表情是十分困難的。國外有許多設計專業雜誌及書籍提供設計師需要的養分,如英國的 eye、美國的 Print 和日本的 Idea 雜誌,反思我們是不是也應根據自己的文化語言需求,有一本中文的平面設計理論刊物?

所以我們創作了circle。

當然 circle 沒那麼偉大(也沒那麼多錢),所以我們從小刊做起,創作一本讓設計專業(狂熱)及學生們「輕鬆閱讀」的刊物,介紹各類應用的專業知識與思維、設計發展的歷史文脈、以及重要設計師的貢獻與啟發等等,內容不僅跨地域也無時效性,可收藏作為設計的參考資料,一步步建立平面設計專業的脈絡。

2014_05_premiere issue

2014年5月創刊號上市。攝影:編輯部

circle 的內容主題

每一期 circle 會有三個主題。首先,Typography 文字編排是每期的固定單元,主要著重在雙語文字編排的應用,從作者在台灣及美國兩地實際的工作經驗出發,研究漢字與拉丁兩者並存時的問題以及可能的解決方案,另外,也整理了許多編排上的使用規則,以及字體設計、字體搭配等相關的資訊與讀者分享。

第二篇則是各類應用,如第 1 期的「品牌設計」、第 4 期的「指標系統」、第 6 期的「包裝設計」、第 9 期的「刊物設計」、第10 期的「電子書」⋯⋯;重要的人物介紹則出現過包浩斯的 Moholy Nagy、Herbert Bayer、字體設計師 Petr van Blokland⋯⋯。

我們也喜歡實驗性的嘗試,如跨界應用的「人要衣裝、產品要包裝」(第 9 期)、跨媒材的「紙張的像素」(第 8 期)。

2014_08_24_circle_279_small

實際搭景的拍攝過程。攝影:Jane Kung

circle 的版面設計

既然是屬於自己的創作,設計上就沒在客氣,有別一般大眾熟悉的日系文青感,整體風格以簡潔的元素、大面積的色塊以及獨家的插畫與攝影做表現,我們根據不同主題展現各式樣的表情,希望能傳達 circle 的獨特個性。

封面設計搭配每期的主題,不計成本的嘗試了特殊材質及印刷技巧,如透明片、打凸、泡泡油墨、燙金等,第 9 期則選擇了可供彩繪的紙材。

內頁的版型雖然有固定的格律架構,但也會根據內容適度調整。理論式的內容較為抽象,閱讀上也有一定的專業深度,例如文字編排的介紹,需要佐以大量的圖示或圖片,以方便讀者抓到重點,因此我們花費許多時間心力在製作這些圖例。另外,為了延續文字編排單元的研究精神,circle 的版面上也是非常重視魔鬼細節的,無論是標符的使用、調和字距、字間距微調(kerning)、甚至是看不到標符內縮的絕對齊頭尾設定,我們也期望讀者在閱讀的過程中,能夠享受我們的用心。

circle-1

什麼樣的黑讓文字夠黑、又不會讓圖片太暗沉?印刷廠看樣校色是一定要的。攝影:編輯部

接下來 circle 想幹嘛?

在嘔心瀝血完成了10 期刊物之後,我們決定將重心轉移至數位平台,希望能讓更多人分享 circle 的內容,但是我們也感受到在網站發表文章,仍然會有長度與設計表現上的限制,為了能發揮紙本的價值、延續設計教育的目的,因此,我們在稍微休息後又開始了紙本的復出計畫,雖然又要面對辛苦的挑戰(內心os:是很蠢的決定),但在這兩週年之際發表仍是別具意義。

2 週年慶祝活動(From_2_),即將陸續推出!

為了感謝所有讀者、圈粉、作者、合作夥伴對於 circle 的支持,我們準備了一連串的活動等大家參與喔!

第一炮,2 週年紀念刊,圈粉獨享線上預購,已經開始!若各位圈粉認同 circle 的努力與堅持,請不要吝嗇支持!
第二炮,2 週年講座 from do to talk ,熱烈報名中!快來聽聽他們怎麼說!

想瞭解 circle 更多,或是有任何建議,也歡迎隨時與我們聯絡、交流!

── circlezine
── circle facebook

分享這篇好文:

如何創作與眾不同的圖表(4-3)──以地理為背景的可視化

infographics_地圖_cover-02

以地圖為背景的可視圖,可能是可視信息圖表中最龐大、歷史最悠久的一個分枝。通常它用來表現與地理位置相關的數值或分類數據。地圖有許多不同模式,不同模式間又能相結合演變出新的形式;而其模式的選擇取決於不同類型的數據,視覺表達則取決於數據編碼策略的差異。這一篇,我們要來介紹一些常見的、以地理位置為背景的可視圖類型與應用。

maps

一、等值區域圖 Choropleth Map

等值區域圖在分割地理區域中會以色彩、明暗,或圖案來對應不同的類別、不同數值表現的地區差別:區域顏色體現該地區代表的類別,數據變量透過顏色的變化直觀地顯示每個區域的規則與變異。通常情況下,變化會呈現於顏色間的漸變、單色的重複、明暗的過渡,甚至整個色彩光譜的混合交錯。

2015年,紐約時報針對在 Google 搜索引擎上六百億對某類潮流衣物名稱 (例如慢跑褲、闊腿褲、薄紗芭蕾裙等)的搜索,對時尚潮流進行調研。根據搜索名稱出現的頻率,結合搜索出現的地理位置,得出它在美國各州的流行程度與流行趨勢,可視圖中色彩的漸變顯示流行的程度──顏色越紅代表搜索率越高。下面的圖例是窄身牛仔褲 (skinny jeans) ,從2013年到2015年,各州在 Google 搜索引擎上出現的整體下降趨勢。

Screen Shot 2016-04-03 at 2.22.30 PM

圖片出處: http://www.nytimes.com/interactive/2015/04/27/business/google-fashion-trends-map.html?_r=0

二、流向地圖 Flow Map

流向地圖顯示的是,某種物體、信息從某地理位置到另一個位置的移動與流量。很多時候,流向地圖表達的是人、動物及產品的遷移數據。而線條的寬度通常代表流動幅度或遷移量。箭頭可以顯示流動方向或是「出」與「入」的對比。流向地圖的常見設計障礙是太多的流動線條(flow line),在狹小的視覺空間內容易顯得擁擠混亂。

又是一個紐約時報的例子 ──2015年6月,紐約時報發表的難民全球分佈調研。兩個設計元素幫助合成了當時的一千四百萬難民遷移的可視地圖:

(一)、發散的等距方位的流向線體現了難民活動最頻繁的國家和地區。

(二)、有別於利用箭頭或顏色的區分,設計者用微妙的線條粗細變化來象徵難民在國家之間遷移的方向,使視覺表達更清晰簡練。

Regugees

圖片出處: http://www.nytimes.com/interactive/2015/06/21/world/map-flow-desperate-migration-refugee-crisis.html

三、連接地圖 Connection Maps

連接地圖通常利用直線或曲線,表現不同位置點之間的關係。很多時候,這種關係試圖揭示的是抽象概念,例如用社交網絡不同用戶間的回應,反映不同地區間觀點表達的互動。這類地圖本質上是以地理空間為背景的佈局圖、網絡數據圖,下一期會具體舉例分析。

連接地圖更直接的應用,則是展示不同地理位置之間的關係,或由不同地點連接而成的路徑。法國土木工程師查爾斯·米納德(Charles Minard)在1869年繪製的拿破崙莫斯科行軍圖(Napoleon’s March on Moscow),就是一則連接地圖與量化數據相結合的範例。連接線始於波蘭與俄國的邊界,終於莫斯科;連接線的寬度顯示軍隊在每個階段的人數遞減,低端的連接線則展現氣溫與時間的變化。這則著名的圖形在二維的空間內表達了六種類型的數據:拿破崙的軍隊數量;、行軍距離、溫度差異、經緯度、行進方向,以及相對於特定日期的地理位置。

Minard

圖片出處: https://en.wikipedia.org/wiki/Charles_Joseph_Minard

四、點狀地圖 Dot Map

點狀地圖即通過同樣大小的點在地理區域中的位置、分佈來分析空間格局。點的密集度與散佈狀況,可以有效揭示數據值的大小與分佈規律。點狀地圖非常容易理解,能迅速地給觀眾一個數據分析的整體概述,但是不適合表述數據的精確值。點狀地圖中的點可以代表單個計數或對象(one-to-one),也可以代表特定多個數量 (one-to-many),例如一個點代表一百個人。

例圖是地理學家 Kyle Walker 用美國社區調查研究的移民數據,視覺展現移民在美國的地理散佈狀態。不同顏色代表不同移民原籍國,每個點代表二十個移民,彩色點的散佈、集中在互動地圖上形象地概括不同國家的移民在美國各地區的分佈狀況。

Screen Shot 2016-04-04 at 8.43.57 PM

圖片出處: http://personal.tcu.edu/kylewalker/immigrant-america/

五、符號比例地圖 Proportional Symbol map

這類地圖往往用一些簡明的圖標,集中在各個地理區域中來表現區域特徵。圖標的尺寸是與量化數據相聯繫,也就是說圖標的比例大小體現數值的比例大小。在地圖中出現的圖標常會用餅圖或條圖來呈現,以便在一張圖表中展示更多的數據信息。

英國設計師 Simon Winter 設計的「全球人口數據圖」是一張世界地圖,也是全球人口統計圖,它更闡述國家土地面積與人口比例之間的關係。圖中的每個餅圖不僅代表國家的面積和地理位置,也同時體現該國人口與土地面積的比例。

globalheadcount

圖片出處: https://www.behance.net/gallery/4159963/Information-graphics-Global-headcount

 

以地理方位為背景的可視圖,能表達各種類型的事實、關係和信息。也如同其他類型的可視圖,它們的視覺傳達方式同樣靈活多變;但它們又不同於其他形式的信息可視圖,它所呈現的視覺信息之間,必定存在某種空間關係。如何將視覺表達與空間關係相結合則取決於故事的本身。只有把敘述的對象、想要達到的目的,以及提出的問題完整分析,才能更有效拓展視覺表達的創意潛力。

 

──全文未完,敬請期待〈如何創作與眾不同的圖表(4-4)〉

──〈如何創作與眾不同的圖表(4-1)〉、〈4-2〉

分享這篇好文:

當代建築潮流(下):現代建築6大趨勢

website-01

《世界現代設計史》、《世界平面設計史》作者王受之教授,在上一篇〈當代建築潮流(上):小史〉中,為我們簡單釐清當代建築的發展短史,以及中西建築發展的特性;這一次,他直接為我們剖析現代建築發展的趨勢。

現代建築6大趨勢:

1. 同質化

這是一個無可避免的主要方向;如同商業電影,同質化的情況相當普遍,比如說永恆主題如愛情片、聖誕片、大片,這是由市場和成本決定,「長得很類似」的設計仍然會是最大主流。

2.地標型建築(Iconic Building)

政府和財團擁有的財富在達到某種程度的巨量時,就會希望建造某種象徵物,最常見的就是地標建築物。它是建築物(building),不是建築(Architecture);建築是一個文化,建築物是沒有文化的。

Sheraton-Tai-Lake-Resort_by-Xiazhi-11

喜來登酒店,圖片出處:http://www.archipanic.com/sheraton-moon-hotel/

d3878eadb1fb6fe0b7b9c45c7a40e109

北京國家體育館 ,圖片出處:http://travelfeatured.com/

法蘭克.蓋瑞(Frank Gehry)就講過:「在歐洲,那裡有建築,在美國,我們只有構造物(construction)。」地標建築不要求具備良善功能,它的形象比功能更重要,甚至可能不惜任何代價做出功能很不好的建築物。這個以中東產油國家和中國大陸最多。它是為了被看而做的,這個「看」是說明我們有錢、有權力。但也由於它很難使用,造成許多爭議,最近習進平就說了:「以後這種希奇古怪的樓就不許做了。」

3.明星建築師(Starchitect)

有些建築師由於承包了地標性建築,他們可能為所欲為的要價,執行一些超貴的建築;當然裡頭也有比較穩重的明星建築師,像日本的妹島和世、伊東豐雄,他們的作品就很好。雖然在美國也有明星設計師,但是美國在建造公共建築前,民眾必須參與公聽會,聽證程序可能持續好幾年,只要人民不同意,即使是明星設計師的設計,也不一定能過得了關,所以美國沒有出現什麼越位的公共建築物。越位的建築物都在拉斯維加斯,都是私人賭場,各種形式都有。

2120131127104658

伊東豐雄,圖片出處:http://www.mottimes.com/cht/article_detail.php?serial=454&type=1

mottimes_images_5520141021153531

妹島和世,圖片出處:http://www.mottimes.com/cht/article_detail.php?serial=682&type=1)

 

4.數位建築

目前有很多建築設計必須仰賴數位運算。像蓋瑞就是用手工去抓揉錫紙,抓皺了之後用3D的機器定位,然後再出圖;從設計到出施工圖,都仰仗電腦運算和模擬的技術。這也是一個值得注意的趨勢。

DCHBeforeAfter2

Frank Gehry 建築作品,圖片出處:http://innovativeroomdesign.com/disney-concert-hall-an-extraordinary-architectural-and-acoustical-sensation/

5.地域主義

最近有一種思潮:對建築、地貌的同質化感到不滿,開始尋求民族、地域的設計語彙,融合地方性的特質和當代的功能。這種思潮不成主流,但已經頗具力量,主要出現在由西方設計師於東南亞設計的酒店,比方印尼的峇厘島、泰國的普吉、清邁,有很多澳洲、英國的建築師,他們很重視當地民居的式樣。比方峇厘島,他們會將水稻田保留,成為設計的一部分。

新加坡的精品酒店的集團,悅榕莊,他們就是按照每個地區的不同特色去執行建築。用民族技藝涵納現代生活,這種做法現在已經受到越來越多人的肯定與重視。日本很早就已經這樣做了,但直到新加坡也這樣做,中國才開始注意。

347704

悅榕莊,圖片出處:http://solomo.xinmedia.com/china/19118

347711

悅榕莊,圖片出處:http://solomo.xinmedia.com/china/19118

另外一種是將城市斷片保留在新建築中。像香港的羅康瑞做的上海新天地、武漢新天地。武漢新天地曾是日本租界,有許多日本洋樓,這些樓被納入新開發區的設計中,感覺就非常好。我覺得香港應該要這麼做,香港本來有很多很好的洋樓,但是都被拆除。這些舊建築不單是物理存在,還包含許多記憶。

201508281433494640

上海新天地,圖片出處:http://www.keyhouse.com.cn/xw/2015/8/37428.shtml

6可持續性(Sustainable)/綠(Green)建築

這個議題在二十世紀末期鬧得沸沸揚揚:主張建築物不需要空調、要有自己的水循環;但發展出現瓶頸,按照人類目前的技術,雖有可能做到可持續性,但是成本太高。

我在瑞典看過一個的案子。它用太空梭等級的太陽能電池板發電,在瑞典那種日照很少的地方,每日用電仍有餘裕,能輸往附近社區;它的水循環系統也很完善,飲用、沐浴、馬桶、澆花,完全自給自足;所有的牆都是三層玻璃,是冷氣也是暖氣,玻璃牆有多大,冷暖氣的供應範圍就有多大;而且這間屋子的糧食庫存是電腦在控管的,將食材的耗損減到最低。但這類房屋的造價高到不可能讓一般人負擔,如果人類無法解決成本問題,接下來還是得繼續浪費能源、污染地球。

Velodrome. Exterior view of the Velodrome. Picture taken by David Poultney on the 18th Jan 11.

倫敦奧運自行車館,綠建築,攝影: David Poultney

4497245_9ip5cg1_l

蘭花屋,綠建築,圖片出處:http://www.mottimes.com/cht/article_detail.php?type=0&serial=1097

隨著時代的洪流,建築跟著經濟、環境等綜合因素而演變,從地標型建築走到今天注重環境、社會的建築形態。王受之教授清楚的理出順序並詳盡介紹,過去影響著現在,歷史鑄造了今日的樣貌,鑑往知來,才能創造出更美好的設計。

 

──更多關於〈當代建築潮流〉,歡迎參閱:《Circle》設計微誌第七期

分享這篇好文:

經典識別設計系統標準手冊(上): 紐約地鐵

NYC_Subway_cover-01

出處:http://www.wnyc.org/story/massimo-vignelli-iconic-nyc-subway-map-designer-dies/

2016年,台北捷運發佈最新消息:捷運各站的站名往後將會加上編碼,以「英文」加「數字」方式,車站序號則以上行線方向依序編碼,透過圖示符號設計,使旅客於搭車時,可依路線顏色直接閱讀數字順序,並預計在2017年8月完工。許多人對此各有不同的意見與建議。而近期在 kickstarter 上出現了「NASA視覺標準手冊」以及「紐約地鐵視覺標準手冊」的再版募資,讓人聯想到此次的捷運設計,今年台北也正好是世界設計之都,或許我們可以一起來想想,這些經典的設計是否有可借鏡之處。

此次募資發起人-  Jesse Reed 和 Hamish Smyth 任職於世界著名設計公司 Pentagram (五角設計聯盟),兩個人在公司的地下室找到了紐約地鐵視覺標準手冊,令他們驚豔的是,手冊裡非常詳盡的規範出所有使用細節的規則,讓我們藉此來認識紐約地鐵的設計背景吧!

紐約地鐵指標設計系統標準手冊

有人說在1970年以前走在紐約地鐵勢必會迷路,而從1970年開始,紐約地鐵有了新的風貌。設計師 Massimo Vignelli 和 Bob Noorda 將這份視覺標準手冊視為紐約地鐵近60年來混亂、毫無章法的解藥,而這項浩大的工程也耗費了他們整整四年的時間才完成。

● 緣起 – 混亂的指標設計

紐約地鐵從1906年開通,分為三個路線,由於三個路線都是由不同公司負責,因此路線指標的視覺完全不一樣,許多手寫而成的字體、大小不一的字母,和指示牌隨意地掛在空中,這樣的現象造成觀光客難以辨認這些視覺代表的意思。而隨著就業機會增加,紐約人口暴增,在顛峰時段會有將近2000人擠在地鐵,混亂的視覺標示完全沒有達到指引的效果,反而讓人在地鐵走道中迷路。

New-York-Transit-Museum-Crop-700

1968年紐約地鐵指標原始設計,圖片出自 New York Transit Museum.

● 動機 – 倫敦地鐵的啟示

與紐約地鐵恰好相反的是倫敦的地鐵。從1908年開始,倫敦地鐵便整理了視覺並且出版專屬地圖,地圖上清楚地用顏色指示不同路線,使用 sans-serif 作為字體,隨後出現的便是經典的紅色圈圈:roundel,作為倫敦地鐵的標誌。在1931年,Harry Beck 設計出通用至今的地鐵圖,以更加簡單的視覺讓大眾便於閱讀。倫敦地鐵明亮的指示統一並且清晰,在夜晚時地鐵會休息進行維修;而紐約地鐵是24小時的,空間甚至是倫敦的兩倍大,可以想像剛開始時的混亂景象。

beck_image

Harry Beck,圖片出處:http://www.theverge.com/2013/3/29/4160028/harry-beck-designer-of-iconic-london-underground-map

紐約地鐵雖然慢了幾年,在1958年也不甘示弱的出版了一份自己的地圖,但過於壅擠的文字、畫面和命名,依然無法被大眾接受。

● 改造開始

終於,紐約地鐵在1966年與設計公司 Unimark 簽約,開始指標系統的改造計畫。Unimark 正是 Massimo Vignelli 和 Bob Noorda 與其他幾位設計師共同創辦的公司。一簽完約 Noorda 立刻在地鐵中觀察大眾的行為與人流的計算,思考該如何讓民眾降低疑慮和抉擇的時間。最後他們汰換掉了大小不一的手寫字,選擇 Standard Medium 作為字體 (而非 Helvetica),背景使用白色而非黑色。

指示牌原本混亂無規則的放置在頭頂的狀況也不見了,他們將標示模組化固定在長條鐵架上,讓標示在不同場合需求可以有所轉換。

New-York-Subway-Signage

1970年,設計過後的紐約地鐵指標,圖片出自 MTA(大都會捷運局)

不過實際的情形總是無法如此美好,Paul Shaw 的書籍:Helvetica and the New York Subway System 中便簡述了幾項重點,「一個城市根本沒有這麼多錢和動力去落實這些設計規劃。」同時也無法由 Unimark 從頭到尾完成整個案件,於是便採取了 Vignelli 和 Noorda 幾項核心規範,後續製作則由招牌繪製的團體 Bergen Street Shop 接手完成。

home_07-800

出處:https://standardsmanual.com/

Bergen Street 的製作者們尚未熟悉歐洲的形式,他們是一群藝術家,熟悉手作、手繪的工法,但當接觸到機械式、理性的 Unimark 系統時,一切都變得悲慘至極,瑞士字體像是多了顆暴牙或是被揍了一拳,方向性的指標(如箭頭)就像是一堆莫名的條紋。當新的指標好不容易製作完成,並且放置在新啟動的路線上時,其中幾站已經更換上新的設計,但有些舊的指標卻仍然遺留在其中,當時的情況被 Vignelli 比喻為「全世界最混亂的災難」!

紐約地鐵並沒有因為這次的挫敗放棄,1968年他們再次請 Unimark 設計並規範出一套真正完整的系統,最後的成品就如同我們看到的成果,182頁的內容詳細記錄所有規範,從字體大小到顏色,箭頭指標總共只有八種方位,當然所有使用方法都有規定,無法被更動,這樣的統一性設計就此改變了紐約地鐵的氛圍。

New-York-City-Transit-Graphics-Manual-Original

紐約地鐵視覺標準手冊,圖片出自 Jesse Reed.

● 為什麼使用 Standard 作為字體?

Unimark 可以說是 Helvetica 的頭號粉絲,他們使用在交通號誌、海報、手冊等等各式各樣的設計物上,但在紐約地鐵這項浩大的工程中卻沒有使用。其實,這兩個字體非常相像,一般行人不會特別注意到這兩者字體的差異,但其中的原因之一:MTA(Metropolitan Transportation Authority 大都會捷運局)已經設計了幾個標誌,因此他們並不想為此重新設計,另外 Bergen Street Shop 也已經擁有 Standard Medium,不想再花錢去購買新的字體。

avenirstdmedium

Standard Medium ,圖片出處:http://www.textwrap.net/2010/11/grotesking-with-big-four.html

B.Helvetica

Helvetica,圖片出處:http://creativepro.com/typetalk-good-looking-helvetica-size/

home_06-800

出處:https://standardsmanual.com/

home_14-1600

出處:https://standardsmanual.com/

設計是為了解決問題,已經是一句老掉牙的話了,但在任何一個時代中都可以看見案例,除了美觀、美感以外,重要的是讓生活更加便利,而利用在大眾使用的工具上面,更能改變人的生活形態和行為模式。

從紐約地鐵的指標設計看見完整性,使用編碼的方式、字體規劃和路線名稱等等,並且同樣的規範沿用至今,快要50年的歷史,除了背景底色從白色更改為黑色這些細節的修飾。反觀台北捷運的視覺指標規劃,欠缺完整性和長期的思考,過度經常性的更改視覺,反而會增加大眾的不便,勞民傷財,若要做任何的調整,是否應該有較周詳的考量,從字體到各處細節,一次完整修正到位,才不會讓人無所適從,也造成不必要的浪費?

文章內容參考:https://standardsmanual.com/

──全文未完,敬請期待〈經典識別設計系統標準手冊:NASA(下)〉

──更多關於指標系統設計,歡迎參閱:《circle》雜誌第五期 《到處都是指標,為什麼我還是會迷路?》

分享這篇好文:

書和閱讀的再創作──新一代電子書設計

website-02

當我們想到書,多數人反射性會聯想起印刷良好、裝幀完整的紙本書──是文字呈現的載具,也是值得細究的物品。它被製造、被擁有,具質感、氣味。但進入科技時代,人們對讀書的興趣不再僅止於文字,電子書的新鮮型態創作,讓原本看似不可能的閱讀模式變化出無限可能。而電子產品日新月異,發展至今,讀者不再只是關心電子書的「便利性」,渴望更多與文字互動的樂趣,身為一個設計師,我們還能怎麼做?

科技魔法輕輕一點:增強型電子書( Enhanced eBook)

「增強」意味著整合更多的多媒體潛能──以影片、音樂、動畫圖像和互動功能重塑「閱讀」體驗。

二〇一〇年,第一個以App 形式出現的增強型電子書Alice for the iPad一推出便取得巨大成功。這個老少咸宜的經典故事,通過巧妙、炫麗的互動,被賦予新的生命。例如,作者利用iPad加速器讓Alice長成如房子般龐大;讀者能藉翻轉iPad來倒胡椒瓶、以手指拽拉皇后的餡餅,讓那些有趣道具在螢幕上翻轉、跳躍。

圖:https://itunes.apple.com/us/app/alice-for-the-ipad/id354537426?mt=8

增強型電子書的優勢不僅局限於它的娛樂性和養眼性,合理的多媒體運用,也能夠取代晦澀的文字描述,尤其讓很多以教學示範、指導為目標的書籍,變得更直觀、更有效,The Elements: A Visual Exploration可說是現有最好的教學式增強型電子書之一。不僅吸引化學愛好者,也能讓許多使用者因此著迷化學。

1

The Elements: A Visual Exploration,圖:https://itunes.apple.com/app/id364147847?mt=8&ign-mpt=uo%3D8

指尖的魔幻世界:新一代電子書應用

增強型電子書充分詮釋電子書和iPad觸控螢幕相結合的無限可能,同時利用讀者不同的感官經驗,讓其更深入享受理解內容。

瑞典製作公司Simogo結合實驗性小說怪才Mark Z. Danielewski的文本,以及對移動式數位平台的充分認知,創造了Device 6── 一個令讀者於閱讀時應接不暇的,遊戲與小說的混合體。不僅以文字陳述故事,也提供視覺化的故事場景。簡練但不簡單的界面,醞釀出打破規則、製造驚喜的潛在可能。它鮮明的視覺記號也完全符合書中描述的故事──一個神祕的探險。

2

圖:https://itunes.apple.com/us/app/device-6/id680366065?mt=8

創造屬於自己的魔法:當設計師面對電子書

對於設計師而言,儘管數位媒體讓這一切成為可能,但是它們都僅是紙本書數位化的過程,數位媒體對書籍出版的影響,更高階、更關鍵的問題應該是:數位媒體能夠怎樣改變書籍?嘗試某種媒介平台的首要工作是,了解它。從數位載具,尤其是觸控載具本身的性質出發,它有以下的特點:

一、無邊界(boundless)

電子書設計師Peter Meyers在二〇一一年提出,移動式可觸控螢幕是一張無邊的畫布(the infinite canvas)的說法。因為它的內容可以不停刷新,它所展示的內容可以不斷變化。它就像一張能夠放大延伸的畫布,讓觀眾逐步地發掘出不同的層次。

資料類書籍Solar Walk  直觀地為讀者展示了太陽系。設計者充分利用這張無邊的畫布,讓讀者自由放大縮小、上下左右地在太陽系的三維模擬中,瀏覽、探索相關行星、彗星、衛星的資料、圖片,並查看太陽能系統的運動。讀者也可以用App設定的連結將截圖以照片形式、透過社交網絡分享出去。

2

圖:https://itunes.apple.com/us/app/solar-walk-solar-system-planets/id347546771?mt=8

二、手勢和感官(gesture and senses)

手勢和感官的行使,通常也會延伸到數位載具特有的對應可能。不僅選擇導航菜單或實現某一個任務,如放大圖像、發送電子郵件類,與用戶的使用對應;也不只局限讓畫面上靜止的元素動作,或翻轉頁面。

兒童書Bobo Explores Light 生動地以互動形式向讀者介紹與光有關的科學話題。從書的目錄到具體內容,許多細節皆可讓讀者操縱,並以即時動態相呼應。

3

圖: https://itunes.apple.com/us/app/bobo-explores-light/id463809859?mt=8

三、模塊性和可分割性 (modules and segments)

所有的故事或敘述都有被分割成不同模塊的可能性,「敘述模塊」(narration moduel)在紙本書中通常是單一而線性地呈現;但是在數位媒體平台上,這些模塊則存在著平行甚至流動的潛能。如何分割,如何搭建、組合,則取決於內容本身和對敘述發展的影響是否合理。

Shuffle  是一本可以在Kindle上閱讀的普通電子書。它包含七種開頭,七種結局。不同的人物背景,但又遵循著有概率、有巧合的神祕線索,讓讀者自己選擇閱讀方式,建構自己想看到的故事。

http://www.amazon.com/Shuffle-songs-stories-award-winning-experimental-ebook/dp/B009XH5W8Q

圖:http://www.amazon.com/Shuffle-songs-stories-award-winning-experimental-ebook/dp/B009XH5W8Q

四、綜合集成性 (integrated)

綜合集成性體現在創作者以多維角度、藉各種媒體將敘述完美、高效地整合。以提高閱讀體驗為準則,某些媒體可能更適合傳達特定內容,某些則更貼近讀者的喜好或當下情緒。不該為「多」而生搬硬湊,必須考量形式的表達在何處展現最為適切。

London: A City Through Time 是一個旅行手冊,也是一部歷史書。它豐富的內容和各種互動手段讓讀者驚喜不斷。設計師高效地將六千篇有關博物館、雕塑、建築、街道、行業、人、公園、河流的文章,兩千副稀有印刷品和照片,三十五個從Pathe電影庫獲取的紀錄片和短片全部融合在內。

4

圖:https://itunes.apple.com/us/app/london-a-city-through-time/id537733115?mt=8

只有充分了解並思考數位媒體的功能,設計師才可能從宏觀上考慮電子書之所以成為電子書的原因──這不僅是閱讀工具的改變,也該從新工具所駕馭的內容,去重新思考書的定義和其設計、製作方式。電子書,它無形又可變,實體似乎不存在但又可以無處不在。很多時候,它的品質僅是在元級層面(meta-level)上仿效著紙本書,但它又可以如變色龍般,根據不同的需求瞬間轉換出各種形式,或者乾脆變成一個百搭混合體。 它有太多的潛力還有待於被發掘、被接收。但是無論形式如何炫目耀眼,它們的目的是提高學習和閱讀的體驗,把作者想要傳達的內容和信息的價值提升到最高點。 這才是數位時代裡,書和閱讀的再創作。

 

──更多關於〈書和閱讀的再創作──新一代電子書設計〉相關資訊,歡迎參閱:《circle》雜誌第十期

分享這篇好文:

重塑漢字的人文風韻

漢字的人文風韻-cover-2

字體設計依循人文藝術的脈絡發展,因時代、文化背景與設計者不同,也與技術衍變交互影響。印刷術從雕版發展到平版,文字排版從鉛字、照相到數位,閱讀載具從紙本到螢屏,面對今日多元化的媒體介面,有哪些挑戰與變化?在新時代開創的同時,如何延續人文風貌?
/

一、漢文鉛字:傳遞墨色的立體雕塑

自木雕版印刷術發明後,在中國,宋代的畢昇研發出膠泥材質的活字版印刷術,但由於漢字數量龐大,檢字、排字易發生訛誤、倒錯,活字印刷始終沒有在中國取得市場地位。在歐洲,十五世紀時的古騰堡發明金屬活字版印刷術後,與《聖經》的大量刊印一同迅速發展,至鉛字印刷的時代,技術已非常成熟,在歐美成為最普遍的印刷技術,並隨著十九世紀傳教士的足跡,傳布至亞洲。當時為了印製中文聖經,最早成功研發出鉛鑄漢字的是美國傳教士姜別利(William Gamble)。1859年,姜別利在中國寧波設計出電鍍字模,先以木頭刻出字胚,再以電鍍翻模,順利突破了小字模糊的技術瓶頸,鑄造出七種不同大小的字級,並解決了中英文混排的問題。

姜別利成立的「美華書館」後來從寧波遷到上海,成為當時規模最大的現代漢字印刷廠,並奠定了「明朝體」的字體形式。明朝體也就是明體,中國則稱為宋體。明朝體源自楷體,字的結構較細長,重心較高。中國的木雕版原本使用的都是楷體,隨著大量刻板的需求持續增加,楷體也逐漸被簡化,形成筆畫規矩、具有機械感的明朝體。

上海美華書館鑄造的鉛字,為第一批成功商業化的漢文鉛字。此為美華書館開設半世紀後的鉛字字型。

每一個鉛字都是一個獨立的雕塑,將墨色打進紙中。這種印刷方式屬於「間接印刷」,必須透過油墨,才能在紙上呈現出字的形狀。而油墨會累積在鉛字的筆畫間,轉印在紙上時也會有溢墨的現象,因此必須在設計時將橫筆變細,收筆處的小三角形也必須雕鑿得相當尖銳。為解決墨暈過多的問題,鉛字設計了獨特的「墨溝」,用以吸附過多的油墨,並解決筆畫交界處容易過黑的問題。

cover

鉛字字型具有相當特殊的時代感,而這種時代感,則是與油墨轉印的特性相呼應。美華書館的成功,吸引了日本人來到上海學習這門技術,並於返日後,於1929年由寫研(Shaken)及森澤(Morisawa)研發出照相打字的技術,開啟了「照打機」的時代。
/

二、照相打字:立體到平面的過渡期

鉛字到照相打字,可以視為「從立體到平面」的過程,也是數位化的過渡時期。照打機透過攝影原理,先將鉛字拍照,以沖洗成像的方式產生於膠片上,再透過放大機的鏡頭依需求縮放成不同尺寸的字級,並顯影於相紙上,而後將感光過的相紙切割黏貼置於完稿上,最後再以照相製版。這種做法大大減低了成本,但它最大的缺點就是只能依原寸放大縮小,無法依據不同尺寸修改相應的設計細節。

cover

鉛字設計的筆畫粗細反差會根據不同尺寸或使用範圍而變化,使用於較小字級的內文字與使用於較大字級的標題字,兩者的筆畫設定是不一樣的,會根據不同情境調整最佳的視覺表現。

cover

照相打字以一組字型的母片,運用攝影的原理直接放大縮小設定字級,所以筆畫反差是固定的,缺乏細膩的細節呈現。

照相打字在1980年左右從日本傳入臺灣,與中國傳入的鉛字印刷並行於市場。由於照相打字存在的時間很短,無論是中國還是臺灣,都沒有專為照相打字設計的字型,主要是沿用日本既有的漢字字版。除了鉛字印刷廠與照相打字,市場上也流行過個人的中文打字機,這種打字機的原理和鉛字印刷類似,需要挑選鑄字、安裝字盤,由於臺灣沒有系統化的研發漢字字型,常有人從日本帶鉛字回來,到萬華請師傅翻刻。1990年至2000年之間,個人電腦逐漸普及,無論是鉛字印刷還是照相打字,都迅速地隨之沒落,網路化更加速了紙媒體的衰弱,字型設計的戰場正式進入虛擬空間(如螢屏)時代。
/

三、數位時代:光線轉折帶來的新挑戰

虛擬空間時代,畫面成像的介質從油墨改換成光線,光線的細膩程度(即解析度)決定了設計的細節。在這個嶄新的戰場上,漢字的字型設計有兩個重點趨勢:

  • 配合解析度的不斷提高,不斷改進字型設計方式。
  • 配合多元載體、使用者需求與使用環境,開發響應式設計。

在個人電腦發展的初期,螢屏解析度低,漢字的數位化須以鉛字為藍本進行調校,在螢屏上呈現時,橫筆若是過於纖細,就會看不清楚;而筆畫曲線的細節也會因為螢屏無法表現,看起來會像是多餘的髒點。為了解決這個問題,以往書法字在書寫時強調的筆觸,在螢屏上會調整成無細節的直筆畫;較細的筆畫必須在字級縮小時固定在一定的數值,以免消失或模糊。然而,隨著解析度的不斷提高,這種細筆畫的設計會導致成像過於銳利使眼睛疲勞;在數位閱讀時代中,將橫筆畫加粗的設計方式,可以提高視覺明晰度,這即是因為技術的進步,造成設計的轉變之一。

cover

以明/宋體為例,傳統鉛字的筆畫設計,在數位介面上會導致成像過於銳利,造成視覺疲勞;適當加粗橫筆筆畫加上柔和的筆畫轉折,有助提高閱讀的舒適度。

解析度困境也造成黑體大行其道。黑體在中低解析度的閱讀環境中,可讀性大大勝過紙媒體常用的明體(即宋體)。因為黑體筆畫簡潔、均勻,無論是橫筆還是豎筆,在各種解析度中都可以有很好的成像表現,黑體的設計成為字型公司最主要的工作重點。針對不同的解析度與螢屏介面,開發出相應的搭配比例,重新調整字腔、粗細、結構、筆畫曲度與細節多寡,以適應不同螢屏與使用情境的需求。

cover

同一款黑體在不同解析度下所呈現的差異。為適應不同螢屏與使用情境的需求,在低解析度的螢屏上,必須對字體做特別的設計與調校,才能呈現出較佳的顯示效果。

螢屏的解析度隨著技術突破而不斷提高,甚至漸漸超越紙面印刷,字型所能表現的細節也愈來愈精密。在解決解析度不足的問題後,重拾繁體中文明體傳統的可能性也愈來愈大,有三個原因:

  • 繁體字自唐、宋代以來,經過漫長的發展,已形成一套優美的印刷用繁體字型,比對清代武英殿(官刻)與其他經典刻本,會發現許多極為傑出的人文美感,可應用在現代繁體漢字的設計上。
  • 簡體中文的字型設計須依循中國頒布的宋體字規範,這套規範與前述的繁體漢字發展脈絡完全無關。
  • 臺灣的教育部所頒訂推行的標準宋體,採用東漢許慎《說文解字》的角度規範字的筆畫構成,卻脫離了明清兩代發展成熟的繁體漢字脈絡。字型的設計應回歸這套脈絡,而不是脫離。

現階段,字型設計的主戰場是「響應式設計」。為了解決數位閱讀環境的許多變因,以及對眼部造成的困擾與傷害,「響應式設計」所研發的字型引擎系統,使電子裝置可以隨時依情境調整閱讀內容呈現的方式,包含尺寸、寬度、濃度、行距、造型搭配等細節,再輔以眼球習慣統合設計,運算出最適合當下情境的畫面。這些字型差異以往是由設計師依據介面需求逐步調校,但未來穿戴式裝置更普及時,這套技術可以自動、即時的產生新的字體配方,提供閱讀者更優質的閱讀體驗。目前已開發的「響應式設計」雖然仍以黑體為主角,期待未來能將繁體漢字的傳統風韻,重新呈現在數位化的超高解析螢屏環境中。
7-02

四、跨語種:各種文化不斷交流、匯集的成果

鉛字令人想起舒緩的舊日時光,以及印刷技術使字體更優美的時代。然而,無論是雕版、鉛字、照相打字還是數位化,字體的好壞,最終仍取決於設計本身,而非製造的工具。媒介是字體的舞台,技術持續在變,如何兼顧實用與美觀,是字體設計師最大的考驗。

跨語種的字型選擇已是設計師的重要課題,現代漢字的設計其實是各種文化不斷交流、匯集的成果,中西並陳的問題在現代印刷術發展之初,就已被考慮在設計之中。本文只著墨於漢字的發展脈絡,但每種語言的字體發展或多或少都有些交集,也有各自不同的背景與過程,有機會處理多國語言應用的設計師,雖然要面對更為複雜的設計議題,但也因此得以認識、學習不同的文化歷史,以及字體印刷技術的發展,其實極富挑戰、也很幸運。

7-01

──更多關於〈重塑漢字的人文風韻〉相關資訊,歡迎參閱:《circle》雜誌第七期

分享這篇好文:

如何創作與眾不同的圖表(4-2)──時間與過程的可視化

Inforgraphics-design-process-cover

圖表常用以描述某物事在不同階段所展現的狀態或流程,也同時展現各階段間的相互影響關係,以圖表、圖形解析事物,在人類文化發展上已有相當漫長的歷史。文藝復興後期,某些出版物已開始藉圖解來分析表現哲學或宗教思維,博物學家Robert Fludd,其十七世紀初(1617-1621)的一些著作,就常應用許多版畫解釋各種抽象而複雜的命題。下面的例圖也是一例,描繪著人類微觀與宏觀的存在理論:人與神溝通的三個層次的存在:感官,想像,和智力(the World of the Senses, the World of Imagination and the World of the Intellect)。

取材自:https://en.wikipedia.org/wiki/Robert_Fludd

一、當抽象的概念可視化:

圖形傳遞的速度遠超過文字,加上圖形能將籠統、模糊的概念具體形象化,藉此信息的傳達將更有效、更直觀。每個視覺表達,其選擇呈現的方式,都取決於不同主題的個體情況,以及意欲強調的結論來決策,很難找出統一公式來涵蓋所有題材,但當圖形被借用,以描述事物本身或其發展過程時,它們會有常見的通用表現形式,如下圖。

processchart

過程圖通常呈現各階段性特點,常與時間表結合應用;將不同事件在某段特定時間軸,逐一記錄、展現。包浩斯大師Herbert Bayer,在1954年為 The World Geo-Graphic Atlas 製作的圖表──「生命的延續與地質時間表」(“Succession of Life and Geological Time Table”)──便藉時間軸和象形符號,描述從地球誕生到人類出現的過程,更進一步,結合了地質歷史和生命的進化過程。如此龐大、層次複雜的訊息,卻以直觀的螺旋式時間軸為中心,被布局得錯落有致,有條不紊 。

取材自:http://www.codex99.com/design/the-world-geographical-atlas.html

取材自:http://www.codex99.com/design/the-world-geographical-atlas.html

二、當時間因圖像可視化:

與時間相關的可視化實踐,不僅是侷限在以時間軸為依據,也可演示事物變遷。 Here is Today 是一例,藉互動形式的可視圖,把今日與本週、本月、本年⋯⋯甚至延伸至宇宙整個歷史來做對比。簡明,但有效的交互視覺圖像,讓使用者面對時間的渺小與宏大、不同時間概念間的對應關係,得到一個全新體會。

hereistoday

取材自:http://hereistoday.com/

三、當其他的感官經驗可視化:

用圖像來表現事物發展過程,其中的有趣挑戰便是:將原本藉其他感官體驗的題材,以視覺形式表現,例如音樂。作為一個有始有終、有起伏有波動的過程,旋律和節奏的視覺效果通常和聽覺效果相輔相成。Ars Nova 在 2006 年出版的Terry Riley: In C 的專輯封面設計,簡潔卻又形象地表現這張六〇年代、先鋒派極簡主義的音樂傑作。In C 裡旋律的重複、樂器的疊加,以及反覆充滿韻律的跌宕曲折,都被完美地詮釋,呈現於簡單圖形。

terryriley

取材自:http://www.dacapo-records.dk/en/recording-in-c.aspx

MOT工作室創建的 “Systemu” 音樂圖形體系,則把視覺語言更系統化地應用在音樂表現。例如在韋瓦第的《四季》系列,在可視化圖像中,藉不同顏色對應不同音調(pitch),不同大小對應不同持續時間(duration)。

lesquatrestacions_06

取材自:http://www.motstudio.com/181944/554168/projects/lesquatrestacions-sistemu-projects

視覺圖像交流是人類最原始的交流方式之一,今日我們隨處可見的圖表、圖示,其實和拉斯克岩洞壁畫或腓尼基商人的粘土點檢表,功能上沒有多少差異,圖表、圖形經久不衰的存在,也呼應人類渴望傳播與獲取信息的基本需求。在資訊爆炸的今天,創作別樹一幟的可視圖,其實無關尋找獨一無二的圖形或新穎的排版、字體,最重要的,是找到具創新潛力的題材,發掘尋常題材中不同以往的新穎視角。

──全文未完,敬請期待〈如何創作與眾不同的圖表(4-3)〉

──〈如何創作與眾不同的圖表(4-1)〉

分享這篇好文: