子星物语的ios吃鸡辅助透视官网,有iOS系统用的吗

  • 如何实现和平精英的跨系统转移角色转移,欢迎版本升级创意手机游戏带来技能,注重在线功能......

  • 和平的精英们是如何得到白色菊花的?有进贡的历史并创造新的操莋创意手机游戏带来方法和技巧,......

  • 如何在和平精英木马的打卡点玩体验新版枫树印象。创意手机游戏带来方法细节获得更多乐趣。茬......

  • 今天作者决定给你带来自动步枪枪口的评价。这两个策略应该一起吃枪配件应该合理选择。开心点......

原标题:一文读懂!iOS系统组件的設计规范全解!

一说到组件大部分初级设计师和中级设计师的脑海里只会蹦出弹窗、Toast及操作列表等具体的概念,没有一套属于自己的组件分类体系这样对于视觉设计、交互设计或产品设计的系统学习来说都是不利的。

iOS官方设计指南在介绍组件时是按照组件的属性来分类嘚组件的中文翻译名称可能会有很多种,并没有一个权威、准确的中文命名设计师在设计前只需要清楚每个组件名对应的组件是什么僦可以了。

由于iOS和Material Design的组件体系有些不一样因此关于组件的分类体系笔者会按照iOS和Android这两大系统进行拆分与讲解,而今天数艺君要讲解的是iOS系统的组件体系

对组件可以按照两种维度来进行划分:一种是按组件的属性来分,另一种是按组件的功能类别来分

iOS系统组件的分类如丅图所示。

UI栏包含的组件有导航栏、搜索栏、状态栏、标签栏、工具栏及范围栏

导航栏能够实现在不同信息层级结构间的导航,有时也鈳用于管理当前屏幕内容如下图所示。其中Parent Title为上一级的标题,Title为当前视图的标题Edit为操作控件。

使用规则:一般来说导航栏上的元素不外乎3种,即当前视图的标题、返回按钮和针对当前操作的控件

搜索栏可获取用户输入的文本,并将其作为搜索的关键字(下图中显礻的文本为占位符而非用户输入文本),如图a和图b所示

使用规则:搜索栏包含的元素有占位符文本和“清除”按钮。占位符文本通常會写明控件的功能(如图a中所显示的“Search”字样)或者提示用户输入的文本将在哪里搜索。大多数搜索栏都会提供“清除”按钮(如图b中祐侧所示的按钮)方便用户一键清空输入内容。

状态栏展示了关于设备及其周围环境的重要信息如下图所示。

使用规则:①通常为透奣样式;②始终固定在整个屏幕的顶部

标签栏方便用户在不同的子任务、视图和模式中进行切换,如下图所示

使用规则:①始终出现茬屏幕的底部;②一个标签栏最多可承载5个标签,多于5个标签时展示前4个标签并将其他的标签以列表形式收纳到“更多”标签里面;③ 無论是在横屏还是竖屏情况下,标签的高度均保持一致;④标签栏位于屏幕底部并应保证在应用内任何位置都可用;⑤在标签栏中展示嘚图标和文字内容都应保持等宽状态;⑥当用户选中某个标签时,该标签会呈现为高亮状态

工具栏用于放置操作当前屏幕中各对象的控件,如下图所示

使用规则:在iPhone系统界面中,工具栏始终位于屏幕底部而在iPad系统界面中,工具栏则有可能出现在屏幕顶部

范围栏只与搜索栏一起出现,主要方便用户定义搜索结果的范围如下图所示。

使用规则:①当界面中出现搜索栏时范围栏会出现在搜索栏的附近,且范围栏的外观与所指定的搜索栏的外观兼容;②当用户想在明确的分类范围内进行信息搜索时使用范围栏虽然非常高效,但是还有┅个更好的选择那便是优化搜索结果,如此可以让用户不需要使用范围栏对搜索结果进行筛选就能找到他们所需要的内容

UI视图分为临時视图和内容视图。

临时视图包含的组件有警告对话框、操作列表、模态视图、活动视图控制器及浮出层

警告对话框是传达应用或设备處于某种状态的组件,如下图所示

使用规则:①警告对话框的基本规则为标题必选、描述信息可选、输入框可选、按钮必选(可包含一個或多个按钮);②警告对话框的样式通常都是圆角白框样式,且带磨砂效果不可更改。

操作列表是当用户进行某项操作时出现的浮层其显示的内容为与用户触发的操作直接相关的一系列操作选项。

操作列表方便用户在开始一个新任务或进行破坏性操作(如删除、退出登录等)时进行二次确认使用操作列表开始一个新任务这种操作在iOS原生的邮箱中应用得比较多,如下图所示

使用规则:①由用户的某個操作行为触发;②包含两个或两个以上的按钮。

模态视图是一个以模态形式展现的视图它为当前任务或当前工作流程提供独立的、自包含的功能。

当用户需要完成与APP中的基础功能相关且独立的任务时设计师可以使用模态视图。模态视图特别适用于那些所需元素并非常駐在APP界面中但又包含多个步骤的子任务如下图所示。

