1. 云裂变
  2. 营销
  3. 网站运营
  4. 基于属性的组件分类体系(iOS篇)

基于属性的组件分类体系(iOS篇)

作者: 日期:2022-03-06 人气:146

 

由于iOS 和 Material Design的组件体系有些纷歧样,所以关于组件的分类体系我会分iOS篇和Android篇来讲解,本篇文章为iOS 篇。

基于属性的组件分类体系(iOS篇)

对于大部分入门设计师及中级设计师来说,脑海里没有一套属于本身的组件分类体系。一说组件,脑子里面只会蹦出弹窗、toast、操作列表等。难以形成自我知识体系,可能是只有用到才会想到某个组件。这样的话对于系统的学习视觉设计、交互设计或产品设计是倒霉的。

组件基于Material Design和iOS 设计指南。关于组件的中文翻译名字可能会有很多种,并没有一个权威准确的中文命名。但是设计师知道某个组件名是什么样子的就已经够了。

由于iOS 和 Material Design的组件体系有些纷歧样,所以关于组件的分类体系我会分iOS篇和Android篇来讲解,本篇文章为iOS 篇。

iOS 或 Material Design的设计指南,都是根据组件的属性来系统介绍。其实从设计者的使用场景来说,都是设计者设计产品时,按照具体的功能来调用组件。所以从功能来划分是更容易理解和记忆的。故组件分类可以根据两种维度来划分。一种是组件的属性来分(本篇文章是基于属性分类),另一种是控件组件的功能类别(下一篇文章介绍)。

根据组件自己属性分类的思维导图:

基于属性的组件分类体系(iOS篇)

1.UI-bars (UI栏)导航栏(navigation bar)

导航栏能够实现在应用差别信息层级结构间的导航,有时候也可用于办理当前屏幕内容。

如图是系统导航的基础形式,其中Back为上一级的标题,Title为当前视图的标题,Edit代表操作控件。

iOS10规范中提及:一般来说,导航栏上应该不久不多于以下三种元素:当前视图的标题、返回按钮和一个针对当前的操作控件。

搜索栏(search bar)

搜索栏获取用户输入的文本,用以作为搜索的关键字(下图中显示的文本为占位符,非用户输入文本)。

基于属性的组件分类体系(iOS篇)

搜索栏可以包罗以下元素:

占位符文本(Placeholder text)。占位符文本通常会写明控件的功能(好比上图里的 “Search”字样),或者提示用户输入的文本将在哪里搜索(如“Google”)。清除按钮(The Clear button)。大多数搜索栏都会提供清除按钮,便利用户一键清空输入内容。状态栏(tatus bar)

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

基于属性的组件分类体系(iOS篇)

状态栏包罗以下特征:

是透明的始终固定在整个屏幕的上边沿标签栏(tab bar)

标签栏让用户在差别的子任务、视图和模式中进行切换。

基于属性的组件分类体系(iOS篇)

标签栏位于屏幕底部,并应该保证在应用内任何位置都可用。展示图标和文字内容,每一项均连结等宽。当用户选中某个标签时,该标签呈现适当的高亮状态。

标签栏可以包罗以下特性:

始终出现在屏幕的底部一个标签栏一次最多可承载5个标签(多于5个标签的时候,可以展示前4个标签和一个“更多”,并将其他的标签以列表形式收纳到“更多”里面)在横屏与竖屏情况下,高度均连结一致

一般而言,使用标签栏来组织整个应用层面的信息结构。标签栏非常适合用于应用的主界面中,因为它可以很好地扁平信息层级,而且同时提供多个触达同级信息类目与模式的入口。

工具栏(tool bar)

工具栏上放置着用于操作当前屏幕中各对象的控件

工具栏可以包罗以下特性:

在iPhone上,工具栏始终位于屏幕底部,而在iPad上则有可能出现在顶部范围栏(scope bar)

范围栏只有在与搜索栏一起时才会出现,它让用户可以定义搜索结果的范围。

基于属性的组件分类体系(iOS篇)

当搜索栏出现时,范围栏会出现在它的附近。范围栏的外不雅观与你所指定的搜索栏的外不雅观兼容。

当用户想在明确的分类范围内进行搜索时,使用范围栏是非常有用的。然而,更好的选择是优化您的搜索结果,让用户不需要使用范围栏对搜索结果进行筛选,便可以找到他们所需要的内容。

2.Ui-views(UI视图)

Ui-views又分内容视图和临时视图

临时视图:

