Axure PR 9 移動端設(shè)計規(guī)范
本文深入探討了Android和iOS兩大移動操作系統(tǒng)的設(shè)計準(zhǔn)則,包括字體、圖標(biāo)、UI組件布局等關(guān)鍵元素。了解這些規(guī)范,設(shè)計師能夠創(chuàng)建既美觀又實用的應(yīng)用界面,提升用戶體驗。
這期內(nèi)容,來分享一下Android,iOS移動端常用的設(shè)計規(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)滑動條 Sliders
10)切換按鈕 Switch
11)切換按鈕 Switch
12)iOS 通用設(shè)備分辨率常
本文由 @PM大明同學(xué) 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)作者許可,禁止轉(zhuǎn)載
題圖來自Unsplash,基于CC0協(xié)議
該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務(wù)
- 目前還沒評論,等你發(fā)揮!