APP設(shè)計入門,如何選擇字體大小?

a.jpg

01 大標(biāo)題

34pt 字體最適合用于需要強烈沖擊力的粗體醒目標(biāo)題。在大多數(shù)情況下,頁面標(biāo)題的更實用尺寸是 24-28pt之間,這在移動 UI 中能很好地平衡清晰度和可用性。你需要讓設(shè)計既視覺吸引人,又不會占滿屏幕。

b.jpg

02 居中標(biāo)題

居中的標(biāo)題通常在 15-17pt 之間,根據(jù)設(shè)計上下文而定。17pt 通常用于需要更突出效果的場景,而像 16pt或 15pt 這樣的小尺寸更適合需要低調(diào)風(fēng)格的UI。一個常見的模式是,當(dāng)用戶滾動超過一定視口高度時,將大標(biāo)題過渡為居中標(biāo)題,通常將其集成到導(dǎo)航工具欄中,以保持一致性和可用性。

c.jpg

03 主文本

主文本的字體大小通常在 14-18pt之間,使用常規(guī)或中等粗細的字體。這些尺寸具有較強的通用性,通常應(yīng)用于段落文本、菜單項、列表項、表單控件和模態(tài)標(biāo)題。顏色方面,建議使用黑色,或者加入主色的輕微色調(diào),以保持一致性和可讀性。

d.jpg

04 列表視圖項

在列表視圖中,主標(biāo)題通常在 14-15pt 之間最為合適,既能保持清晰度,又不會讓 UI過于擁擠。次級描述性文本的字體大小一般在 12-13pt之間,既能提供清晰的層次感,又能保持設(shè)計的簡潔。標(biāo)題通常使用加粗字體,而描述性文本則使用常規(guī)或中等粗細的字體,配合稍微輕一些的對比度,以提高可讀性。

e.jpg

05 第三級文本

第三級文本,通常被稱為“腳注”或“說明文字”,字體通常較小,約在11-12pt 之間,并使用較為柔和、低調(diào)的色調(diào),以避免過度吸引注意力。腳注通常使用常規(guī)或中等粗細的字體,提供微妙但清晰的輔助信息,確保UI 的簡潔性。

f.jpg

06 最小字體大小

在談到iOS 應(yīng)用的最小字體大小時,標(biāo)簽欄的文字是一個重要的參考。這些文字通常在10-12pt 之間,根據(jù)目標(biāo)用戶群體(年輕人VS年長用戶)而有所不同,并使用常規(guī)或中等粗細的字體。顏色應(yīng)足夠深,以確??勺x性,并在不同光照條件下保持可訪問性。

g.jpg

07 按鈕文字大小

iO5 按鈕可以是圖標(biāo)、彩色文本或彩色矩形,所有按鈕的最小點擊目標(biāo)區(qū)域為44×44pt,以確??捎眯?。文本按鈕的字體大小通常在 15-17pt之間,使用中等、半粗體或粗體等字體粗細,以確保按鈕突出且易于交互。在每個按鈕的設(shè)計中,都應(yīng)優(yōu)先考慮清晰度和可訪問性。

h.jpg


每天更新,
全站高品質(zhì)素材免費下載!