陳亭勻 (Selena)
Jul 22, 2018 · 5 min read
Swift iOS App 班第一週最後的作業,是研究 iOS Design Guidelines 與 Apple Developer 網站,並寫下心得。由於工作關係,平素負責 App 專案帶領,與這些文件資源當然不陌生,在此就簡短寫一下,為什麼人人在開發前都應該多閱讀這些資源?

眾所皆知,Apple 的封閉性設計是相當出名的變態,從硬體規格到軟體設計,都有自己的一套,不論是基於市場利潤與獨佔考量,還是出於審美控管的目的,想要接觸 Apple 系列的開發,從初期硬體支出(貴死人的 Macbook Pro 似乎已成標配)與軟體理解上,勢必都要有所付出。

所幸,Apple 在設定一堆規則的同時,也提供開發者們許多利器。許多新進 PM 或 UI/UX Designer,也許會因千頭萬緒不知從何下手而無所適從,但其實只要打開以下幾份文件,就能迅速拋開困惑、掌握基本框架:


我特別推薦開發者或相關從業人員,先行閱讀「Human Interface Guidelines」。這篇文章有幾個優點:

  1. 如果你英文不好,Google翻譯可以 95% 精準地帶你讀完整篇,且絕對不用擔心理解錯誤。
  2. 讀完開篇第一章「iOS Design Themes」、「Design Principles」,就可以大致掌握設計準則。

簡單來說,iOS App 的設計準則,就是清楚、明確、保障好的用戶體驗。不會有字體太小、連結標示不清或錯誤、圖片分層不明朗、太多小圖案在手機上閱讀不便等各種狀況發生,那基本上就符合了審美標準。

與此同時,Apple 要求開發者注重點擊反饋、讓用戶容易理解行為暗示(比如左右拖曳或 Slide 切換)、保持圖標文本與用詞的一致,並提供用戶隨時中斷行為的控制權。

基於此,Apple 很貼心地提供了各種 device 的圖素、bar 等設計規格:

如果團隊中沒有 UI/UX Designer,但因 App 所需,在串接 WebView 商城時,Web 工程師請你在規格書中明確標示視覺尺寸,那就打開這份聖經吧!所有的問題都將迎刃而解。


Designing for iOS 10」的網頁,則是更清楚地藉由展示範例,示範各種標準規格,並用最簡潔的文字說明應該要注意什麼(如下圖)。而這些圖片展示,對新手 PM 也很有幫助,可以快速學習到如何在 Axure 原型工具 或 產品文件上,標示所需規格,做到與工程人員最基本的溝通。

此外,如果你需要一些設計資源,找到網頁後段的「iOS 10 GUI for iPhone」,可以連到專門網頁打包 GUI,讓設計更為快速便捷,不用自己截圖或 Google 搜圖找得要死。(在此也附上最新的 iOS 11 iPhone GUI,需要 iPad 或其他裝置的 GUI,請自行到網頁中尋找。)

應有盡有,且支援 Photoshop, Sketch, Figma 跟 XD!

最後這篇「The iOS Design Guidelines」,很適合設計人員閱讀,它跟前述提到的「Human Interface Guidelines」差不多,但更聚焦於視覺設計,諸如排版、用色標準、字體尺寸、各種原生功能的規格,都寫得很清楚且附圖。

想要成為一個好的 Apple 開發者、提供用戶最佳的使用體驗,絕對無法逃避閱讀這些文件(即便全用套件製作,也很難避免客製化的情境發生)。遵循這些規範,某種程度也能減輕上架失敗的所耗費的時間風險。

如果真的真的就是很討厭這樣被規範?

那只好快快投入 Android 的懷抱囉!😆

彼得潘的 Swift iOS App 開發教室

學習 Swift iOS App 開發的學生作品集

陳亭勻 (Selena)

Written by

APP 資深產品經理暨產品線主管,7年工作經驗,待過大集團與小團隊,加拿大與台灣,產業橫跨零售、外貿、遊戲、數據分析、行銷、財經資訊。熱衷全端能力培育與產品打磨,人生中最久的身份是跨平台遊戲玩家,正在籌備線上課程。邀稿請洽:selenaceline@gmail.com

彼得潘的 Swift iOS App 開發教室

學習 Swift iOS App 開發的學生作品集

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade