美文网首页
移动平台设计规范:目录

移动平台设计规范:目录

作者: 游飞EW | 来源:发表于2019-05-09 18:14 被阅读0次

    参考谷歌安卓 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)

    截图、录屏

    相关文章

      网友评论

          本文标题:移动平台设计规范:目录

          本文链接:https://www.haomeiwen.com/subject/hnwwoqtx.html