蘋果 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 官方帳號,關注最新創業、科技、網路、工作訊息

好友人數

凱鈿點點簽助王道銀行,佈局以客為本的金融科技之路

展望未來,點點簽預計將擴大其服務價值及產品優勢至各金融機構,協助銀行、證券、基金等金融業者加速在服務內容或內部流程上的數位轉型。
評論
Photo Credit:凱鈿點點簽
評論

據金管會調查,國內金融業預計今年投入在金融科技的開發金額將創新高至235億台幣,顯見國內金融業對數位轉型的重視。凱鈿行動科技(Kdan Mobile Software Ltd.)旗下的電子簽名服務-點點簽(DottedSign)近期佈局金融科技市場,與國內首家原生數位銀行-王道銀行(O-Bank)合作,透過點點簽完善其原有的臨櫃簽署體驗,強化王道銀行以客為本的服務價值。疫情加速數位金融的發展,金融業者可藉導入點點簽加速數位轉型並邁向無紙化的永續經營,兼顧服務創新與環境友善;在科技與金融的結合下部署更長遠、更環保的數位金融之路。

Photo Credit:凱鈿點點簽

點點簽協助王道銀行優化客戶臨櫃簽署體驗

作為國內電子簽名領導品牌,點點簽提供線上簽署流程及多元簽署模式,除了可協助金融業者在不受硬體的限制下,整合線上線下、行內行外的服務範圍,為客戶建立全面一致的簽署體驗外,點點簽易操作的簽署流程更可協助金融業者大幅減少人力訓練、時間等隱性成本,並提升文件儲存管理的效率。王道銀行以線上通路為主要發展,同時輔以實體據點提供線下金融服務,此次王道銀行藉導入點點簽優化客戶臨櫃開戶、帳戶升級等業務電子簽名服務;王道銀行科技金融處協理陳怡蓁表示:「點點簽原先以提供 SaaS 服務為主,此次因應王道銀行需求客製化落地方案,解決王道銀行先前綁定單一裝置的限制;未來王道銀行也預計整合點點簽的遠端簽署及範本管理技術,優化原有的簽署儲存管理外同時也提升建立簽署文件的效率。」不論是提供客戶更多數位金融服務,或線上化從業人員的行政流程,皆為王道銀行長遠數位金融規劃中重要的一環。

金融業者選擇點點簽的重要關鍵

凱鈿行動科技商務總監張博瀚指出:「點點簽於全球已有超過2,000間企業導入,其中不乏受到多間銀行、壽險業者的肯定,隨著成功客戶案例增加,我們在金融領域的整合經驗與規劃也更加成熟。從成立專案小組與客戶進行密切溝通、串接規劃到技術工程執行等,最後通過全面且嚴謹的驗收才可正式上線;後續輔以凱鈿團隊的定期監控,以確保客戶體驗達到最佳產品穩定性(Service Available Rate)。同時我們也與國內多間廠商合作,將電子簽名服務與視訊會議、證件辨識和光學字元辨識(OCR)等技術整合,提供客戶最全面的解決方案,為金融業者打造最完整的簽署生態圈。」此外,相比海外電子簽名服務,點點簽也有著在地化的優勢,可大幅減少技術部門間的溝通落差,提升整合效率及確保系統品質,加速金融業者的數位服務推動。

Photo Credit:凱鈿點點簽

實踐數位金融理念「服務轉型、客戶雙贏、環境共存」

因應無紙化發展,金融業者也將永續經營納入長遠的數位金融規劃中。王道銀行作為國內首間獲得B型企業(B Corp)認證的上市銀行業者,推出數位金融服務之際也兼顧環境議題,與點點簽秉持的永續理念有所呼應;凱鈿行動科技執行長蘇柏州表示:「金融業者導入點點簽不僅可數位化簽署流程,實現低碳目標外,長遠來看更可協助企業在整體營運、客戶體驗和友善環境等面向有所成長,與金融業者一同邁向『服務轉型、客戶雙贏、環境共存』等目標,落實永續經營。」

點點簽未來持續積極協助金融業者數位轉型

展望未來,點點簽預計將擴大其服務價值及產品優勢至各金融機構,協助銀行、證券、基金等金融業者加速在服務內容或內部流程上的數位轉型,金融業者可整合點點簽的技術資源與客戶完成線上開戶、簽約和投保等業務,迅速便捷的流程能夠有效提升客戶對金融業者的信賴度及忠誠度;同時點點簽也將深化與現有金融業者客戶的合作,以兼具優質服務和永續經營的方式延續金融業者以客為本的精神,期盼能成為國內金融業者在打造數位金融服務時的最強利器。有關點點簽的資訊,歡迎點擊以下連結了解更多·:https://bit.ly/3vjo1I1

立即申請點點簽免費體驗30天,享線上簽署秒速回傳!

本文章內容由「凱鈿點點簽」提供,經關鍵評論網媒體集團廣編企劃編審。