参考谷歌安卓 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)
截图、录屏
网友评论