close
Blogtrottr
批踢踢實業坊 MobileComm 板
 
[情報] 手機上的圖示由來
Feb 21st 2015, 22:16, by laicwben

作者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.

You are receiving this email because you subscribed to this feed at blogtrottr.com.

If you no longer wish to receive these emails, you can unsubscribe from this feed, or manage all your subscriptions
arrow
arrow
    全站熱搜
    創作者介紹
    創作者 nbv2eybn7a7ye 的頭像
    nbv2eybn7a7ye

    進擊的巨人14, 進擊的巨人線上看, 進擊的巨人漫畫, 進擊的巨人遊戲, 進擊的巨人 動畫, 進擊的巨人 線上漫畫, 進擊的巨人14線上看, 進擊的巨人13, 進擊的巨人 h, 進擊的巨人op

    nbv2eybn7a7ye 發表在 痞客邦 留言(0) 人氣()