首頁 » 新聞 » 打開你的 iPhone、Mac,現在教你看懂蘋果產品符號設計之奧祕!

打開你的 iPhone、Mac,現在教你看懂蘋果產品符號設計之奧祕!

你有沒有想過,從 Mac 到 iPhone,Apple 那些在鍵盤上或 iPhone裡應用程式的符號與圖示,究竟有什麼神秘的來源呢?你應該也發現, iOS 7 上的圖示跟以前的設計已經不太一樣了吧。

向來以「設計公司」自稱的蘋果,最自豪的就是設計出好用又美麗的產品,除此之外,他們還偷藏了一點巧思在符號設計裡。

Apple 承襲賈伯斯的理念,希望消費者可以直覺地使用 Apple 產品,最好完全不要想起世上有所謂說明書這種東西,這又尤其倚靠「skeuomorphic design”的設計理念;這個設計理念偏向於「擬物」,例如備忘錄的應用程式標誌有橫線與撕頁痕跡,目的就是要讓使用者理解這個 App 的功能。

話雖如此,skeuomorphic design最被人詬病的,反而是有時無法讓使用者理解這個應用程式的用處。怎麼說呢?且看以下幾個 icon 小故事。

  • 感覺小小莫名的 icon 設計

1. 「視訊」App:哪來的視訊?

打開你的 iPhone、Mac,現在教你看懂蘋果產品符號設計之奧祕!

知道這個 App 是幹嘛的吧?就是 Apple 在 iOS 系統裡專職播放影片的「視訊」App,可是這個 App的圖示卻是一個拍電影用的場記板。看起來是跟電影有一點關係,但是我們看的影片絕大部分都不是電影。

除此之外,我敢說有一半以上的人看到場記板都不知道是幹嘛用的。再挑個跟設計無關的小毛病好了,「視訊」這個翻譯是哪招?如果提到視訊,我第一個想到的是視訊女郎耶。

2. App Store

打開你的 iPhone、Mac,現在教你看懂蘋果產品符號設計之奧祕!

你也許已經很習慣用這個應用程式來下載更多應用程式,可是你看得懂這個 「A” 是由什麼組成的嗎?

說來慚愧,直到今天,我才發現這是個 A!它由一枝鉛筆、一枝畫筆與直尺所組成,我想 Apple要告訴我們的是:只要有一枝筆、一枝畫筆以及直尺,就可以寫出 App 了。唉,難怪我寫不出來,我連個鉛筆盒都沒有。

好吧說真的,我理解到的意涵是,這三根是用來「設計」的「工具」:寫 App 的人「設計」了 App ,使用 App的則視之為「工具」。

3. 電池 icon

打開你的 iPhone、Mac,現在教你看懂蘋果產品符號設計之奧祕!

這是電池沒錯,千真萬確,可惜的是,從十幾年前開始我就沒看過任何手機是使用鹼性電池的;這樣的電池,只是一個概念。更何況,在Apple 的電子產品中,有多少是允許使用者自由更換電池的?一定有幾十億人活了一輩子,不知道 Apple 的電池長什麼樣。

4.「電話」App

打開你的 iPhone、Mac,現在教你看懂蘋果產品符號設計之奧祕!

這是一個電話。很好理解,但是弔詭的地方在哪呢?就是你拿來撥電話的手機絕對不是長這樣。其實在按鍵手機時代,就一直都是用類似形狀的電話符號了,通常是綠色的,通常在左邊。你知道它代表著撥號,就是因為發明家對下面這種電話的懷念吧。

打開你的 iPhone、Mac,現在教你看懂蘋果產品符號設計之奧祕!

說真的,我沒有很在意 skeuomorphic design 與否,畢竟只要是現代人,就算 icon 設計跟 App毫無關聯,也能漸漸習慣,我們唯一不能習慣的就是 icon 長太醜。

不過,以下的幾個故事就真的頗耐人尋味,不做一點功課是不會知道的哦!

  • 稍微有趣的符號故事

1. Apple 本人的肖像

打開你的 iPhone、Mac,現在教你看懂蘋果產品符號設計之奧祕!

橫行天下的 Apple 商標可不是一開始就是個被咬過的蘋果,創辦人當時取牛頓被蘋果 K到,激發其想像力與創造力的意像,設計了以下的圖示,之後才簡化為我們現在看到的Apple。噢對了,蘋果也是我們敬愛的賈伯斯最愛的水果。

打開你的 iPhone、Mac,現在教你看懂蘋果產品符號設計之奧祕!

2. 獨樹一格的 command key

打開你的 iPhone、Mac,現在教你看懂蘋果產品符號設計之奧祕!

Command key有點像是 windows 的 ctrl 鍵, 可以讓你快速地切換輸入法與執行指令。大部分執行指令的熱鍵都跟windows 不一樣,新手通常得要摸索一段時間。但是,這個奇怪的圖示究竟是哪來的?

1983 年,有鑑於 Apple 本人的圖示被用在太多地方了,於是點陣圖設計師 Susan Kare就從一本「世界符號大全」中找到了 command 鍵的「樣子」:

這個長得像蝴蝶符號,出生於斯堪地納維亞,從小立志當一個交通號誌(哈),後來被設計師提拔成為了 Apple 鍵盤 commandkey。這個號誌本來是用來表示「露營地的旅遊景點」或「古蹟」,現在則是在鍵盤左下角,擔綱電腦控制的重要角色。

3. Return

打開你的 iPhone、Mac,現在教你看懂蘋果產品符號設計之奧祕!

我們都知道 Enter 是換行,但為何同時是 return?

這個故事就有道理得很了,Return 源自於鍵盤的始祖:打字機;在使用打字機的時候,如果要換行,就得將一個叫做 「Return”的槓桿拉到底,再開始打下一行。

打開你的 iPhone、Mac,現在教你看懂蘋果產品符號設計之奧祕!

看完這篇文章,我在想,搞不好其實只有我跟原文作者不知道這些神秘來源,小弟孤陋寡聞獻醜了;不過當作一些茶餘飯後的話題,倒是頗有趣的。

無論如何,我認為 icon 好不好懂根本不是重點,UI 好用才是一切。我現在就在跟新筆電的 Win 8浴血奮戰中,在我摸熟以前,Win 9 應該已經出半世紀了吧?

親愛的微軟工程師,什麼應用磚啊!為笨蛋著想一下,還是讓你們的電腦乖乖當 PC 好嗎?

看看這個吧

這個警察本想呼叫同仁閃避,下一秒他竟然「被車撞」…最後往生!「這畫面」讓所有人暴哭!

>>今晚的好伴侶,高清1080 ...

出租房竟飄出「異味」,沒想到一開門整張床「滿滿的都是這個」…房東嚇到去收驚!

>>今晚的好伴侶,高清1080 ...