Apple Developer Documentation 小小心得

林伯翰
林伯翰
Nov 6 · 4 min read

Human Interface Guidelines

哈哈雖然真的只能大略閱讀過XD
不過也大概算是對Apple 人機介面設計UI&UX,有些微的了解

UI:User Interface 使用者介面
UX:User Experience 使用者體驗


iOS Design Themes: (設計原則)

Clarity(清晰易懂)
Deference(流暢一致)
Depth(深度互動)


Design Principles:(設計特性)

Aesthetic Integrity(美學一致)
Consistency(設計一致性 )
Direct Manipulation(直接方便操作)
Feedback(回饋)
Metaphors(象徵性) &
User Control(使用者控制)

主要是從設計風格到設計想法,包含動作以及使用者習慣,讓使用者在使用上的體驗上一致。同時說明程式與一些與使用者互動的反應跟習慣,以及建議該如何跟使用者去進行互動等。


Interface Essentials:(介面元素)

UIKit 可以分為三大要素,Bars & Views & Controls

Bars:主要是讓使用者知道自己在App中的位置(像一個地圖),並可以跟其他元件進行互動。

Views:讓使用者快速了解App提供的資訊,像是使用文字、圖片、動畫以及各種可互動之元素,並包含捲軸、插入、刪除以及排列等。

Controls:用於控制觸發事件和傳遞功能訊息,像按鈕、開關、輸入框、進度條等皆是。

後面共多章節同時也包含各種元件的粗略介紹和圖片,算是讓初心者把手機上的元件與英文組合起來,以及其UI大概的設計法則。

舉例幾個~

在Navigation中,要給Users clear path & Provider fast and easy to get content. 簡略三個字概括,“快狠準”

在Onboarding中,盡量讓程式看起來美觀,給個Launch Screen並和APP同調和避免顯示APP同意協議,也不要太快或太長跳出給程式五星好評…等

在Requesting Permission中,盡量避免一直要求不必要權限尤其是Location info,除非必要,且要解釋的清楚。

在Settings中,盡量減少設定的複雜度,並盡量提供簡單的設定。

…..等


有太多太多,不過大致上就是指導該如何產出一個符合規範的文件也可以說是官方的建議書,不過相信如果讀完整份文件,大概也知道iOS App UI&UX大概是怎麼設計出來XD。
不過我個人是先看Subtitle,如果有疑惑再去讀裡面的文字,要不然全部看完應該要好幾小時XD,當然身旁一定要有Google大神!
不過看到後面還是一直看一直點頭XD!

不知道為什麼,Medium連結過去的網頁會找不到所以提供原始連結
https://developer.apple.com/design/human-interface-guidelines/ios/overview/

附加資料:

iPhone Resolutions(iPhone解析度大全!)

iPhone Resolutions Links
https://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions

彼得潘的 Swift iOS App 開發教室

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

    林伯翰

    Written by

    林伯翰

    On the way to the iOS Developer~

    彼得潘的 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