[譯]《iOS Human Interface Guidelines》——System Button

weixin_33912246發表於2017-11-19

系統按鈕

系統按鈕執行一個app特定的動作。

9075967-7a7b60d341e3b465
image

API NOTE
在iOS 7中,UIButtonTypeRoundedRect被重新定義成UIButtonTypeSystem。檢視UIButton學習更多關於在你的程式碼中定義一個系統按鈕的內容。

一個系統按鈕:

  • 預設沒有邊框或者背景外觀
  • 可以包含一個圖片或者文字標題
  • 支援自定義外觀,比如邊框或者背景圖片(使用UIButtonTypeCustom型別的按鈕並提供一個自定義的背景圖來新增自定義的外觀)

使用系統按鈕來初始化一個動作。當你給一個系統按鈕提供標題時,遵循下面的方法:

  • 使用一個動詞或者動詞短語來描述按鈕執行的動作。一個對應動作的標題告訴使用者按鈕是可互動的以及點選時會發生什麼。
  • 使用標題風格的大寫。除了文章、並列連詞和少於四個字母的介詞以外每個單詞都要大寫。
  • 不要建立太長的標題。太長的文字會被截斷,這會讓使用者很難理解。
9075967-906c5eccca014432
image

合適的話,在內容區域給系統按鈕新增邊框和背景外觀。大部分情況下,你可以不用給按鈕新增外觀,只需要製作一個清晰的喚起動作的標題,定義顏色,並提供語境線索。然而在一些內容區域中,新增邊框和背景外觀來提升按鈕的關注度會比較合適。

比如在電話中,帶邊框的數字鍵加強了打電話的心理模式,撥打按鈕的背景也給使用者一個引人注意的目標來點選。

本文翻譯自蘋果官方開發文件

檢視完整合集


檢視作者首頁

相關文章