警告对话框(alert

警告框传达应用或设备某种状态的重要信息,而且常常需要用户来进行操作。

内容标签:

热门文章

    现在很多企业都着手于做重庆seo排名,因为SEO是获取精准流量比较稳定且长期发展好的方式之一,同时也能提升自身企业的品牌形象,因为SEO本身就是基于用户体验优化而做的,因此做好SEO

6770

网络营销时代,软文营销已成为企业传播品牌、促进订单转化的重要手段。不同于硬广形式,软文营销的精华就在于“软”字,即广告绵里藏针,要在能提供给用户有价值内容的基础上进行广告

 文库营销指的是借助一些文库平台上传文档,通过知识分享来做品牌营销,目前常见的文库平台有百度文库、360图书馆、道客巴巴、豆丁文库等。文库营销对文档质量要求较高,需要用户自

网站对于很多的企业来说,不仅仅是业务的渠道拓宽,也是多一个网站推广的途径和客户渠道等,很多的企业虽然有自己的网站,但是重视程度不够,很多的企业都只依靠网站就能够养活一个公

3238

企业品牌推广对于企业的生存来说是极其重要的,如果没有一个好的推销渠道的话,可能就会让自己的商品卖不出去。在新闻中总是看到哪儿有什么产品卖不出去了,形成滞销,让个人或是企业

3198

一方面,不同客户的建站需求不同;另一方面,网站建设人员的技术水平高低不一;同时,时效、地域因素也会对建站成本有所影响。所以网站建设的报价暂时没有统一标准,建设费用更是从几

3017

最先剖析要散播的目的客户人群的陋习与话动范畴; 精心安排合乎网民爱好的论坛推广时件或话动; 积淀论谈有关社交圈子資源,会对进行论坛推广出示挺大适用; 搞好数据分析,以知道论坛推广的成功失败之举,加以改进。

人们常常会遇上有些人做论坛推广的当时,以便能短期内内看到作用,就在每个论谈网站上注冊很多的id,花两三天的時间就把各大论坛上贴的浓浓的全是软广,可是隔过段时间回来看,以前公布的全部贴子都被删的干净整洁,情况严重将会注冊的id也被封的干净整洁,而针对这类人只有说成爱好者的论坛推广技巧了。在进到这一议论以前,人们看一下自身是不是存有那样的难

在互联网高速发展的今天,在众多同行品牌的强势竞争下,新品牌想要打开市场并不是一件容易的事儿。但不推广就难以生存,那么我们应该如何做好新品牌推广,快速打开市场?云裂变徐国

2921

一个生产企业想要发展必须要创立自己的品牌,在人们购买东西讲究牌子的今天,如果你所生产的产品连个牌子都没有,恐怕会无人问津的。但是,有了品牌,对于小公司来说若是得到消费者的

2894

现在的推广营销方式与以前比起来可是多了不少,放在以前也就是还没有网络的时侯,商品商家和生产厂家想要把自己生产的和自己销售的产品或是商品成功推销出去那可就得想想办法了。比如

2891

说起网络营销,让人们想起了网上购物,比如在刚过去的520,就是一波网购的热潮,各种打折促销返利活动让许多人心动,看花了眼。又比如每年的双11、在双12的网上促销活动可谓是一年之内

2848

很多企业在官网搭建完成之后,便放任不管,既不更新内容、也不做任何的排名优化,最后网站没排名、没流量、没访客;即使有排名、有流量导入,但是跳出率极高,依然产生不了任何效益。

2831

随着网络营销、全网覆盖等口号喊得越来越响,现在有不少的企业做网络营销都是被同行带起来的,本质上对网络营销推广的作用都了解不多。那么网络推广好在哪?为什么一定要做好网络推广

论坛推广就是,企业利用论坛这种网络交流的平台,通过文字、图片、视频等方式发布企业的产品和服务的信息,从而让目标客户更加深刻地了解企业的产品和服务。最终达到企业宣传企业的品牌、加深市场认知度的网络营销活动。1、电子公告板(BBS)是虚拟网络小区的要素方法,小量的交流信息全是历经BBS进行的,vip历经贴到消息也许回应消息抵达互相联系的目地。一些简

受互联网大趋势影响,很多传统企业纷纷着手布局网络营销,考虑到企业自身在营销经验上有欠缺,不少老板会选择找全网营销外包公司合作,这个时候就会出现很多选择难题。比如说找了10家

2772

随着社会的发展和人们消费观念的改变,现在人们的消费已经从单纯的商品能使用消费阶段到了商品品牌消费阶段了。在进行商品购买时总是看商品的品牌,就拿一些年轻人来说吧,对于耐克、

2760

百科营销是一种以权威知识分享的形式对企业做有目的性的品牌宣传,可以有效提高潜在客户对企业品牌或产品服务的信任度及认可度,最终达到提升企业品牌知名度美誉度的双重作用。那么百

护肤品作为当下大受女性追捧的快消品,行业竞争激烈,且更新换代尤其迅速。那么如何在如此变幻莫测的市场竞争中占领高地呢?这自然少不了大面积的营销推广(包括线上和线下),下面全

一、前端seo代码优化注意事项1、提高页面加载速度。CSS可以用来解决不使用背景图片的问题,也可以尝试压缩背景图片的大小,你可以在一张图片上放置几个图标,使用CSSsprite,使用背景位置

2642

最新文章