Axure PR 9 移動端設計規(guī)范
本文深入探討了Android和iOS兩大移動操作系統(tǒng)的設計準則,包括字體、圖標、UI組件布局等關(guān)鍵元素。了解這些規(guī)范,設計師能夠創(chuàng)建既美觀又實用的應用界面,提升用戶體驗。
這期內(nèi)容,來分享一下Android,iOS移動端常用的設計規(guī)范。
一、Android
1. 字體 Typography
2. 圖標 icons
1)應用圖標 Product icons
2)系統(tǒng)圖標 System icons
3)快捷圖標 Shortcut icon
4)單位和度量 Units and measurements
- dpi =屏幕寬度(或高度)像素 / 屏幕寬度(或高度)英寸
- dp =(寬度像素 x 160)/ dpi
3. UI組件布局 Element Layout
1)列表 List
2)觸控區(qū)域尺寸 Touch target size
3)應用欄 App bar
4)安卓通用設備分辨率常
二、iOS
1. 字體(默認) Typography
2. 點和像素 Points and Pixels
3. 圖標 Icon
1)應用圖標 App Icon
2)自定義圖標 Custom Icons
3)分辨率和顯示規(guī)格 Resolutions and Display
4)配色
4. UI組件布局 UI Element Layout
1)狀態(tài)欄 Status Bar
2)導航欄 Navigation Bar
3)搜索欄 Search Bar
4)標簽欄 Tab Bar
5)表格視圖 Table View
6)彈出 Modals
7)提示框 Alerts
8)切換 Segment Controls
9)滑動條 Sliders
10)切換按鈕 Switch
11)切換按鈕 Switch
12)iOS 通用設備分辨率常
本文由 @PM大明同學 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)作者許可,禁止轉(zhuǎn)載
題圖來自Unsplash,基于CC0協(xié)議
該文觀點僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務
評論
- 目前還沒評論,等你發(fā)揮!