「簡(jiǎn)要翻譯」Apple :UI Design Dos and Don'ts

翻譯:鎮(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)容。

Learn more>

觸摸控制(Touch Controls)

通過(guò)使用那些可觸摸操控的組件,能夠令你的 app 使用起來(lái)更加簡(jiǎn)單和自然。

Learn more>

目標(biāo)熱區(qū)(Hit Targets)

所創(chuàng)建的可點(diǎn)擊組件至少要有 44pt * 44pt 的尺寸,這樣才能保證它們易于點(diǎn)擊。

Learn more>

易讀性(Readability)

文字尺寸(Text Size)

文字至少需要 11pt,才能保證在它們?cè)诔R?guī)閱讀距離下(不縮放),看起來(lái)清晰。

Learn more>

差異(Contrast)

確保背景和字體顏色之間有足夠的差異,文字才能清晰顯示。

Learn more>

間距(Spacing)

不要讓文字太過(guò)靠近(甚至重疊),通過(guò)增加行高和字間距來(lái)提升易讀性。

Learn more>

Graphics(圖形信息)

高分辨率(High Resolution)

提供所有圖片的高分辨率版本(@2x),否則它們?cè)谝暰W(wǎng)膜屏幕下會(huì)變得模糊。

Learn more>

變形(Distortion)

保持圖片的比例,避免顯示時(shí)變形失真。

Learn more>

明確性(Clarity)

組織性(Organization)

布局時(shí),將組件靠近它們所修飾的內(nèi)容,可以提高易讀性。

Learn more>

布局(Alignment)

通過(guò)對(duì)文字、圖片和按鈕的排布來(lái)告訴用戶信息之間的關(guān)系。

Learn more>

更多設(shè)計(jì)資源

查看視頻演示和指導(dǎo)來(lái)設(shè)計(jì)超贊的產(chǎn)品。

Learn more>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,351評(píng)論 25 708
  • “其實(shí)我也沒(méi)聽清,就是我路來(lái)路過(guò)隨便聽?zhēng)拙?,有人知道有人好像還不知道,不知道的人自然就聲音大了些,一來(lái)一去我就聽到...
    顆粒crown閱讀 392評(píng)論 0 0
  • 戒煙馬上六年了,但剛才在路上聞到一抽煙人吐出的煙霧依然感到很香。 這些容易上癮的不好的習(xí)慣千萬(wàn)不要學(xué),抽煙如此,吸...
    張家老二閱讀 181評(píng)論 0 0
  • “你在怕我?”夜無(wú)殤停下解開女子衣帶的手問(wèn)到,眼中流露出幾絲若有若無(wú)的落寞。 女子不說(shuō)話,微微偏偏過(guò)去的頭...
    梧桐間閱讀 1,987評(píng)論 9 22
  • 孌美人推薦的書。 不論故事情節(jié)還是文筆都挺好。一條主線兩條副線,主線是太子,副線一條是許詹事和其身后的陳年密幸,一...
    建寧王妃閱讀 825評(píng)論 0 0

友情鏈接更多精彩內(nèi)容