ui设计的历史进程

　　我们现在使用的电脑显示屏里的东西都是UI设计。从最初我们用的电子产品、软件再到网站的建设，这些都属于UI设计范畴，越来越多的企业也意识到UI设计的重要性了，同时也会考虑用户使用感受，也就是用户体验，可以说乔布斯把用户体验做到了极致，让苹果的产品在设计行业成为了一个标杆。下面我们来了解一下UI设计的历史吧。

　　在图形用户界面中，电脑画面上显示窗口、图标、按钮等图形表示不同目的的动作，用户通过鼠标等指针设备进行选择。人机界面在工业界亦将传统按钮皮肤进入到亲切的触控人机界面，在工业上的用户接口简单的区分为Input(输入)与Output(输出)两种，Input指的是由人来进行机械或设备的操作，如把手、开关、门、指令(命令)的下达或保养维护等，而Output指的是由机械或设备发出来的通知，如故障、警告、操作说明提示等，好的人机界面会帮助用户更简单、更正确、更迅速的操作机械，也能使机械发挥最大的性能并延长使用寿命。
 

　　在经历了iPhone给我们带来优秀的用户体验和界面后，我们开始逐渐认识一个新的工作岗位——UI设计。带着一种新奇的状态去了解，学习。市场对UI设计岗位需求的热度持续，技术培训机构也越来越多。学院派很难在浪潮之前供应市场所需的人才，养料这么足，所以培训机构如雨后春笋一样疯狂生长，培训费用水涨船高。
 

　　随着时间的变化，市场经过一轮洗牌，刷下很多互联网企业，供需关系发生变化。很多小公司得到发展，开始对UI设计人员的专业素质要求提高，从培训班结业的很多设计师，涌入职场，岗位的竞争力也随之变大。互联网科技日新月异，从web 到app ，AR, AI 以及更多的新鲜事物出现。这也对UI设计人员的技能和专业素质要求提高，从简单的制作静态UI 到动效，以及效果酷炫的3D效果以及具备制作原型等能力。
 

　　中国UI行业如今发展的如火如荼，而且给了设计师一个展露头脚的机会。同时也涌现一批优秀的互联网设计师。国外UI对中国的影响很大，就如iPhone出现 iOS7发布，扁平化出现，行业大部分UI的风格趋向扁平化，国外的各种设计手法，流行趋势也影响着国内的很多设计师。
 

　　Mac早期操作界面
 

　　俄罗斯方块是在1985年6月由俄罗斯人阿列克思·帕基特诺发明的。
 

　　移动端UI的出现
 

　　手机UI的出现时间较早，但是真正被大家关注的是iPhone的出现，把硬件和软件完美的结合，加上优秀的用户体验。一个新时代的开始，从此开辟了苹果的时代。同时，UI行业在国内兴起，越来越多的设计师踏入这个行业。
 

　　UI的兴起
 

　　手机，平板电脑是主流的UI形式 如今效果与技术越来越成熟。Web UI用户体验也越来越专业，对用户体验也重视。其他UI形式也开始兴起，这是一个美好的时代对于UI设计师而言。
 

　　UI发展的多元化
 

　　近段时间感触还是蛮深的，很多朋友问起我UI是不是没有什么市场了， 感觉不像前一两年那么火热了，其实这个是个正常的状态，任何热门的岗位都是经过火热-平稳-慢慢消退这样的环节的，都是有一个曲线的，不会一直都属于一个充血的状态，鞭策着每一个设计师都去学习新技术，让自己的技术更加的全面。
 

　　UI发展现状
 

　　UI设计师每个阶段都会有必须经历的过程 ：菜鸟-初级设计师-中级设计师-高级设计师-资深设计师-总监 -专家-大神。根据公司的特殊性，设计师的工作内容也会有所差异。不同阶段的设计师他们要做的工作内容也不同，大致可以分为：执行层-咨询层-管理层。我认为这是一件很公平的工作，因为我们每个人都需要理解或经历工作的积累，技术的锻炼，和经验的分享。我也很清晰付出与回报成正比，总监总是有种想归隐田园的忧郁气质。UI设计师通常被大家认为等同于视觉设计师。然而除了视觉 触觉 听觉还有情感化设计等，未来的发展趋势会越来越广，因为载体不同，所要提高的设计规范，和应用效果都不一样。
 

