翻譯:鎮(zhèn)雷
原文:https://developer.apple.com/design/tips
iOS 7 開始,越來(lái)越多擁有優(yōu)秀用戶界面的產(chǎn)品出現(xiàn),開發(fā)者們更有機(jī)會(huì)創(chuàng)造出那些具備一流且獨(dú)一無(wú)二用戶體驗(yàn)的產(chǎn)品。在開始編碼前,思考一些通用的設(shè)計(jì)理念能夠提升產(chǎn)品的吸引力和易用性。更多更棒的設(shè)計(jì)內(nèi)容可以閱讀:iOS Human Interface Guidelines.
互動(dòng)性(Interactivity)
內(nèi)容規(guī)范化(Formatting Content)
iOS 界面中,用戶應(yīng)當(dāng)不需要通過(guò)滑動(dòng)或縮放,就能直接看到所有的主要內(nèi)容。
通過(guò)使用那些可觸摸操控的組件,能夠令你的 app 使用起來(lái)更加簡(jiǎn)單和自然。
目標(biāo)熱區(qū)(Hit Targets)
所創(chuàng)建的可點(diǎn)擊組件至少要有 44pt * 44pt 的尺寸,這樣才能保證它們易于點(diǎn)擊。
易讀性(Readability)
文字尺寸(Text Size)
文字至少需要 11pt,才能保證在它們?cè)诔R?guī)閱讀距離下(不縮放),看起來(lái)清晰。
確保背景和字體顏色之間有足夠的差異,文字才能清晰顯示。
不要讓文字太過(guò)靠近(甚至重疊),通過(guò)增加行高和字間距來(lái)提升易讀性。
Graphics(圖形信息)
高分辨率(High Resolution)
提供所有圖片的高分辨率版本(@2x),否則它們?cè)谝暰W(wǎng)膜屏幕下會(huì)變得模糊。
變形(Distortion)
保持圖片的比例,避免顯示時(shí)變形失真。
明確性(Clarity)
組織性(Organization)
布局時(shí),將組件靠近它們所修飾的內(nèi)容,可以提高易讀性。
通過(guò)對(duì)文字、圖片和按鈕的排布來(lái)告訴用戶信息之間的關(guān)系。
查看視頻演示和指導(dǎo)來(lái)設(shè)計(jì)超贊的產(chǎn)品。