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