UI设计师需要了解的开发中常用的UI控件(ios篇)

大家都知道,在实际的工作中,设计师们和工程师们会经常频繁的沟通。有的时候工程师们会经常说一些控件名称,可能部分设计师们就会感到困惑,也许你经常说的是什么标签栏啊,工具栏,占位符之类的,但对于开发者们来讲,了解一些他们的语言和名称,也未尝不好。而且这样也会大大的提高工作效率,下面就来总结一下ios里一些基本的控件名称。

1.UIWindow 和 UIView

   窗口和视图。窗口,会有很多面的视图,一般在APP最底层的位置,然后一层一层网上堆叠;视图是设计整个界面的一个基础,相当于我们在设计软件中使用的画布,我们在上面可以任意去组合摆放各个控件。

2.UIViewController

   视图控制器。有了视图,必然要有可以去控制它的一个控件,就是视图控制器,你可以把你所有的UIView由它去管理,去进行控制。

3.UIButton

   按钮。这个应该比较好理解,就是我们在做UI设计的时候经常用到的按钮,有不同的状态,选中,悬停,按下等状态。

4.UIProgressView

   进度条。有的时候我们会需要让用户去下载视频,打开一个小动画,就会需要进度条,可以看见下载的进度。

5.UINavigationBar

   导航条。通常放在顶部,因为在手机的屏幕上有限,所以出现了由导航条控制的层级目录浏览方式。相当于一个容器,用来阻止管理一些事件的添加。

6.UIToolBar

   工具栏。很类似于UINavigationBar,但它没有存储多级别的结构,只能显示一层级的结构。

7.UIScrollView

   滚动视图。是可以调动的内容视图,随着手指的变动进行调节相应的点,知道何时停止滚动,而且必须知道内容视图的范围。

8.UISegmentControl

   选择按钮。多个选择项都可以进行设置,可以改变画线的颜色,设置背景色等。

9.UIPickerView

   选择条。多用于日期,省份,时间的选择。

10.UITextField

     显示文本。可以设置输入文本一些属性,改变大小和位置等。

11.UITableView

     表格视图。使用最广泛,一般是显示数据时使用,支持垂直滚动,有分组和不分组两种样式。

12.UITextView

     文本视图。可以用键盘输入想要输入的文本内容,相当于我们作图时的文字内容输入。

13.UILabel

     短文本。相当于标签,可以设置字体,字号,颜色等

14.UIImageView

     图片。设置图片的显示方式,如居中、居右,是否缩放等

15.MKMapView

     嵌入地图。可以在你的应用中加入地图,支持第三方导航功能,可以绘制导航路线,选择定位等。

16.UINavigationController

     导航控制器。完整的导航控制器由 Navigation bar,Navigation View,Navigation toolbar 等组成。

17.UIAlertView

     警告视图。类似于提示信息,弹出框之类,让用户去选择是或否之类,确定或取消之类的提示框。

18.UIActionSheet

     动作表单。有点类似于UIAlertView,但它可以针对选项比较多的时候去对其表单进行操作。

19.UISlideer

     滑动。可以对音量的大小进行滑动控制。

20.UISwitch

     开关。一般在设置里面用的比较多,对程序的允不允许定位进行开或关等。

当我们熟悉了一些基本的控件名称的时候,我们在对界面进行设计的时候,就会清晰很多,就会知道自己设计的这部分的名称,这部分为什么这么设计,它在程序里面用的是哪部分控件,到底是做什么用的,思路就会很明确。并且再和开发们沟通的时候,双方都会明白彼此要说的哪部分的内容,所以有的时候适当的去了解开发们常说的一些控件名称和规范是很有必要的,我们懂得他们得语言越多,自身也有助于提高我们对于整体产品设计把握的意识。

以上是自己平常工作中的一些总结,可能有不清晰或者解释不完全的地方,请大家见谅。当然ios里面还有好多好用也比较常见的一些控件,安卓也有一些基本的常用的控件,等后续会继续补充和整理上来,方便大家一起学习。

   