　　按钮是普通又常见的交互设计元素。虽然它看起来很简单，但过去几十年间，它的设计风格也发生了天翻地覆的变化。不变的是，按钮设计一直围绕着可识别度和清晰度。Windows 95的对话框使用强烈的投影和高亮来创造3d效果。这种效果帮助用户理解视觉上的主次关系，也展示了哪些是可交互的元素。
 

　　拟物化按钮电子设计中的拟物风格，是指将 UI 元素做得和实物非常相似。无论是模仿现实中的材质，还是让按钮看起来像实际存在的按钮。拟物化的设计旨在让用户转移对实物的经验，到虚拟的用户界面中。下面计算器的例子，就是让用户将关于实体计算器的知识转移到电子环境中。扁平化按钮近期UI设计风格上的一大转变，就是从拟物化风格像扁平的方向发展，去除3D效果。不像拟物化设计，扁平化设计不再靠重构现实的外观来探索电子世界。因此，它减去了大量用于显示可点击性的视觉暗示。 幽灵按钮指那些只有基本按钮形状，如矩形或是方形，但却是透明的或中空的按钮。幽灵按钮一般被极细的线包围着，里面只有简单的文字。简单朴素的矩形加上框架中整齐的字体，在扁平化界面中看起来很完美。
 

　　尺寸和内边距按钮的尺寸也是帮助用户识别它们的一个关键要素。在考虑按钮尺寸的同时也要考虑可点击元素之间的距离： 尺寸。当轻按是你的app或网站上的主要输入方式时，你可以借鉴 MIT Touch 实验室的一个研究来选择合适的按钮尺寸。MIT 研究发现指腹的平均尺寸是10-14mm，而指尖是8-10mm，这使得10mm x 10mm是一个合适的最小点击尺寸。
 

　　当鼠标和键盘是主要输入方式时，按钮的尺寸可以稍微缩小一些，来适配紧凑的用户界面。内间距。按钮的内间距将它们分隔开来，同时也让界面拥有足够的呼吸的空间。 要谨慎地给按钮填写标注。这个选择要基于最小意外原则。颜色当选择色板时，一定要考虑颜色在帮助用户定位和理解界面时的作用：使用色彩和对比，来帮助用户观察和了解你app的内容，和正确的交互方式。下面的例子中，为按钮使用了红色来指示可能具有破坏性的行为。 结论按钮是用来引导用户采取你想让他们采取的行动的。将网页或 app 看作是由一位匆忙的用户开启的对话，按钮在这对话中起到至关重要的作用——流畅的交互使对话流畅地进行，而小差错(比如不能找到正确的按钮)则会制造阻碍，更糟糕的可能是使对话终止。
 

　　在人机交互界面设计里，我们经常会听到一个词，就是“所见即所得”的可视化交互体验，它最早被运用在Alto计算机的设计理念之中，第一个拥有GUI操作系统的计算机Xerox Alto及继承者Xerox Star，首次使用了窗口设计
 

　　桌面应用UI设计的基本要素
 

　　应用程序为使用数据而在图形用户界面中设置的基本单元。应用程序和数据在窗口内实现一体化。在窗口中，用户可以在窗口中操作应用程序，进行数据的管理、生成和编辑。窗口是桌面应用的上层，也是桌面应用UI的核心元素。窗口可以被移动、放大、缩小的，用于放置内容和功能的容器。

　　从GUI的发展历程可以看出，底层系统和桌面应用一直在以窗口这个对象和数据的载体，向用户传达信息。菜单通常由可供选择的一组文字和符号组成，是一系列命令的列表。用户用鼠标单击其中一个选项后，就指定计算机执行一个特定动作或功能。菜单一般用来提供指向各种操作和功能的快

