移动平台设计规范:目录

2019-05-09  本文已影响0人  游飞EW

参考谷歌安卓 Material Design 和苹果 iOS Human Interface Guidelines ,结合个人理解梳理了组件库目录,架构主要参考 iOS。计划以后在每个模块记录自己的交互设计心得,预计会包含移动平台设计规范、各手机系统案例和应用案例……等。

为什么要自己写一份移动平台设计规范?

一为横向对比各平台规范;二为记录设计规范的变迁;三为记录自己玩应用的体验。

虽然安卓、iOS、阿里等平台都有各自的设计规范官网,但其内容随着版本迭代在不断变化,背后的技术、社会、设计趋势等原因可能会淹没在历史中。比如我自己,参与工作时已经是安卓5.0、6.0时代,对1.0-4.0时代移动设计领域发生的事情知之甚少,而官网上新规范已经覆盖了旧规范,即使有更新说明,也不容易了解设计变化的过程。而这些变化过程,对深刻理解设计有非常重要的作用。


视觉 Visual Design

色彩 Color

文字 Typography

布局 Layout

控件 Controls

按钮 Button

开关 Switch

单选/多选控件 Radio Button/Checkbox

标签 Label/Chip

滑块/滑杆 Slider

滚动块/滚动条 Scroll bar

字母索引 Alphabetical Index

光标 Cursor

编辑菜单 Edit Menu

文本框/输入框 Text Field

星级评分控件 Star Rating

红点 Badge

气泡 Popover

Toast

Snackbar

展开/收起控件

选择器 Picker

分步器 Stepper

面包屑 Breadcrumb

分段控件 Segmented Control

页面指示器 Page Control

进度指示器 Progress Indicator

内容刷新控件 Refresh Content Control

分割线/分割块 Divider

栏 Bars

状态栏 Status Bar

导航栏 Navigation Bar

搜索栏 Search Bar

标签栏 Tab Bar

工具栏 Toolbar

视图 Views

列表 List

弹框 Alert/Dialog

动作菜单 Action Sheet

菜单 Menu

活动视图 Activity View

图集 Collection

图片视图 Image View

地图 Map

页面 Page

分屏 Split Screen

Tables

文本视图 Text View

网页视图 Web View

抽屉 Drawer

图标与图片 Icons and Images

App Icon 应用图标

Icon 图标

轮播图 Banner

应用架构 App Architecture

加载中 Loading

模态 Modality

新手指导 Onboarding

权限申请 Requesting Permission

空页面/缺省页 

手机系统 Mobile Operating System

锁屏

生物识别(指纹、面部、虹膜)

桌面

桌面插件 Widget

系统导航 System Navigation

负一屏/个人助理

语音助手/智能助手

通知 Notifications

控制中心

输入法 Keyboard

增强现实 AR(Augmented Reality)

截图、录屏

上一篇下一篇

猜你喜欢

热点阅读