Axure PR 9 移動端設計規(guī)范

0 評論 1379 瀏覽 16 收藏 7 分鐘
B端产品经理要负责对目标行业和市场进行深入的分析和调研,了解客户的需求、痛点、期望和行为,找到产品的价值主张 🔗

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

這期內(nèi)容,來分享一下Android,iOS移動端常用的設計規(guī)范。

一、Android

1. 字體 Typography

Axure PR 9 移動端設計規(guī)范

Axure PR 9 移動端設計規(guī)范

2. 圖標 icons

Axure PR 9 移動端設計規(guī)范

1)應用圖標 Product icons

Axure PR 9 移動端設計規(guī)范

2)系統(tǒng)圖標 System icons

Axure PR 9 移動端設計規(guī)范

3)快捷圖標 Shortcut icon

Axure PR 9 移動端設計規(guī)范

4)單位和度量 Units and measurements

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

Axure PR 9 移動端設計規(guī)范

3. UI組件布局 Element Layout

1)列表 List

Axure PR 9 移動端設計規(guī)范

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

Axure PR 9 移動端設計規(guī)范

3)應用欄 App bar

Axure PR 9 移動端設計規(guī)范

4)安卓通用設備分辨率常

Axure PR 9 移動端設計規(guī)范

二、iOS

1. 字體(默認) Typography

Axure PR 9 移動端設計規(guī)范

Axure PR 9 移動端設計規(guī)范

Axure PR 9 移動端設計規(guī)范

2. 點和像素 Points and Pixels

Axure PR 9 移動端設計規(guī)范

3. 圖標 Icon

1)應用圖標 App Icon

Axure PR 9 移動端設計規(guī)范

Axure PR 9 移動端設計規(guī)范

Axure PR 9 移動端設計規(guī)范

2)自定義圖標 Custom Icons

Axure PR 9 移動端設計規(guī)范

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

Axure PR 9 移動端設計規(guī)范

4)配色

Axure PR 9 移動端設計規(guī)范

4. UI組件布局 UI Element Layout

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

Axure PR 9 移動端設計規(guī)范

2)導航欄 Navigation Bar

Axure PR 9 移動端設計規(guī)范

3)搜索欄 Search Bar

Axure PR 9 移動端設計規(guī)范

4)標簽欄 Tab Bar

Axure PR 9 移動端設計規(guī)范

5)表格視圖 Table View

Axure PR 9 移動端設計規(guī)范

6)彈出 Modals

Axure PR 9 移動端設計規(guī)范

7)提示框 Alerts

Axure PR 9 移動端設計規(guī)范

8)切換 Segment Controls

Axure PR 9 移動端設計規(guī)范

9)滑動條 Sliders

Axure PR 9 移動端設計規(guī)范

10)切換按鈕 Switch

Axure PR 9 移動端設計規(guī)范

11)切換按鈕 Switch

Axure PR 9 移動端設計規(guī)范

12)iOS 通用設備分辨率常

Axure PR 9 移動端設計規(guī)范

本文由 @PM大明同學 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)作者許可,禁止轉(zhuǎn)載

題圖來自Unsplash,基于CC0協(xié)議

該文觀點僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!
专题
13603人已学习13篇文章
本专题的文章分享了如何打造用户“上瘾”的产品。
专题
43507人已学习16篇文章
设计库存、财务、退换货流程时不用一个头两个大了。
专题
53123人已学习15篇文章
无论是个人运营体系还是公司运营体系的构建,你都能在这里找到。
专题
17000人已学习16篇文章
ERP是一种以系统化的方式,将企业内部所有的业务流程和数据进行整合和管理的软件系统。本专题的文章分享了ERP系统设计指南。
专题
13509人已学习15篇文章
私域流量是与公域流量相对的概念,本专题的文章主要通过几个核心的问题,为大家解读私域流量背后的底层逻辑。
专题
12485人已学习15篇文章
互联网医疗是医疗行业与互联网的综合应用,其以互联网及相关技术为载体和支撑,开展线下传统或线上衍生的医疗健康服务。本专题的文章分享了对互联网医疗的分析和见解。