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

相关推荐

  • 静电的SKETCH教室,全套教学视频免费分享下载。

    “静电的sketch设计教室”教学视频,对于新手自学来讲非常的合适,感谢静电,讲解的非常的清晰明了,视频就在这儿,剩下的就需要你付出时间去学习咯,祝大家学有所成!链接: https://pan.baidu.com/s/1iIbE-DI_yHLayj7wue49yQ 密码: mw25·—END—·

    2018-04-18
  • 内部教程!超实用6步透视网易设计规范(附完整PDF下载)

    这是一份不可多得的网易干货资料,更是一份非常标准的设计规范准则!产品经理&视觉设计必看!

    2016-08-29
  • 设计的物理定律的动力响应

    动效作为当今提升网页感官效果的利器,在各种类型的网页中已经全面开花,如何做到自然流畅让用户感觉舒适的动画效果呢?今天就来跟大家聊一聊动效设计的物理法则,以及它是如何应用的。

    2014-12-27
  • 淘宝UED的设计流程

    国内知名 UED 团队的设计流程是怎样的? 淘宝 UED 的设计流程图 <img src="https://pic4.zhimg.com/75bcc954c5e1695eeeeb1710eb62c947_b.jpg" data-rawwidth="4000" data-rawheight="1678" clas…

    2016-06-01
  • 形式与功能 – 卡片式设计思考

    在互联网产品中,除了内容型外,一些功能型的产品信息内容也是相当巨大的,特别是管理控制系统,业务管理、功能操作、数据展示等。在信息量这么大的页面中除了重视内容质量外,形式功能的组织与呈现也是同等重要,…

    2016-07-28
  • 使用 Sketch 搭建动态布局

    如果你在设计交互,你可能会经常遇到一些重复性的元素,比如列表中的行,或者网格化元素。尽管Sketch提供了一些方法,通过使用Symbols将一些样式应用到元素中,但如果你想让布局更有适应性或者动态变化,它恐怕就很…

    2017-12-28
  • 入行用户体验设计,规范是一切的开始

    对于用户体验设计、UI设计,入行最应该具备的基础知识是对设计规范的了解,但是很多朋友并不是很清楚如何获取设计规范,本文对各平台规范的获取做详细介绍。

    2016-07-18
  • 登录表单的那些事儿

     雅婵总结并供稿于我是UE网,转载请注明来自我是UE网。

    2015-06-12
  • 移动端界面中的版式设计原理

    “我总觉得页面不太好看但是我又说不出来”,“我不懂设计,但是我就是觉得不协调”,“你觉得这好看?你的审美要加强啊”这些听着熟悉的话往往是产品和设计产生矛盾的开端。还有一种评价叫说不出哪里好也说不出哪里不好…

    2016-01-08
  • 关于在iOS当中实践Material Design的访谈

    设计师Jason Zigrino(不认识)谈他在iOS平台上尝试Material Design设计语言的经验 你产出了很多不错的Material Design,尤其是iOS版本的Google Keep探索。你平时都使用哪些工具?设计这些app界面通常需要多少时间? …

    2015-09-01