<li id="g3zqm"></li>
2014-5-19 藍藍設計的小編
轉載藍藍設計( www.hengshangtqd.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供有效的 BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
來源：http://www.chinaz.com/design/2014/0430/349790.shtml
如果您想訂閱本博客內容，每天自動發到您的郵箱中， 請點這里
iOS7的10大設計準則涵蓋了UI設計的交互性、界面信息可讀性、圖形設計規范以及信息的組織性等四個方面。讀下去，看看你設計的UI都做到了么?
iOS7 的用戶界面設計比以往更卓越，并為用戶提供了更具吸引力的獨特體驗，帶來更大的機遇。在正式寫代碼之前，認真考慮UI設計是否符合這十條設計準則，可以提高App的可用性與吸引力。如果要更深入了解iOS7的設計，你可以閱讀蘋果官方的iOS人機界面指南(英文版)，或者下載知乎用戶翻譯的中文版iOS7 人機界面設計指南。
iOS7的10大設計準則涵蓋了UI設計的交互性、界面信息可讀性、圖形設計規范以及信息的組織性等四個方面。讀下去，看看你設計的UI都做到了么?
1、格式化內容
創建屏幕布局的時候，應該適適配iOS設備屏幕。用戶應該一次看清主要內容，而無需縮放或水平滾動。
2、觸摸控制
盡量采用專門為觸摸和手勢設計的界面元素，這樣可以使應用程序的交互更加輕松自然。
3、命中目標
設計可觸控的控件的時候，尺寸不得小于44x44px，只有這樣才能確保觸摸的精度和命中率。
4、字體尺寸
文本中的文字尺寸不得小于11點，這樣才能確保在常規距離下，無需縮放就可以清晰地閱讀。
5、對比度控制
盡量確保文字色彩對比更明顯，并且調整文字與背景的對比提高可讀性。
6、間距調整
不要讓文字出現重疊的狀況。適當地增加行高和行間距，提高文字的易讀性。
7、高分辨率
為所有圖片資源提供高分辨率的版本(@2x)。那些未曾@2x的圖像在Retina屏幕上會出現模糊的狀況。
8、防止拉伸
始終控制好圖片的高寬比，可以縮放，但是一定要避免拉伸，這樣可以避免失真。
9、信息架構
創建易于閱讀易于調整的布局，確保界面內容的可調整性。
10、保持對齊
讓文本、圖片、按鈕在界面上保持對齊，相似相關內容合理靠近，讓用戶更容易理解界面信息。