捷途径，比如打开和儲存文档、退出程序、操作数据等。应用可以将它当作是一系列常用命令的快捷键，而不需要用户详细了解这些命令的使用语法。
 

　　工具栏也是一种有关联动作的集合，用户可以通过工具栏提供的功能，对于数据、文档进行功能性操作。工具栏更多从属于应用软件，用户可以通过菜单调出或取消它们。工具栏如果处于活动状态，就会以一组可视图标的形式呈现，可视图标通常还会配以小的文本标签。
 

　　桌面应用的工具栏发展到今天，位置通常出现在应用主窗口的顶部。很多应用允许用户根据个人需要自定义工具栏，对工具栏中的按钮等对象进行添加、删除、调整位置。在桌面中，图标常常用于表示计算机系统中的程序、功能、数据或数据集。应用程序的启动图标依靠别具一格和显著的风格，一直被作为产品品牌的一个重要部分。
 

　　图形化的界面可能是目前最友好最成熟的人机交互信息的载体，因为我们能看到的物，其实都是由二位空间的形，和三维空间的体所构成的。我们之所以认识文字，那是因为我们在识字时是先记住了形，再将形与意匹配、记忆。因此，图形化用户界面是符合人类本能的存在。
 

　　从用户心智模型的角度来看，图形化用户界面处于用户心智的平稳期，已经长时间被我们接受，我们已经习以为常，想要被打破。
 

　　UI行业走向
 

　　UI设计行业紧跟着科技公司的需求随之变化，如今国内的UI设计从业人员已经比之前增加很多，并且属于逐年大量入坑状态。市场也发生变化，如今不仅仅是做个手机app 做个网页那么单一。当公司越成熟，对公司的员工的职业素养会发生变化，我们要做的就是不断的让自己具备更全面更高效的工作能力。
 

　　懂需求的UI
 

　　工作中我们会发现谁懂的多，谁就会显得有话语权，当需求给到UI设计人员，设计师懂产品，懂UE，懂用户体验，能看懂数据，还能在还原度上要求开放紧追着开发。互联网创业的热度虽然平稳下来，但在这个互联网的时代。但是依旧在前赴后继的放眼全球，知乎上有一篇文章来自谷歌的设计师，爆出了个很惊人的结论，在美国硅谷单纯的UI设计师几乎已经不存在了。如果一个视觉设计师不懂产品，不懂交互设计，不懂用户体验设计，基本上就没有出路了。这从侧面也印证了一点，UE+UI可能才是UI的真正发展方向和最终形态。
 

　　懂运营的UI
 

　　各种厂商各种节日设计推广，各种情感话诉求，必然会需要大量的运营类型UI设计师一展拳脚。摆脱了规范的限制，摆脱了扁平化的需求，平面设计能力，手绘造型能力以及创意表达能力的素养真正的就拉出来比拼了。这可不是几个月可以复制出来的，一定是未来抢手的岗位之一。这些都离不开一个懂运营的UI设计师。
 

　　会代码的UI
 

　　懂动效，懂代码，能建站，能独立完成H5类推广页面，从稳定的公司规模来看，一般小公司1-2个设计，6-10个开发，就能算出来，未来一定是开发者的美好未来。但是其实开发领域也在被细分。二三线市场的拓宽，各种淘宝建站，公司的宣传类型网站，微信内的H5页面，加上简单的演示用demo。你的想法不再一定是一张张YY出来只能看的图，你还能把它给真的做出来，亲手实现你的idea。
 

　　会特效的UI
 

　　做动效，建模，加动画剧情这样的设计谁不喜欢，Dribbble 作为UI设计师最重要的网站，毫不夸张的说，他决定着很多设计师的命运。从09年UI起步至今，在 Dribbble 上有3次重要的的风格转变。每一次转变，都引领着一种设计潮流。
 

　　写实风盛行，丰富的光影关系与细致的明暗渐变，达到了极致，渐变、阴影、深度、纹理……随着UI设计的更新迭代，社会和企业需要的UI设计人才是全方位发展的，各方面对UI设计的要求越来越高，只有高素质的UI设计师才能受到企业的青睐。