陳子木 iOS7 的用戶界面設計比以往更卓越，并為用戶提供了更具吸引力的獨特體驗，帶來更大的機遇。在正式寫代碼之前，認真考慮UI設計是否符合這十條設計準則，可以提高App的可用性與吸引力。如果要更深入了解iOS7的設計，你可以閱讀蘋果官方的iOS人機界面指南（英文版），或者下載知乎用戶翻譯的中文版iOS7人機界面設計指南。

相關文章：
經驗分享：IOS平臺設計規范
深度解析！打造IOS7設計風格的訣竅
巨人之爭！IOS7和ANDROID4.4奇巧巧克力

iOS7的10大設計準則涵蓋了UI設計的交互性、界面信息可讀性、圖形設計規范以及信息的組織性等四個方面。讀下去，看看你設計的UI都做到了么？

1、格式化內容

創建屏幕布局的時候，應該適適配iOS設備屏幕。用戶應該一次看清主要內容，而無需縮放或水平滾動。
點此查看更多

2、觸摸控制

盡量采用專門為觸摸和手勢設計的界面元素，這樣可以使應用程序的交互更加輕松自然。
點此查看更多

3、命中目標

設計可觸控的控件的時候，尺寸不得小于44x44px，只有這樣才能確保觸摸的精度和命中率。
點此查看更多

4、字體尺寸

文本中的文字尺寸不得小于11點，這樣才能確保在常規距離下，無需縮放就可以清晰地閱讀。
點此查看更多

5、對比度控制

盡量確保文字色彩對比更明顯，并且調整文字與背景的對比提高可讀性。
點此查看更多

6、間距調整

不要讓文字出現重疊的狀況。適當地增加行高和行間距，提高文字的易讀性。
點此查看更多

7、高分辨率

為所有圖片資源提供高分辨率的版本（@2x）。那些未曾@2x的圖像在Retina屏幕上會出現模糊的狀況。
點此查看更多

8、防止拉伸

始終控制好圖片的高寬比，可以縮放，但是一定要避免拉伸，這樣可以避免失真。
點此查看更多

9、信息架構

創建易于閱讀易于調整的布局，確保界面內容的可調整性。
點此查看更多

10、保持對齊

讓文本、圖片、按鈕在界面上保持對齊，相似相關內容合理靠近，讓用戶更容易理解界面信息。
點此查看更多

原文地址：Apple UI Design
優設網翻譯：@陳子木
本文由優設網原創翻譯，請尊重版權和譯者成果，轉摘請附上優設鏈接，違者必究。謝謝各位編輯同仁配合。

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

 
================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量67萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：