开心红包app

扫一扫石家庄富鸿装修公司微信号
您当前所在位置:开心红包app > 新闻资讯 > 别墅设计 >

别墅设计

从设计指南中,解释了IOS系统组件分类系统

发布时间:2018-11-16  所属栏目:别墅设计

由于iOS和材料设计的组件系统有所不同,本文将组件分类系统分为iOS和Android,本文是iOS。
    
     对于大多数初级设计师和中级设计师来说,他们心中没有自己的组件分类系统。当你谈论组件时,你的大脑只会弹出窗口、吐司、操作列表等等。很难形成一个自我知识系统。只有当组件被使用时,才可能去考虑它。这对于系统学习、视觉设计、交互设计或产品设计都是不利的。
    
     这些组件基于《材料设计》和《iOS设计指南》。组件可能有很多中文译名,但没有权威准确的中文名称。但是设计人员知道组件的名称就足够了。
    
     由于iOS和材料设计的组件系统有所不同,本文将组件分类系统分为iOS和Android,本文是iOS。
    
     iOS或Material Design的设计指南是根据组件的特性来介绍的,实际上,从设计者的使用场景来看,当设计者设计产品时,组件是根据特定的功能调用的,因此更容易理解和记忆。因此,组件的分类可以分为两个维度,一个是对组件的属性进行分类(本文基于属性分类),另一个是对控制组件的功能进行分类(下一篇文章将介绍)。
    
     图形是系统导航的基本形式,其中Back是前一级的标题,Title是当前视图的标题,Edit表示操作控件。
    
     IOS 10规范提到,一般来说,导航栏上不应超过三个元素:当前视图的标题、返回按钮和当前视图的动作控件。
    
     搜索条检索用户输入的文本作为搜索关键字(下图中显示的文本是占位符,非用户输入文本)。
    
     标签栏位于屏幕底部,应该保证在应用程序中的任何地方都可以使用。显示图标和文本内容,每个项目保持相同的宽度。当用户选择标签时,标签呈现适当的高亮状态。
    
     一般来说,标签栏是用来组织应用层的信息结构的。标签栏非常适合于应用程序的主界面,因为它可以平滑信息层次结构,并将多个条目提供给同一级别的信息类别和mod。ES同时进行。
    
     当搜索栏出现时,范围栏将出现在它附近。范围栏的外观与您指定的搜索栏的外观兼容。
    
     当用户想要在一个清晰的类别中进行搜索时,使用范围条是非常有用的。然而,更好的选择是优化搜索结果,以便用户可以找到他们需要的内容,而无需使用范围条来过滤搜索结果。
    
     在规范中,警告框包含以下元素:标题(要求)、描述信息(可选)、输入框(可选)、按钮(需要)。同时,警告框的样式均为圆形和白色框,具有不可更改的效果。下图:
    
     操作列表是用户启动操作时发生的浮动层。使用操作列表允许用户启动新任务或重新验证破坏性操作(例如,删除、注销等)。使用操作列表启动新任务。在苹果的官方电子邮件应用程序中有很多例子,比如下面的一个。
    
     使用动作列表提供完成任务的不同方式。动作列表提供在当前场景中可以完成当前任务的一系列动作,这些动作不会永久占用页面UI空间。
    
     模态视图是以模态形式表示的视图,它为当前任务或当前工作流提供独立和自包含的功能。
    
     通常还包括完成任务的按钮(单击以完成任务,当前模式视图将消失)和取消按钮(单击以放弃当前任务,当前模式视图将消失),如图所示:
    
     当需要用户完成与应用程序中的基本功能相关的独立任务时,可以使用模式视图。模式视图对于子任务尤其有用,其中所需的元素不驻留在应用程序的主UI中,并且包含多个步骤。
    
     Web View可以直接在应用程序中加载和呈现丰富的Web内容,如嵌入式HTML和网站。例如,邮件使用网络视图在信息中显示HTML内容。
    
     滚动视图便于用户查看其大小超过滚动视图边界的图片(下图中接口的放大图片超过了长度和宽度)。
    
     当用户在视图中拖动内容时,内容会滚动;当用户扫描屏幕时,内容会快速滚动——直到用户再次触摸屏幕或内容到达底部。
    
     适当地支持缩放操作。如果放大和缩小对当前内容有用,则可以通过压缩或双击来支持用户放大和缩小当前视图。如果支持缩放,则还应该设置当前场景中允许的最大和最小缩放。根据用户当前的任务。
    
     在页面模式滚动视图中,可以考虑使用页面控件。当要显示分页、分割或分块内容时,可以使用页面控件让用户知道当前内容的块数以及当前正在浏览的内容。
    
     瓦片类型(平)。平表可分为几个标记段落。垂直表索引可能出现在表的右侧。可以在每行的开头找到页眉,而在结尾可以找到页脚。
    
     分组类型(分组)。表行以分组、页眉和页脚显示。组表视图包含至少一组列表,每个组至少包含一个内容。与瓦片类型不同,分组表没有索引。
    
     页面视图控制器通过滚动或分页-卷曲转换样式处理多于一个页面的内容。以下是iOS模拟器中的页面翻转样式。
    
     当使用滚动条效果时,当前页将滚动到下一页;当使用翻页效果时,将出现模拟物理书籍或笔记本翻页效果的翻页动画。
    
     使用MMAP视图可以为用户提供交互式地理区域视图,一般来说,用户可以在视图中交互。
    
     容器视图控制器以定制的方式管理和呈现其视图控制器或一系列子视图。系统定义的容器视图控制器的典型示例包括选项卡视图控制器、导航视图控制器和分割视图控制器。
    
     确保容器内容控制器在水平和垂直模式下都可用。重要的是容器视图控制器的经验在水平和垂直屏幕中保持一致。
    
     Active View Controller是一个临时视图,它列出了一系列可以根据页面的特定内容定制的系统服务和定制服务。
    
     每个活动表示系统提供的或定制的服务,可以通过访问活动视图控制器来对特定内容进行操作。
    
    
相关推荐: