从设计指南说起，详解Material Design体系组件
发布时间：2017-09-04 09:34:09 所属栏目：交互 来源：woshipm
导读：副标题#e# iOS 或 Material Design的设计指南，都是按照组件的属性来系统介绍。 一般把Control翻译成控件，把Component翻译成组件。通俗的解释说法就是组件为多个元素组合而成，控件为单一元素。但是Material Design把我所认为的控件和组件都合为一体，统称
|
使用规则： Tabs 也不是用于内容切换或是内容分页的（例如：应用中页面之间的切换）。Tabs 应该显示在一行内。一组 tabs 至少包含 2 个 tab 并且不多于 6 个 tab。Tabs 控制的显示内容的定位要一致，为并列关系。Tab 中当前可见内容要高亮显示。Tabs 应该归类并且每组 tabs 中内容顺序相连。文本框文本框可以让用户输入文本。它们可以是单行的，带或不带滚动条，也可以是多行的，并且带有一个图标。点击文本框后显示光标，并自动显示键盘。除了输入，文本框可以进行其他任务操作，如文本选择（剪切，复制，粘贴）以及数据的自动查找功能。 文本框可以有不同的输入类型。输入类型决定文本框内允许输入什么样的字符，有的可能会提示虚拟键盘并调整其布局来显示最常用的字符。常见的类型包括数字，文本，电子邮件地址，电话号码，个人姓名，用户名，URL，街道地址，信用卡号码，PIN码，以及搜索查询。 单行文本框：当文本输入光标到达输入区域的最右边，单行文本框中的内容会自动滚动到左边。
带有滚动条的单行文本框：当单行文本框的输入内容很长并需跨越多行的时候，则文本框应该以滚动形式容纳文本 在滚动文本框中，一个图形化的标志出现在标线的下面。点击省略号，光标返回到字符的开头。
多行文本框:当光标到达最下缘，多行文本框会自动让溢出的的文字断开并形成新的行，使文本可以换行和垂直滚动。 工具提示用法：对同时满足以下条件的元素使用工具提示：1.具有交互性。2.主要是图形而非文本。
iOS和Material Design组件都已经讲完了，接下来的几篇文章都会按照组件控件的功能属性，详解设计规范之组件控件体系。 相关阅读从设计指南说起，详解iOS系统组件分类体系（属性分类篇） #关于作者#UX，微信公众号：UEDC，人人都是产品经理关于作者。华为ITUX交互组组长。 本文未经许可，禁止转载 （编辑：济南站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
