HIG iOS 翻譯 iOS|iOS

benchen900
Oct 24, 2021

--

iOS iOS
Themes
Interface Essentials 介面要素

Themes

原文連結

iOS Design Theme

作為一名App設計師,你將有機會將特殊的產品推向至App Store的排行榜榜首。為此,你必須對品質及功能抱持高度預期。

三個有別於其他平台的iOS首要目標:

  • 清楚 在整個系統,所有尺寸的文字都是易讀的、Icon準確且易懂、裝飾精巧且適宜、對功能的高度關注激發設計。負空間、色彩、自行、圖像、介面元素巧妙地強調重要內容並傳達互動性
  • 主次 流暢、俐落且美麗的介面使人們了解內容並互動。典型的內容填滿整個螢幕,而半透明且模糊的物件通常暗示更多。減少邊框、漸層、陰影的使用來保持介面明亮及空間感,同時確保內容為最主要的資訊
  • 深度 視覺區分的圖層以及寫實的動態效果將傳達階層、活力並促進理解。觸控和可發現性提高了趣味,並能夠在沒有Context的情況下使用功能和附加內容。 當您瀏覽內容時,過場會提供深度感

設計原則

為了最大化影響力範圍,讓App堅守以下原則

Aesthetic Integrity 美感

審美的完整性顯示了App的外觀和行為與其功能的整合。 舉例,App幫助人們執行正式工作,透過使用微妙、不引人注目的圖像、標準操作和可預期的行為讓他們保持專注。 另一方面,沈浸式的App,例如游戲,可以提供迷人的外觀、樂趣和刺激,同時鼓勵探索

Consistency 一致性

一致性的App透過系統提供的介面元素、眾所週知的Icon、標準文字樣式、統一用語以提供熟悉的標準和範例

Direct manipulation 直覺操作

螢幕內容的直覺操作能夠促進人們了解。當他們轉動螢幕或使用手勢與螢幕互動將直覺反應。在整個操作中,他們可以看見立即的操作的結果

Feedback 反饋

回饋確認操作並顯示結果以讓人們了解情況。內建iOS App為每個使用者的操作提供可辨認的回饋。當點擊互動元素時將短暫強調、進度指示器傳達長時間的作業狀態,而動畫和音效讓操作結果更加明確

Metaphors 暗喻

當App的虛擬物件和操作有熟悉的體驗,人們將很快的學習使用,無論是實際現實或虛擬世界。人們與iOS螢幕物理互動,隱喻有良好運作。他們將視圖移動來看見下方的內容。他們拖曳和活動物件。他們撥動開關、移動Slider、滾動Picker數值。他們翻動書和雜誌的頁面如同真實世界

User Control 使用者操作

在整個iOS系統中,控制權在人手中而非App。App可以建議使用者操作教學或是對危險動作警告,但將決定交由App做選擇通常是錯誤的。好的App在使用者的選擇與避免非必要結果中取得平衡。

App透過互動元素熟悉、預測、確認破壞性操作以及取消操作(即使操作已經在進行中),讓人們感覺App在自己的控制之中

Interface Essentials 介面要素

原文連結

多數App透過UIKit建立,由共同介面元素所定義的程式架構。此架構令App達成一致性的外觀,同時提供高度自訂化。UIKit具有彈性且熟悉。他們具備適應性,讓你的設計在任何iOS裝置上都看起來很棒,當系統外觀改變時將自動更新。透過UIKit與三項主要介面元素適應

Bars 提供導覽讓人們知道他們在App的位置,包含按鈕或其他元素來啟動操作、傳達資訊

Views 在App中顯示首要內容,像是文字、圖像、通化和互動元素。View可以透過滾動、插入、刪除、排列來互動

Controls 啟用操作或傳遞資訊。按鈕、開關、文字輸入框、進度指示器都是Control的範例

除了定義iOS的介面,UIKit定義你的App可以適應的功能。舉例來說,透過這個架構,你的App可以回應螢幕上的手勢,啟用像是繪畫、無障礙、列印等功能

iOS和其他程式架構緊密結合,而technologies也同樣,像是Apple Pay、HealthKit和ResearchKit,適用於你設計的強大App

下一篇

--

--