原创文章,作者:Smiler李想,如若转载,请注明出处:https://www.iamue.com/10137/

(0)
Smiler李想Smiler李想
上一篇 2015-10-21
下一篇 2015-10-27

相关推荐

  • 2016 年 UI 设计的新趋势

    移动应用 1. 各平台 (Android/iOS/HTML5/Web) 的标准设计语言接近一致 部分原生控件上只存在风格上的差异,对用户无显著影响。 Material Design 不会大兴其道,更不可能逆袭(用 Material Design 设计的 App 在 iOS…

    2016-01-09
  • 2015 年移动设备界面设计语言及风格总结

    引文:2014年,Google推出影响全球设计趋势的materialDesign,接着苹果推出ios8和两台影响ios屏幕适配的大屏手机 1.大屏手机的普及化 首先让我们看一眼友盟的数据 Android ios 友盟每天推送的邮件 3.5英寸~4英寸——…

    2015-12-14
  • 安卓APP设计规范·UI·UE-2015年(部分)

    移动应用在人们的生活中越来越重要,人们可以通过APP进行上网、聊天、购物等等。而且随着移动互联网的发展,APP的设计的变更也变得更快了。BESD设计实验室结合今年流行的设计趋势和一些实验调研后,在新的一年即将…

    2015-01-08
  • 圣诞节恶搞阳狮集团首席执行官

    嘿,节日里,当别人家的领导都在台上长篇大论,又是回顾又是展望为全体员工注射一波又一波的鸡血,你猜......广告公司的大佬们都在干嘛?事实上从2013年开始,阳狮集团的CEO莫里斯,都会找点乐子,不只是和idea漫天飞的创意人,更拉拢网友们,玩一场High翻天的游戏。

    2014-12-28
  • 从零开始学Sketch——进阶篇

    从零开始学Sketch——进阶篇 Sketch是一款矢量绘图应用,而矢量绘图无疑是目前进行网页、图标以及界面设计的最好方式。 在初识了Sketch的界面布局和基础工具之后,我们就可以开始进入高阶的Sketch工具篇学习了。这篇…

    2016-01-06
  • 不得不看的进度条「再设计」的 7 个典型案例

    如果追溯 Progress bar「进度条」的原型,通常被认为起源于 Henry Gantt 所提出的「甘特图」。用图形方式来表示某种项目的活动顺序和持续时间是甘特图的核心思想。 后来甘特图的概念被广泛用于计算领域,随着计算机…

    2015-08-04
  • Sketch从入门到精通-Sketch3 神奇的测量键

    在做设计的时候经常离不开精准的测量,间距,字体的大小。尤其是在做移动端UI设计的时候,设计完的界面效果图还要输出标注规范给工程师们让他们去实现,这就离不开精准的测量。 在Sketch里面,有个神奇的测量键,你…

    2015-08-28
  • 1989-2014 网页设计的演变

    转载:hejidaren 2015.03.13 www.shejidaren.com⤴ 估计很多做网页的同学还不了解网页的历史,它是什么时候出现的?而那时的网页又是怎样子的呢? 如果想了解下网页设计的简史,请往看吧,我建议每位网页设计师都应…

    2015-03-16
  • [sketch组件库] iOS 10 GUI for sketch

    今天给大家推荐的是 iOS 10 GUI 交互规范组件 for sketch ,大小有93M,需要下载 Sketch 源文件。

    2016-09-13
  • 关于创意,国外设计师用垃圾制作的插画,震惊到我了。

    本文来源于交互设计网:我是UE网,小编:阿西巴巴 图片来源:互联网 有些生活中的日用品或消耗品产生的垃圾我们随手都丢掉了,不过在设计师眼里这些也可能价值数十万美元。她是如何变废为宝的呢? 下面是作品: 我真…

    2015-04-20