蘋果 UX 傳教士,教你六個 app 圖示設計元素

蘋果在六月份的 WWDC 上發表了 iOS 7,隨之網路上也出現了大量與之相關的精彩內容,其中就包括蘋果 UX Evangelist Mike Stern 名為「優秀 iOS 設計最佳實踐指南」的演說。這篇演說的第一部分提到了什麼是蘋果眼中的優秀 app 設計,接著他列舉了設計 app 圖示時應該考慮的六個重要元素。
評論
評論

本文作者 Martin LeBlanc 是圖示搜索引擎 IconFinder 的創始人。

蘋果在六月份的 WWDC 上發表了 iOS 7,隨之網路上也出現了大量與之相關的精彩內容,其中就包括蘋果 UX Evangelist Mike Stern 名為「優秀 iOS 設計最佳實踐指南」的演說。這篇演說的第一部分提到了什麼是蘋果眼中的優秀 app 設計,接著他列舉了設計 app 圖示時應該考慮的六個重要元素。

首先 Mike Stern 解釋了 UI 和 app 圖示的重要性:使用者並不會根據你使用了多少技術,或是整合了多少 API,或是你寫的程式有多強而對 app 做出評價,而是你的 app 能讓他們做什麼,給他們什麼感受。使用者期待你的 app 能為他們帶來直觀的、美妙的甚至不可思議的體驗。

六招助你設計優秀圖示

有一些錯誤是開發者們經常犯的,它們也導致了許多 app 未能通過 App Store 的審核,糟糕的 app 圖示設計就是罪魁禍首之一。

app 圖示是你的 app 的第一道窗,為了搏得使用者的好感,你得想方設法突出重圍。下圖是蘋果 App Store 中「照相」類 app 的截圖,在遍地的「相機鏡頭」中,像 Path 這種圖示就能讓人一目了然。記住,美觀和易於辨認是設計圖示時兩個主要的品質。

當使用者在 App Store 注意到你的 app 圖示的時候,他們就開始展望它所能帶來的使用者體驗,用起來有多舒服,它會有多直觀,它能多大程度上滿足使用者的需求。如果一個 app 的圖示讓人感覺是經過精心設計的,那人們通常會假設整個 app 也同樣是經過細緻打磨的。不錯的第一眼印象才會促使使用者打量這個 app 的其餘特點——你所使用的技術有多好?你的 app 有多安全,多穩定?與競爭者相比更優秀嗎?所以,投入時間專注設計你的 app 圖示真的很重要。

現在讓我們來看,什麼能讓你的 app 圖示出類拔萃?首先是美觀,其次更重要的是易於辨認。怎樣才能做到這兩點?來看看下面這六招:

第一招:使用獨特的圖形

下面這四個圖示互不相同——其中一些包含了很多顏色或是漸變,但是以簡單的圖形示眾是它們共同的特點。這讓它們一眼看上去就能被認出來。

圖示會以多種不同的尺寸出現,在 App Store 中,它們會比較大,在手機主螢幕上又會比較小,出現在通知中心和 app 文件夾中時,就更小了。請確保你的 app 圖示能各種尺寸縮放自如並始終保持清晰的識別度。

第二招:謹慎用色

不要濫用顏色,一種或兩種就夠了。的確有很多優秀的 app 圖示設計採用了很多顏色,但這種做法很難出色。

第三招:避免使用照片

盡量別直接拿照片來做 app 圖示。下圖中的 Sipp 是一個極好的例子,告訴你怎樣在採用了類照片的元素的同時,更突顯主題。

第四招:避免使用大量文字

圖示中能不用文字就不用文字,好的做法是使用符號或公司標誌作象徵。下面這幾個是優秀案例。

第五招:準確傳遞訊息

簡單來說,要讓使用者看到你的圖示就知道它是幹什麼的。iOS 7 對擬物化圖示進行了大刀闊斧的改革,但這裡依然要提到擬物化設計的亮點。2012 年 Apple Design Awards 冠軍 app 設計 Paper 直白地告訴你它的內容,Square Wallet 和 One Password 也同樣。LifeKraze 的圖示深得擬物化精髓,讓 Mike Stern 都不禁讚歎「不知道他們是如何設計出來的,這簡直是藝術的最高境界。」

第六招:富有創意

創意讓你的 app 圖示脫穎而出,下面這些 app 都謹遵創新法則。通常,秘訣是開發一些簡單的概念,有時候最複雜的渲染也是建立在簡單的圖形之上的。

PS:在不同的背景上測試 app 圖示的視覺效果

確保你的圖示在所有種類的背景上都看起來不錯,也不要忘了測試把它放進文件夾後的效果。

案例研究:Turnplay

Turnplay 是一個可以在 iPad 上模擬黑膠唱片播放的音樂播放 app ,它的圖示設計出自著名圖示設計公司 Ramotion 之手。

Ramotion 開始動手設計的時候,採取了他們一貫的做法——素描來進行繪製。可以從下圖中看到團隊所進行的不同嘗試——把產品打頭字母 T 放進圖示裡、在唱片上添加指紋等等。

