淺析圖標的微觀世界——從符號學(xué)說起
自圖形用戶界面這個概念誕生于1970年施樂完成的第一個WIMP演示以來,使得計算機用戶界面從字符發(fā)展過渡到了圖形時代。經(jīng)過不足半世紀的迅速發(fā)展,縱觀受人矚目的蘋果系統(tǒng)與大眾化受益者的微軟視窗系統(tǒng),圖形用戶界面呈現(xiàn)出層出不窮的變化。面對這些精彩紛呈、感性與理性兼?zhèn)涞膱D形界面設(shè)計,圖標元素無疑起著不可忽視的作用,想在此與大家一起探索下圖標的微觀世界。
首先,先從符號學(xué)說起。
什么是符號學(xué)?
隨著人類社會的發(fā)展和文明的與日俱增,符號世界日漸豐富完善。早在過去的原始時期,符號交流就產(chǎn)生于結(jié)繩記事、圖騰儀式、象形文字的人類文明中。從具體質(zhì)樸的物理世界到抽象豐富的符號世界,人類精神文化中所有形式都是符號活動的產(chǎn)物。
“符號”——記號、標記、信息的載體,是一種感官系統(tǒng)所感知的對象,對象代表一定的事物,集體所認同的公共約定。 利用簡單的代號代表復(fù)雜事物或概念。同時它具有認知與交際的功能,通過符形來傳達信息。
符號學(xué)自19世紀以來就以語言學(xué)為源頭出現(xiàn),隨后源于結(jié)構(gòu)主義語言學(xué)、邏輯學(xué)、文化哲學(xué)和美學(xué)這三種學(xué)術(shù)領(lǐng)域探索,現(xiàn)代符號學(xué)由此誕生。針對語言的符號性質(zhì),在我國先秦時期就對其投入關(guān)注,數(shù)千年前的《易經(jīng)》堪稱符號學(xué)史上一大奇跡,它建立了包含今天所說的語構(gòu)學(xué)、語義學(xué)和語用學(xué)的完整符號系統(tǒng)。
符號學(xué)在圖形用戶界面中的表現(xiàn)屬于應(yīng)用層面,在符號學(xué)應(yīng)用研究領(lǐng)域的探索,國外涉入較早。符號學(xué)的傳播方式有三種,其一適用于互聯(lián)網(wǎng)環(huán)境下的傳播方式為:共同經(jīng)驗傳播模式。這種模式基于編碼者與解碼者之間的共同經(jīng)驗范圍所交集形成的共同認知,最后促成我們所說的具有約定俗成特性的符號。
符號學(xué)部分理論學(xué)
索緒爾與皮爾斯是符號學(xué)研究領(lǐng)域的先驅(qū)者,索緒爾的結(jié)構(gòu)主義符號學(xué)為歐洲符號學(xué)研究奠定了基礎(chǔ)概念,他將符號學(xué)分解為能指(Signifier)和所指(Signified)即指稱物和被指稱物兩個部分,也就是形式與內(nèi)容。
相對于索緒爾的研究方法是圍繞能指和所指兩個側(cè)面展開的二元化,皮爾斯則是三元化的研究方法。他認為符號學(xué)含有符號、客觀對象、解釋這三項,彌補觸及了索緒爾沒有涉及的部分。皮爾斯是美國的實用主義哲學(xué)者,他的符號學(xué)理論建立在對意義、表征、符號概念的邏輯學(xué)研究基礎(chǔ)之上,概括起來為三種范疇:設(shè)計感覺質(zhì),人的經(jīng)驗,思維三個層面。即媒介物、對象指涉、解釋這三要素構(gòu)成的三角形關(guān)系。他的理論具有普適性,適用于任何領(lǐng)域,被稱為“廣義符號學(xué)”。聽到為數(shù)最多的要數(shù)對象關(guān)聯(lián)層下的三個下位符號:圖像符號(icon)、標識符號(Index)和象征符號(Symbol)。
圖標微觀世界中的符號學(xué)自然也有在三個范疇層面上的表現(xiàn),本文著重圍繞對象關(guān)聯(lián)層進行進一步探討。
圖標對象關(guān)聯(lián)層
圖像符號的表征方法為對對象的寫實或者模仿來表征的,建立在相似性基礎(chǔ)上,有明顯的可感知特性。比如計算機操作系統(tǒng)中的回收站用垃圾桶來表意;用折了角的紙代表文檔;文件夾的含義直接采用文件夾工具圖標來表征。圖像符號的設(shè)計讓用戶在使用認知過程中帶有愉悅感,一方面形態(tài)語義比較直觀易懂;另一方面在身處非物質(zhì)化時代下,對虛擬世界的認知能立刻聯(lián)想到現(xiàn)實中的物理世界,這也是為什么如今的圖形界面中越來越多呈現(xiàn)出“擬物化”設(shè)計。
標識符號則不是像圖形符號直接描摹對象事物的形態(tài),它與表征對象存在著因果或者接近的邏輯性的聯(lián)系。人們在日常生活中最為常見的要屬公共導(dǎo)向中的指示符號,鑒于導(dǎo)向系統(tǒng)中的建筑物出口處通常用“門”這個圖形概念來表征,所以沿用到圖形用戶界面中網(wǎng)站的首頁,通常采用小房子圖形來表征用戶的瀏覽步驟一直退后到當前網(wǎng)站的“家門口”,即首頁。而圖形用戶界面中還大量得運用了上下左右不同方向,直線型或曲線型的箭頭,它們都來自傳統(tǒng)的公共導(dǎo)向系統(tǒng)中。包括界面中常用的“刷新”圖標,源于國際環(huán)保組織統(tǒng)一認證標識中的“循環(huán)利用回收”標識簡化而來的。
除此以外,導(dǎo)航、菜單、搜索、等交互控件的鏈接節(jié)點也都是標識符號。
象征符號則與表征的對象沒有相似性或直接的聯(lián)系,它是龐大圖形符號中最為抽象含蓄的表意符號。它所指涉的對象與本身沒有造型上的相似或關(guān)聯(lián),而是在性質(zhì)上有相似之處,它是群體在長期的勞動實踐中形成的約定俗成的表征方式。例如公司標識、文字、數(shù)字、顏色、姿勢、旗幟、宗教形象,這些帶有濃烈的社會文化背景的符號都屬于象征符號。例如最早出現(xiàn)于微軟XP操作系統(tǒng)中的共享圖標為一個托手的形態(tài)來表征,至今沿用于其他界面媒介共享語義的圖標中;又例如豎起大拇指在網(wǎng)頁中表征“支持”的語義,這些屬于手勢象征符號范疇。代表產(chǎn)品或者公司企業(yè)形象的Logo,通常作為其網(wǎng)站的導(dǎo)航欄上的“首頁”圖標,這也是作為象征符號的用法。
在圖形用戶界面中采用象征符號的情況下,尤其需要謹慎地對待,因為由于各個民族具有自己群體的共識符號,不利于跨國界交流。我們提倡在本地化的語境中強調(diào)民族化的元素符號,而在全球化的語境中仍然是需遵循跨地域跨文化的符號運用準則。甚至是同一地域中的文化在不同時期也會出現(xiàn)持有符號意義的變化。
圖形的語義識別
通常圖形界面中的圖標在方寸像素之間來說明它所包含的復(fù)雜對象,是一件很有難度的事。因此需要適當去除圖形的雜音信息,保留圖標中簡明扼要的信息,讓用戶關(guān)注在應(yīng)該被關(guān)注之處,不是信息量越大越好。
Scott McCloud在《Understanding Comics》一書中對動畫形象的分析,卡通形象的普適性說明了卡通程度越高,能代表的人群就越多。因此圖標的形態(tài)簡潔程度與細節(jié)的取舍決定了圖形所能指涉的對象的范圍。如圖圖標的高識別性區(qū)間落于寫實性緯度的中間,也充分說明了圖標過于簡單或復(fù)雜,會擴散或減小指涉范圍,必須平衡好這個度。
共時性與歷時性
共時態(tài)即指一段時期內(nèi),同一個符號具有不同的指涉事物;歷時態(tài)經(jīng)歷了長時期的變化,不同符號指涉同一事物。圖標設(shè)計中的歷時性體現(xiàn)在基于文化特征下的圖形符號隱喻,這里有兩個屢試不爽的例子。例如軟盤的圖標一直以來表示存盤,僅僅是對于傳統(tǒng)文化的延續(xù)?!按鎯Α边@個概念,在實現(xiàn)世界中經(jīng)歷了軟盤、硬盤的符號演變。2010年最為受爭議的iTunes 10 圖標,用了很多年的光盤介質(zhì)被替換為沒有特別指涉的圓形質(zhì)感符號,這恰好說明了整個軟件在服務(wù)方面的定位調(diào)整與目前的圖標符號更為相符。
圖形語言的語法分析
在20世紀80年代以后,德國歐芬巴赫設(shè)計學(xué)院產(chǎn)品設(shè)計專業(yè)的J.格羅斯(Jochen Gros)教授從事了一種新的圖形語言的探索。該課題試圖探討將自然語言的詞法和句法規(guī)則相適應(yīng)的圖形符號來構(gòu)建一種視覺語言。這個系統(tǒng)做到了呈現(xiàn)線性的圖形序列是可讀的,并且作為圖形符號組成的文本是流暢的。這一圖形語言系統(tǒng)充分考慮到不同文化背景的因素,顧及到了歐洲以外圖形語言的不同邏輯性。同時它相比之前的一些交通符號系統(tǒng)或者建筑導(dǎo)向系統(tǒng)標識圖形,在意義內(nèi)涵上表達的精確度都有很大提高,使跨文化跨國際的全面快速高效的人際交流成為可能。這套圖形語言系統(tǒng)中分別用粗細線來標明圖形中的文本語境、動詞、形容詞、主謂賓等結(jié)構(gòu)。
符號操作與圖標組合規(guī)則
符號的建立需要經(jīng)歷符號化的過程,在符號的操作方法具體包括“代入”、“添加”、“結(jié)合”、“迭代”等方法。運用到具體的圖標組合規(guī)則中,結(jié)合代數(shù)運算符,圖標組合的方法也自有一套圖標代數(shù)理論:組合COM,標記MAR,情景解釋CON,增強ENH,倒置INV,索引IDX。
組合COM(X,Y),把X和Y的語義合并來進行概念的合并。如用地球和數(shù)據(jù)連接的兩個概念組合為網(wǎng)絡(luò)信息連接這個圖標語義。
標記MAR運算符的表示方法為MAR(X,Y),以符號X在符號Y上作標記,從而強調(diào)符號Y的局部特性。如圖放大鏡標記“+”表示放大的操作語義。
情景解釋CON(X,Y)指在情景Y中置入X的含義,往往是對X的一個特殊作用。如圖帶有W文本字樣的文件情景中含有“DOCX”紙條字樣,由此突顯這是一個word格式的文檔文件。
增強ENH(X,Y)用附加屬性Y來增強圖標X的概念,目的在于增強X的屬性含義。如圖由增加這個屬性來增強人頭像的個數(shù),可以表示群組的概念。
倒置運算符INV(X)中只有一個變量X,運算值表示否定,與“不”是同義詞。這種形式的圖標經(jīng)常用于同一個圖標的是與非的狀態(tài)切換,相當于單聯(lián)開關(guān)。例如重點標記過的對象用實心的五角星,而沒有重點標記過的則用空心描線型的圖標。
索引運算符IDX(X)用于抽象地得出圖標的屬性。如圖Font Row是Mac OS X中的原生播放器,它利用隱喻的手法,將舒適的座椅作為該軟件的Logo圖標,目的在于讓用戶從舒適的座椅聯(lián)想到美妙的視聽享受。
未來的變化在哪里?
計算機技術(shù)日新月異的變化給予設(shè)計師們帶來嶄新的舞臺,計算機技術(shù)的發(fā)展進步與用戶的實際需求,這兩個推動力很大程度上決定了GUI范式發(fā)展的方向。
首先,自然與和諧的“零界面”無疑是未來的一大發(fā)展方向,今后的形態(tài)將是以圖形用戶界面為基礎(chǔ)的下一代人機交互界面,集成大量自然語言、觸控等多通道傳播方式,更積極地促進人與人、人與世界、人與自然之間的交流。在這樣的大勢所趨下,圖標的形態(tài)會如何發(fā)展呢?
總體呈現(xiàn)出時代性與個性化的視覺符號形態(tài):大圖標尺寸被普遍運用;精致、細節(jié)、藝術(shù)個性化;材質(zhì)趨于模擬還原真實自然,即擬物化;剪影圖標將越發(fā)精致小巧;iOS移動端app圖標在眾多優(yōu)秀作品中披上了強烈設(shè)計感的圓角狀外衣。
縱觀那么多優(yōu)秀的圖標設(shè)計,藝術(shù)化、涂鴉風格、剪影、3D、寫實風、甚至于多種材質(zhì)手法,軟陶概念圖標等創(chuàng)作,從技術(shù)上而言,幾乎無所不能了。除此以外,我們還能有更多的可能性猜測與嘗試嗎?
本人先來拋個磚,曾經(jīng)有工造的老師和學(xué)生一起談過過什么是時尚的問題,從某種意義上來說,對歷史的追溯,復(fù)古情結(jié)未必不可嘗試,利用現(xiàn)今的手法來描繪圖形界面剛孵出雛形時的像素圖標,又會是一番怎樣的景象。
這里分享一個蘋果的博物館珍藏界面網(wǎng)站:?The Vintage Mac Museum
包括CSS 3不知何時能普及技術(shù)的情況下,設(shè)計師運用編碼的邏輯思維結(jié)合圖形的具象思維,會有更多有想法有趣的東西值得我們?nèi)テ诖?,去親自享受這個過程。
http://www.red-team-design.com/wp-content/uploads/2011/09/awesome-css3-buttons.html
來源:http://cdc.tencent.com/?p=5038
太棒了,太棒了