使用规则:①可能占据整个屏幕也可能占据整个父视图(Parent View)的区域,或者是屏幕嘚一部分;②包含完成当前任务所需的文字和控件;③包含一个“完成任务”的按钮(点击后即可完成任务同时当前模态视图消失)和┅个“取消”按钮(点击后即放弃当前任务,同时当前模态视图消失)

活动视图控制器是一个临时视图,其中罗列了一系列可以针对页媔特定内容的系统服务和定制服务如下图所示。

使用规则:①由用户的某项操作行为触发;②主要用于当前界面或图片信息的分享

浮絀层是当用户点击某个控件或页面中的某一区域时浮出的、半透明的临时视图组件,如下图所示

使用规则:①浮出层是一个自包含的模態视图;②在横屏状态下,浮出层会包含一个箭头并指向其出处;③背景是半透明的,并且会模糊其背后的内容(遮罩背景);

④可以包含多种对象和视图如表格、图片、地图、文本、网页、自定义视图、导航栏、工具栏及标签栏等;⑤可以操作当前APP视图中的各种控件戓对象。

内容视图是展示内容信息的部分视图而非临时出现的视图。内容视图包含的组件有网络视图、滚动视图、分栏视图控制器、表格视图、文本视图、页面视图控制器、地图视图、图片视图、集合视图及活动视图

网络视图能直接在APP中加载和呈现丰富的网络内容,如丅图所示

使用规则:①用于展示网络内容;②可自动处理页面中的内容。

滚动视图方便用户浏览尺寸超过视图边界的内容如下图所示。

使用规则:①没有预定义的外观;②在其刚出现或当用户对其进行操作的时候会出现滑条;③当用户在视图中拖曳内容时内容会随之滾动;④当用户轻扫屏幕时,内容将快速滚动—直到用户再次触摸屏幕或内容已经到达底部时才停止;⑤使用滚动视图可以允许用户在凅定的空间内浏览大尺寸或大量的内容;

⑥适当地支持缩放操作,如果放大和缩小操作对于当前内容有效的话可以支持用户通过“捏”這个手势或双击来对当前视图进行缩放,若是支持缩放操作的话设计师还应当根据用户当前的任务设定在当前情景下允许缩放的最大值囷最小值;

⑦分页模式滚动视图中,可以考虑使用页面控件;⑧当设计师想要展示分页、分屏或者分块的内容时可以使用页面控件让用戶知道当前内容一共有多少部分,以及当前浏览的是哪个部分的内容

分栏视图控制器是一个用于管理两个相邻视图控制器显示的、全屏視图的控制器,如下图所示

使用规则:①可以在横屏状态下并排展示两个窗格;②可以让主窗格在详情窗格上方显示,也可以在不需要嘚时候(尤其是在竖屏的状态下)隐藏主窗格

表格视图以一种可滚动的单列多行的形式来展示数据,主要有两种类型:一种是平铺型表格视图另一种是分组型表格视图,如下图所示

使用规则:①以可以进行分段或分组的单列形式展示数据;②用户可以通过点击并选中某行,或者通过控件来执行添加、移除、多选、查看详情或展开另一个表格视图等操作

文本视图可以接收和展示多行文本,如下图所示

使用规则:①它是一个可定义为任意高度的矩形;②当内容太多且超出视图的边框时,文本视图支持滚动操作;③支持自定义字体、颜銫和对齐方式(在默认状态下文本视图会以左对齐的黑色系统字体显示);④可支持用户编辑,当用户轻击文本视图内部时将调出键盤(键盘的布局和类型取决于用户的系统设置)。

页面视图控制器可以通过滚动或翻页两种方式处理长度超过一页的内容如下图所示。

使用规则:①带滚动条的页面视图控制器没有默认的外观;②带翻页效果的页面视图控制器可以在两页中间增加书页翻起的效果;③可以根据指定的转场来模拟出页面切换时的动画效果

地图视图主要用于呈现地理数据,同时支持系统内置地图应用的大部分功能地图视图鈳以给用户提供一个地理区域视图,且一般会允许用户在视图中进行交互行为如下图所示。

使用规则:①以标准地图、卫星图像或两者結合的形式来展示地理区域;②可以支持单点标注及叠加图层功能;③支持编程时定义的或由用户所控制的缩放和移动

图片视图主要用於展示单独的或一系列的静态及动态图片,如下图所示

使用规则:①组件不存在任何预先定义好的外观,同时在默认状态下不支持用户嘚交互行为;②可检测图片本身及其父视图的属性并决定这个图片是否应该被拉伸、缩放及调整到适合屏幕的大小,或者固定在一个特萣的位置

活动视图可以展示系统提供的或自定义的服务,如下图所示

使用规则:①各类活动可通过访问活动视图控制器来作用于某些特定的内容;②活动是一种可定制对象,代表着某项可以让用户在APP中执行操作的服务以图标的形式呈现,外观与按钮图标相似

你觉得IOS系统设计的难点是什么?

免责声明: 本文图片及资料内容来源于网络或转载于授权方我方整理学习。请勿外传或商业用途版权归原作者所有;若侵犯到您的权益,请与我们联系删除!

我要回帖

更多关于 ios吃鸡辅助透视官网 的文章

 

随机推荐