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-09-24
  • 【OMG】央视新LOGO竟然换成这样......

    新年伊始,央视竟然暗搓搓的换了LOGO...... "oh,my god!"朋友在微信里惊呼。 “你抽抽了么~!”我说。 “央视居然~~居然~~居然换LOGO了” 我迅雷不及掩耳盗铃之势,问了度娘 果真是的啊,暗想 “我擦嘞,央视也在赶时髦…

    2016-01-08
  • 安卓APP设计规范·UI·UE-2015年(部分)

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

    2015-01-08
  • 从零开始学Sketch——入门篇

    如果你是一枚交互设计师或者UI设计师,那么你一定知道Sketch这个强大的矢量设计软件;如果你用过Photoshop,那么在你接触了Sketch之后就能了解到这款产品相对于PS的优点,说不定会跟我一样变成一个Sketch的死忠粉。…

    2016-01-06
  • Sketch从入门到精通-Sketch3蒙版的使用

    蒙版,顾名思义就是蒙上一层东西,只显示你想显示的部分,类似PS里面的遮罩。在Sketch里面,你可以有选择去显示想要显示的内容,比如你可以打开一张正方形的图片,然后想做一个圆形的头像,那么就需要在这个正方形…

    2015-07-20
  • UI设计之4个字体设计小技巧

    内容在设计中起着至关重要的作用。不管你是从事网站设计、移动应用程序设计、还是可穿戴ui设计,你的设计必须能够清楚地传递出设计的意图和目的。由于文本是基于沟通的目的,所以需要对字体设计有着深刻的理解。当然,…

    2015-05-14
  • 负空间海报设计分享

    小编话:负空间是什么?简单来说,负空间就是物体之间的空间。我们之前有欣赏过负空间的LOGO设计,今天给大家分享的是由cndesign分享的负空间风格的海报设计。在排版构图与设计时都能成为一个不错的参考,enjoy! …

    2015-01-22
  • 【免费字体】站酷高级黑字体“汉字百人舞”

    “汉字百人舞计划”出品 站酷网近百名设计师参与字库创作,供所有人永久免费下载。   “汉字百人舞”计划,由字体设计师胡晓波、刘兵克发起,在站酷网征集100位字体设计师共同完成一套字库创作,供所有人永久免费下载…

    2015-01-14
  • 字体设计之字体性取向

    小编话:无论你是UI设计师还是平面设计师或是其他,在做设计时对字体的运用一定是多之又多的。有时候也会因为把握不好字体而使整个画面达不到自己预期的效果。今天给大家带来由alipayifed分享的字体设计之字的性取…

    2015-01-22
  • 外媒盘点:2014 年最佳 UI&UX 设计

    外媒 fastcodesign 就盘点了 2014 年最佳 UI&UX 设计,这其中有几款设计让人眼界大开,我们一起来看看吧。 GravitySketch 3D 虚拟画板 GravitySketch 让设计师们随时随地"凭空工作"成为了可能。使用者需要戴上 …

    2015-02-04