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

移动平台设计规范:目录

作者: 游飞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)

截图、录屏

相关文章

  • 移动平台设计规范:目录

    参考谷歌安卓 Material Design 和苹果 iOS Human Interface Guidelines...

  • iOS移动产品APP界面设计规范

    一.概述 编写目的:编写iOS移动产品设计规范(以下简称“设计规范”)主要是为了规范化公司移动产品设计,将常用控件...

  • 2016移动开发技术巡礼

    原创 2016-12-27 徐川 移动开发前线 目录 前言 平台篇 iOS平台 Android平台 iOS开发技术...

  • PC客户端设计,产品经理需要知道的那些点

    自互联网产品设计行业诞生以来,出现了很多平台设计规范和组件模板,但大多是移动端(iOS/Android)和Web端...

  • 交互设计干货 | IOS与Android的设计规范

    关于设计规范的重要性就不多说,这篇文章主要通过举例对比,来帮助大家深刻认识两大移动平台(IOS&Android)的...

  • IOS与Android的设计规范

    关于设计规范的重要性就不多说,这篇文章主要通过举例对比,来帮助大家深刻认识两大移动平台(IOS&Android)的...

  • 数据库规范

    目录 一、数据库命令规范 二、数据库基本设计规范 三、数据库字段设计规范 四、索引设计规范 五、常见索引列建议 六...

  • 网易UI微专业课笔记——设计规范与流程

    设计规范概念及主流平台设计规范 一、什么是设计规范? 1.概念 2.为谁服务? 3.好处 (1)控制设计质量 (2...

  • 获取keystore签名

    在一些平台上创建移动应用时需要上传keystroe签名 找到Java安装目录下的jre/bin目录,复制该目录地址...

  • mysql 设计规范

    MySQL数据库设计规范目录规范背景与目的设计规范2.1 数据库设计2.1.1 库名2.1.2 表结构2.1.3 ...

网友评论

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

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