图形用户界面

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

0
登录或者登记去做吧。

大家都知道,在实际的工作中,设计师们和工程师们会经常频繁的沟通。有的时候工程师们会经常说一些控件名称,可能部分设计师们就会感到困惑,也许你经常说的是什么标签栏啊,工具栏,占位符之类的,但对于开发者们来讲,了解一些他们的语言和名称,也未尝不好。而且这样也会大大的提高工作效率,下面就来总结一下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里面还有好多好用也比较常见的一些控件,安卓也有一些基本的常用的控件,等后续会继续补充和整理上来,方便大家一起学习。

   

【原译】迪士尼中的UX(下篇)
你的密码真的安全?看看当年三百万样本中的弱密码规律