最終成果如下圖:圓形唱盤加三角形播放鍵——兩種基本圖形的簡約組合。


最後,有時間的話可以看一下這場演說的完整影片。

Source: The Next Web

歡迎加入「Inside」Line 官方帳號,關注最新創業、科技、網路、工作訊息

好友人數

【2021 INSIDE 未來日】Aruba 打造安全簡易的智慧物聯網

Aruba 台灣區副總經理陳清淵在會中談到如何打造安全、簡易的物聯網(IoT),以及如何建置和整合一個智慧平台。IoT 的應用範圍廣泛,從新能源、環境、居家、資訊安全,已經滲透至生活各層面,陳清淵也分享了 Aruba 在這一波浪潮中所能扮演的角色。
評論
Inside
評論

Aruba 台灣區副總經理陳清淵在會中談到如何打造安全、簡易的物聯網(IoT),以及如何建置和整合一個智慧平台。IoT 的應用範圍廣泛,從新能源、環境、居家、資訊安全,已經滲透至生活各層面,陳清淵也分享了 Aruba 在這一波浪潮中所能扮演的角色。

Inside
Aruba 台灣區副總經理陳清淵在 inside 分享對物聯網未來的期許

在會談一開始,陳清淵提到,目前運用 IoT edge 會遇到四個主要問題:

  • 企業在網路管理的工具上需要進一步投資。
  • 系統需要花很多時間在辨識和診斷訊息。
  • 資安危機逐漸攀升,未來需要確認連接的設備是否具有潛在威脅性。
  • 企業願不願意投入資源在設備的改善與升級。
陳清淵的PPT

此外,Aruba 在這些問題上,以三個階段、力求簡易的方式解決:

  • Connect : 連結網路作業的網域和地點。
  • Protect : 在資安的審查上採取嚴格的管控,以及安全存取服務邊緣(SASE),提供簡易性、延展性、彈性與無所不在的安全。
  • Analyze & Act : 由人工智慧(AI)所驅動的裝置,在威脅影響到用戶時,就能即時偵測並處理,增加資安防護的效率與可靠性。
陳清淵的PPT

資訊安全是重中之重,高達八成的用戶覺得自己沒受到保護

陳清淵指出,這時要重新定義 edge 的角色,如果不用網路,當然無風險,但是現在的時代物聯網已經滲透進許多家戶和企業,尤其是後疫情、數位化時代。知道有什麼設備連到你的網路是相當重要的。

有高達 80% 的人認為,自己沒受到保護。這比例相當高,也代表能做的事還有很多,而且,資安是重中之重,必須要做認證、使用者權限、若有感染就即刻隔離,過程中減少頻寬的浪費,Aruba 的無線控制器防火牆可即時阻擋、限制網路威脅、提供乾淨的流量,使用智慧化、簡單的方式管理使用者,若有感染也能即刻通知用戶。

陳清淵也舉出一些應用的範例,Aruba 可以提供門禁的安全運用,不論是家戶、飯店或公司都能受惠,而且應用範圍遠不只有如此,另一個例子來說,現在疫情依然影響人們的生活,確診病患的足跡、可能傳播的途徑都會經由人流散播,所以,人流追蹤的功能就相當顯目,除此之外,資產定位、偵測空氣品質、煙霧、室內導航,以及在美國這種民眾能擁槍的國家來說,槍聲的偵測也是一個重要的功能。

Aruba 建立整合自動化、資安的平台,簡化過程、增加效率

陳清淵解釋道,使用無線存取點(AP)作為連接物聯網的工具,可以有效簡化流程和減少建置成本;採用 Intelligent edge,在網路連接上時就啟動存取控制(Access Control),讓有權限的用戶才能存取受保護的資源,做到嚴格把關的功能;此外,Aruba ESP 是在雲端運作,而且能以人工智慧進行自動化、整合、資安的平台;接著,利用連結、保護啟動、分析和行動的連續過程,簡化程序、增加效率。

另一方面,針對小型企業,陳清淵表示,Aruba 的系統不只適用於中、大型企業,也可針對小型企業的不同需求做相應的調整,應用彈性相當大。

AioT 可客製化,讓大、中、小型企業都能運用 

現在為了搭上數位轉型的便車,許多企業也在思考如何切入,在切入角度上,陳清淵認為,有分上雲端、不上雲端的區別,只要轉換 edge,可依據當時的需求、便利性,做整合服務,而且還可以測量成長的幅度。

不過,即使有這些好處,當前 AIoT 的發展依然還是有困難,最大的障礙來自經費,現有的資金僅能支持維護,但是難以投入更多到研發中,如此一來, 對於 AIoT 的應用範圍和技術更新的速度就難以與國際並肩,陳清淵指出,企業需要更加關注這場數位浪潮,投入更多資源,才能發揮物聯網的優勢。

核稿編輯:Mia

延伸閱讀: