作者laicwben (賴魚丸)
看板MobileComm
標題[情報] 手機上的圖示由來
時間Sat Feb 21 22:16:19 2015
消息來源:
http://goo.gl/sTqY5A 我們每天日常生活中都會看到各種各樣的 ICON(圖示), 從 App Store 裡的 App 到隨身聽的播放鍵,都是我們 使用經驗的一部分,但是這些早已在我們生活中根深蒂固 的圖示究竟是怎麼來的呢? 部落格 Placeit 選了 5 個外觀看起來最令人摸不著頭緒 的圖示,並試圖找到這些圖示的設計由來。 分享圖示(Share icon) 如果你不知道這裡說的分享圖示是什麼,其實可以拿出你的 手機或看看網頁裡的分享小圖示,或是看下面的手機螢幕 截圖,紅色框的部分就是分享圖示。這個圖示初次看到應該 很難明白它的意義,看起來只有點像個樹狀圖。 這個特殊的圖示是由 Google 在 Android 內建後才變得 廣為人知,而實際上,這個圖示可能是有版權的, ShareThis 網站聲稱是他們發明了這個圖示,甚至早在 2006 年時,就已經是該公司的 LOGO,因此 ShareThis 向 Google 聲請索賠應該是合理的。 ShareThis 公司的 LOGO,如果試圖猜測他的設計理念, 從左而右,應該可以看出是「從一個連結到兩個」, 也就是說一個人將東西分享給兩個人的概念;「分享」 本身是一個較難用圖示表示的抽象概念,因此每家公司 都有不同的圖案,而且也尚未有統一的單一圖像。像是 蘋果、微軟、Android 以及開源圖示等,在「分享圖示」 的繪製上也都沒有統一,且各自都有不同的解讀方法。 現行各家廠商所定義的分享圖示,例如蘋果是將一份 文件(或一個托盤)向外發送給全世界;而微軟則像是 一個群體間相互輪流傳遞著;而開源的共享圖示,則是 一隻掌心向下的手,將某項物品交給另一隻掌心向上的手。 總的來說,這些圖示看起來都沒有太過直覺的聯想性, 將來要統一作為分享的唯一圖示,可能這些都還不夠理想。 播放鍵(Play Button) 播放鍵這個圖示幾乎無所不在,但是你知道它是代表什麼嗎? 在這方面,播放鍵幾乎能稱得上是個偉大的圖示設計, 它能瞬間識別,而且這圖示也永遠只代表一件事,也可以 重新設計以符合各種需求,例如扁平化。 播放鍵雖然很容易識別,但是它的設計緣由卻可能沒人知道; 根據 Gizmodo 的文章,1960 年代,錄音帶跟錄影帶都是 一卷一卷的帶狀,這個三角形其實是個箭頭,代表帶狀播放 的方向,而這只是非常簡單的推測。實際上,播放鍵之所以 會變成如此成功的圖示,很大的原因是消費電子產業的全球化 導致。所以每個人都知道這圖示代表什麼,以及它的功能。 雖然圖示的設計緣起,背後應該都有個有邏輯的脈絡,例如 Gmail 的圖示設計成信封那樣。然而,我們都同意播放鍵 是個完全抽象的符號。這圖示的意義卻非常明確,以至於 這圖示將「播放」這個意義從抽象被完整具體化。 而延續著這個思維,一個向右的三角形代表著播放,那麼 兩個向右的三角形代表播放加快!如果向右的三角形是播放, 那麼向左的三角形就代表倒帶。可是倒帶的圖示和加快播放 的圖示,其實是完全抽象的! 藍牙(Bluetooth) 在這篇文章提到的五個符號當中,藍牙圖示的設計故事最有趣; 在十世紀時,有位丹麥國王人稱 Harald Blåtand (英文 Harold Bluetooth,中文譯為藍牙哈拉爾德)。 這位國王非常喜歡吃藍莓,因此牙齒總是被染成藍色,因而得名。 他也統一了斯堪地納維亞半島的絕大部分領土,因此,藍牙 被定義為「能允許不同產品之間的連結與協作」,聽起來有點霸道, 但這真的是藍牙的命名原因。 而藍牙的圖示設計也參考了這則故事,因此圖示融合了北歐 盧恩符文的 H 和 B 兩個字母,指的就是 Harald Blåtand, 藍牙王哈拉爾德。但其實你看這圖示,大概會以為只寫了一個 B。 另外,藍牙的圖示其實是藍牙技術聯盟專用的,他們擁有這個圖示 的所有權,因此要用他們的圖示,其實是會有些限制。甚至 都用了這圖示的不同裝置,也不代表都使用了同樣的藍牙技術。 所以,藍牙也是有缺點的,至少沒有任何證據可以表現出藍牙 真的是裝置與裝置之間最輕鬆快速共享的技術。因此,你必須 了解加了這個圖示到底好在哪裡。 USB 現在到處都找得到符合 USB 規範的裝置,而且價格便宜。 每個人都至少有好幾支 USB 隨身碟,更不用說各式各樣的充電器、 轉接頭、印表機線、外接硬碟以及其他科技產品,幾乎都支援 這三個簡單的字母「USB」。 但它的圖示象徵著什麼呢?這圖示不只印在你的電腦上, 在各種連接線的末端也看得見。USB 的圖示看起來就像是 海神的三叉戟;三叉戟象徵「權力(Power)」和 USB 象徵 「電力(Power)」或支援多種裝備的連接器。在三叉戟的三個末端, 分別是正方形、圓形、三角形等三種不同形狀, 而且三條線都連結到同一個大圓。 作為一個圖示,它背後可能沒有多大的意義,你當然可以辨認出 這是代表 USB,然而這個圖示本來的意義呢?我們無法從任何 原始意義上的背景知識去判斷這個圖示是從何而來。只能簡單 推測它是想代表 USB 萬能的用途。當然,它也可能成為下個 成功的圖示,就像播放鍵在全球各地都通用一樣。而在那之前, USB 的圖示還稱不上是個偉大的圖示。 電源鍵(Power Button) 在普及程度上,電源鍵幾乎可以與播放鍵相匹敵,主要是因為 它看起來跟別的圖示太不一樣了。連你要發動一台汽車, 都可以找到這個按鈕。不論是要讓電熱水瓶開動、或是要啟動 任何一台 PC 或 Mac 電腦,都是這個按鈕。這是個真正意義上 全球通用的電源按鍵圖示。 這圖示是從何而來的呢?根據 Design.org 的結論,此圖示 包含了兩個要素,分別是關閉與開啟。一條線(1 或|)代表 的是完全供電狀態,而圓圈(0 或〇)代表什麼也沒有發生。 這是國際電工委員會(IEC)所設立的國際標準。 試想一下,在很久以前,有某個裝置要進行第一次的啟動和關閉, 它需要有一個開關,而這個開關的圖示一端畫的是一條線、 另一端則是畫一個圈。以電學來聯想,就能容易理解這概念。 譯注:試著聯想一下,在這個圖標的上下端其實都連結了一個 電流迴路,當迴路中間接了一條導線(上圖右側),那麼迴路 就能正常運作;如果迴路被斷開(上圖左側),那迴路就不能連結, 也就無法啟動。 因此,這個圖示的源頭其實有著很清楚的脈絡。但是,當兩個 圖示被放在一起時,反而很難看懂了,他到底是啟用還是關閉呢? 在這裡,有兩個圖示在這裡被混淆了,一個是讓裝置休眠的圖示、 另一個是用於完全開機和關機的圖示。而且這兩個圖示如果 不特別說明,可能很難明白這兩個圖示之間的不同。 舉例來說,我的筆記型電腦有休眠模式。當電腦當機時,我該按 哪個鈕去關閉系統呢?其實我按的是休眠鍵!因此,有個很明顯的 問題。現在的開關鍵沒有視覺上的明顯提示,無論機器是在開啟 或關閉的狀態,按鈕都不像電燈開關一樣有實際狀態的分別, 很難以分辨。現在的新設備才有 LED 燈來提醒你現在機器的狀態。 話說回來,是從什麼時候開始,電源鍵圖示被當作是個不錯的設計呢? 是偉大的使用者們(工程師們)。然而,到了現在,這圖示的 應用範圍已經無遠弗屆,這圖示卻還不像播放鍵那樣足夠直覺易懂。 但是,它遲早會達到同樣的程度,特別是在休眠鍵與開關鍵圖示 已經合而為一以後。 結論 即使是最難懂的圖示、或是容易被誤解的圖示,都有它們各自的 起源故事。本文原作者追查了分享、播放、藍牙、USB、以及 電源鍵等圖示,找到了它的緣由,以便讓我們了解現在這些常見的 圖示是怎麼來的,以及這些圖示對我們現代生活而言到底有沒有意義。 --- 這篇文章真的滿有趣的,雖然有些地方翻譯得不太完整,但是也差不多了 「分享」的圖示真的有點難懂,不只是因為每家系統都有自己設計的 ICON, 而是每個 ICON 的直覺性真的都不高,用手機要分享照片的時候, 還要想一下才知道圖示的意義,有時候會覺得還不如直接寫「分享」兩個字 還更容易懂,像是 Facebook 那樣。 另外藍牙的部分是不是有點錯誤,我上網查了一下,其實應該是黑牙吧? 只不過現在也將錯就錯,藍牙到現在大家也習慣了,甚至還有人中文寫成藍「芽」... 不知道大家覺得如何呢? --
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 223.143.170.89 ※ 文章網址: https://www.ptt.cc/bbs/MobileComm/M.1424528186.A.829.html
→ james732 : bluetooth為什麼是黑牙...?? 02/21 22:19
→ james732 : 話說我覺得Android 5的星星圖示超不直覺 02/21 22:19
→ laicwben : 丹麥文那邊,在英文好像應該要翻成blacktooth才對 02/21 22:23
推 HMKRL : lollipop的那顆星星很莫名是真的 02/21 22:23
→ euro0410 : 3C滔客這個網站很缺流量喔 02/21 22:24
→ laicwben : 缺不缺我是不知道啦,只是我剛好有在看就貼一下 02/21 22:28
This entry passed through the Full-Text RSS service - if this is your content and you're reading it on someone else's site, please read the FAQ at fivefilters.org/content-only/faq.php#publishers.