本文深入探討了Android和iOS兩大移動(dòng)操作系統(tǒng)的設(shè)計(jì)準(zhǔn)則，包括字體、圖標(biāo)、UI組件布局等關(guān)鍵元素。了解這些規(guī)范，設(shè)計(jì)師能夠創(chuàng)建既美觀又實(shí)用的應(yīng)用界面，提升用戶體驗(yàn)。

這期內(nèi)容，來分享一下Android，iOS移動(dòng)端常用的設(shè)計(jì)規(guī)范。

一、Android

1. 字體 Typography

2. 圖標(biāo) icons

1）應(yīng)用圖標(biāo) Product icons

2）系統(tǒng)圖標(biāo) System icons

3）快捷圖標(biāo) Shortcut icon

4）單位和度量 Units and measurements

• dpi =屏幕寬度（或高度）像素 / 屏幕寬度（或高度）英寸
• dp =(寬度像素 x 160)/ dpi

3. UI組件布局 Element Layout

1）列表 List

2）觸控區(qū)域尺寸 Touch target size

3）應(yīng)用欄 App bar

4）安卓通用設(shè)備分辨率常

二、iOS

1. 字體(默認(rèn)) Typography

2. 點(diǎn)和像素 Points and Pixels

3. 圖標(biāo) Icon

1）應(yīng)用圖標(biāo) App Icon

2）自定義圖標(biāo) Custom Icons

3）分辨率和顯示規(guī)格 Resolutions and Display

4）配色

4. UI組件布局 UI Element Layout

1）狀態(tài)欄 Status Bar

2）導(dǎo)航欄 Navigation Bar

3）搜索欄 Search Bar

4）標(biāo)簽欄 Tab Bar

5）表格視圖 Table View

6）彈出 Modals

7）提示框 Alerts

8）切換 Segment Controls

9）滑動(dòng)條 Sliders

10）切換按鈕 Switch

11）切換按鈕 Switch

12）iOS 通用設(shè)備分辨率常