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

相关推荐

  • 有哪些非常有设计感的APP?—国内篇

    小编前语:继上次整理的富有设计感的应用之国外篇后,很多童鞋想了解目前国内比较有设计感的APP有哪些,总有些喜爱玩APP的达人给我们推荐一些应用,小编在这汇总下,供大家欣赏~~ 1.小记 日记软件有很多,这一款很…

    2015-05-22
  • UE网出品:Sketch从入门到精通[免费精品课程] | 阿西UED&Smiler

    Sketch从入门到精通  讲师:阿西UED Smiler 参加时间:2015年6月24日 17:40 最后更新:2015年6月24日 17:40 适用人群: UI设计师、美工、视觉设计师、 对UI有兴趣的人。 简介 Sketch从入门到精通是由www.iamue.com …

    2015-06-25
  • Sketch从入门到精通 熟悉一下钢笔及各种基本图形的练习 免费版

    上一章节因为涉及到了画圆及各种图形,怕有的小伙伴还是不知道,就在这一章节里仔细的讲一遍,大家也可以更熟悉一下Insert有哪些更多工具有助于设计稿。 第一个是钢笔工具,快捷键是V,可以画出你想要的任意形状。…

    2015-07-03
  • Sketch导出icon神器插件App Asset export教程

    废话不多说,直接开整: 1.首先可以直接在 Sketch Tool 中搜索"App Asset Export" 这个插件直接安装 或者到源码主页下载双击安装插件Github开源下载地址 使用方法 建一个1024x1024大小图层进行Icon设计 打开Plugins…

    2018-03-13
  • APP动效设计欣赏

    目前为止,app动效也越来越重要了,很多移动app设计师已经开始尝试去制作自己的app动效设计。因为好的app动效设计可以让自己的app产品顿时高大上。 开门见山吧,我们回顾下APP中的动效可以划分为两类: 一类是转场…

    2015-12-23
  • 设计规范如何写,这20个精选案例让你大开眼界

    一篇干货贴,开篇必须来点镇楼的。 如下为规范汇总页,里面囊括了许多大家熟知品牌的规范。 1. Brand Style Guide Examples http://saijogeorge.com/brand-style-guide-examples/ 从中大致可以总结出规范的分类: …

    2015-11-09
  • 刷爆设计师朋友圈的年度音乐《射鸡师》

    喂?有空吗?帮我做个设计!
    哎,先做几个方案看看。
    对对对,下班前给我!
    纳尼?!还要钱?
    一曲《射鸡师》道出了设计师们的心酸,点击下面音乐,一起来倾听设计师的心声。

    2016-02-03
  • Sketch从入门到精通-Sketch3 九宫格

    九宫格 在做图的时候,有的时候需要把画面划分几个部分,分别进行设计。因为随着作图能力的提高,规范性和严谨性就需要提高。尤其是网页设计,一个好的网页设计不是杂乱无序的。 所以我们可以用Sketch里的九宫格,…

    2015-08-03
  • 未来的汽车UI将惊艳世界

    今天多数汽车UI的设计,由于不直观、过时和缺乏美学表现力,一直饱受诟病。其他行业都将设计的品质奉为标准,汽车生产商在这方面则动作迟缓。所以,许多设计师抓住了这个机会,思考未来的汽车界面会如何改变我们的…

    2016-10-18
  • 正确使用标签选项卡的12个姿势

    这里是关于标签选项卡的12个设计准则: 1、使用标签选项卡在相同容器不同内容下的视图间切换,而不是作为导航将用户带到不同的区域。这是最重要的一点,因为在不同的标签视图下切换时保持内容容器的一致是我们在开…

    2016-07-19