摘要
 
源于ajlr项目的验收，过程中ui的设计被屡次提到。所以就有了这样一个思考，什么是ui设计？对于开发人员来说，ui设计是否很重要？以及如何来进行ui设计？
 
ui设计？
 
User Interface，简称UI。从字面上来理解，用户与程序交流的接口。对于一般的程序员开发来说，一般认为不过软件的界面尔尔。通常对于程序员来讲，更多的关注的是软件功能的实现和性能的优化。恰恰相反，对于用户来讲界面才是最终与客户见面的主体；而在使用程序过程中频繁和程序交互的中介。对于客户来讲程序使用何种数据库、什么算法、什么开发语言、什么分布式优化，用户是不关心的。友好的界面，显得非常重要。从iphone一系列的产品中，从中也能体会一二。
 
如何设计？
 
ui设计对于软件非常重要，已经是业界共识的问题了。从ui设计师出现，我们就可以看到大家对于ui的关心了。界面的存在，使得用户和我们的世界互动性加强。他们可以帮助用户清晰、阐明、启用等显示关系，它不仅让我们做事有效率，还可以管理我们的应用程序并访问相关的服务。当然一个好的ui的设计也是一门需要雕琢的艺术品。
 
1.吸引用户注意力
 
 花花绿绿的网站，海量的信息，嘈杂的人群，总有一样东西能吸引用户的注意力。类似我们进入淘宝的引导界面，一步步引导用户使用也是一种非常好的做法。当然不提倡去抄袭，但是站在巨人肩膀也是很重要的。
 
2.突出重点
 
如何在有限空间内提示有用的信息，突出软件的主题。让用户映入眼帘就能知道，这款产品是做什么的。如：当你看到一个缺口的苹果时，你脑海里浮现的立马就是iphone。所以简洁而富有特定标识的主题会让用户记住你的产品，无论是苹果、耐克、jordan都是如此。
 
3.导向式
 
生活中我们常见到很多表格复杂的表单。如去银行挂失，一系列的表格和文本框。我们问的最多的总是怎么填，当然如果界面也是同样如此同样会让你的用户感到不知所措。这时候可以试试导向式的界面，一步步引导用户操作也是一个不错的方式。
 
4.色彩
 
蓝色会让人感觉专业，黑色会让人压抑、肃穆，白色会让人感到纯洁，绿色让人感到生命的张力。。。。。。对于界面来说，切合主题的色彩搭配非常重要。内容和背景的颜色区分可以承托内容，当然不能滥用。颜色不应该作为区分内容的方式，只能来渲染内容和引导用户的选择。
 
5.简约
 
把用户当成傻瓜来做，那么你的软件在易用性上就可以了。突出必须显示的内容，剩下的内容可以让用户来自行选择是否浏览或者使用。和突出重点类似。
 
6.归类
 
相似和相同的信息，归置到指定的区域来适合用户的选择习惯。用户舒心了，才是开发者所需要做的。
 
7.响应
 
其实这个应该设计到程序性能优化那里的东西了，但是对于用户来说还是ui。比如：加载这个页面时间比较长，可以选择使用一些flash来显示加载的速度和100%比。总之，给用户一个反馈，而不是一片空白。
 
ui设计网站
 
推荐几个ui设计的网站：http://www.uidesign.de/ 
http://uidesign.ru/
 
ui设计工具

Startup -StartupFramework是由Designmodo团队历经9个月开发而出的一款功能强大的UI设计框架，旨在帮助设计师设计出新颖且与众不同的网站。详见： <http://www.csdn.net/article/2014-04-17/2819361-startup-design-framework>


 
安卓ui设计
http://www.csdn.net/article/2013-10-25/2817296-mobile-weekly-android-ui-design-tools
 
 
总结
总的来讲，套用吾师的一句话：全心全意为人民服务。始终站在用户的角度去思考，而非一位开发者一味去开发项目、实现功能。以这样的一个心态，肯定会出现不一样的产品。ui其实类似于jsp中的servlet（职责类似），只负责用户的请求和显示相关数据给用户。

 

在前几篇文章中，我们分享了一些最受欢迎的原型设计工具，今天我们来谈谈界面设计工具。工具的重要性对于设计师来讲不言而喻。任何想法都需要借助工具来实现。想要成为一名出色的UI设计师，你需要多掌握一些技能，才能增强自身竞争力。同时也给那些想转行做UI设计师的朋友一些工具建议，接下来我们就来盘点一下那些UI设计师需要掌握的界面设计工具。

1. Sketch-强大的矢量绘图工具

支持平台：只支持Mac



Sketch是一款强大的界面设计工具，专为UI设计师打造的软件，可让你的界面设计变得更简单，更高效。如果你是一个UX或者UI设计师，那么你一定知道Sketch这个强大的UI界面设计软件。如果你想转行做UI设计师，那么你一定不能错过这个好用的设计工具。

在Sketch中用户能轻松地设置图层面板，可批量命名图层、智能标注页面、填充头像和文字等，可实现多层式填充、渐变、噪点等操作功能；Sketch提供“全部导出”功能，因为它是基于矢量的，所以可导出PDF，JPG和PNG（可选择2x）等格式。不得不提的就是Sketch为设计师提供了丰富的插件，越来越能满足不同人群的设计需求，所有你需要的工具都触手可及。

特色：

出色的用户体验

非常简单易用

提供大量实用的插件

Sketch插件集合可戳：sketch.im

2. Photoshop-强大的图片处理软件

支持平台：Windows＆Mac



Photoshop是最流行的图像编辑器之一，UI设计师入门的必备界面设计工具。相信不是设计行业的小伙伴，也略知一二。PS作为UI界面设计神器，有着强大的图片编辑和处理功能，想要什么的图形都可以用PS来实现，可用于摄影的后期制作，可给图像添加各种滤镜，调整亮度，对比度等，生成高分辨的图形。借助图层面板可非常简单和高效的处理修复图片；并且PS提供了不同文件格式保存的选项，调整图像大小和分辨率也不会丢失图像质量。

PS：如果要制作图标，需要用到矢量绘图软件AI来制作，这样放大才不会失真。

特色：

照片处理技术（剪裁背景，裁剪，调整光线，调整颜色，过滤，消除红眼等功能）

强大的图层功能 处理副本时保存原件

批量处理照片

兼容其他Abode套件程序，如After Effect，InDesign，Illustrator

Photoshop可以将图像保存为各种格式



3. Mockplus-强大的原型界面设计工具

支持平台：Windows＆Mac



Mockplus是一款高效简单的app界面设计工具，产品经理圈子中比较流行的一款国产界面原型设计工具。软件提供了封装好的3000多个图标以及200多个组件，拖拽即可进行UI界面设计，学习成本低，无需代码参与，所以对于UI设计师来说是一个非常好的选择。如果一个UI设计师连基本的原型设计能力都没有，怎么和开发进行有效的沟通呢。

值得一提的是Mockplus最近发布的一款摹客设计系统（https://ds.mockplus.cn/）可谓是给UI设计师提供的一大福利了，该系统提供标准色、标准字、图标、布局等等这类大纲，几乎囊括了一份设计规范文档该有的所有内容，并且支持Sketch插件，意思是设计师们可在Sketch中一键复用你自己的设计规范，节省了大量的操作时间。

特色：

简单，零门槛

丰富的图标及组件

拖拽实现交互效果

小程序预览，随时随地跟客户演示



4. Zeplin-强大的协作工具

支持平台：只支持Mac



专为UI设计师与开发工程师量身打造的协作型界面设计工具。作为一名UI设计师，你需要把你的设计传达给开发团队，而Zeplin的设计是为了实现这一目标。Zeplin操作很简单，设计师直接从Sketch上传制作的UI界面设计，应用会自动生成一些注释，在面板右侧会直观的看到每个元素的大小，颜色，边距甚至是某些元素的代码信息。

另外，UI设计师还可以直接在UI界面上给开发人员添加注释，标记，备注等。填补了开发与设计之间的沟通障碍，为设计师和开发人员节省了大量宝贵的时间。

特色：

良好的用户体验

轻松查看界面的间距，尺寸，颜色等

创建样式，帮助设计团队保持一致。

通过插件快速同步Sketch中的项目

支持PS，Sketch，Adobe等工具



5. AE-强大的动效视觉处理软件

支持平台：Windows＆Mac



Adobe After Effects简称“AE”是Adobe公司推出的一款关于图形和视频处理的界面设计工具，如今动效设计在UI界面设计中的应用已经越来越广泛，而且国内许多公司开始重视动效设计了，所以作为UI设计师，也应该掌握一些动效设计。动效在UI设计中的应用其实比我们想象中的还要强大，好的动效设计可以给用户提供一个良好的视觉感受，从而加强与用户之间的交互体验。

AE这款界面设计工具可以帮助UI设计师对图像视频进行任何特效处理，是一个灵活的基于层的2D和3D后期合成软件，包含了上百种特效及预置动画效果，可与Premiere，Photoshop，Illustrator等软件无缝结合，创建无与伦比的视觉效果。它还借鉴了许多优秀的软件的成功之处，将图像视频特效合成技术推到一个新的高度。

特色：

震撼的视觉效果

与Premiere，Photoshop，Illustrator无缝兼容



加分工具-Dreamweaver

支持平台：Windows＆Mac



Dreamweaver是一款网页代码编辑器，帮助设计师和程序员快速制作和进行网站建设。为什么要把它单独列出来，是因为我觉得UI设计师不仅仅需要掌握一些界面设计工具，还需要学习和了解一些前端的布局和设计，才能够更好的配合前端工程师们做好产品开发的工作。UI设计师如果了解一些基础的代码知识，可作为一个加分项在面试中脱颖而出。

【界面设计工具推荐】综上，如果你想要选择：

最好的图片编辑和数码绘画工具：Photoshop

最好的图标设计和图形界面设计工具：AI

最好用的矢量绘图界面设计工具：Sketch

最好用的UI界面设计规范管理平台：摹客设计系统

最简单高效的界面原型设计工具：摹客原型

归根结底，技多不压身，想要成为一名优秀的UI设计师，掌握界面设计工具只是其中一部分，UI界面设计需要设计师们掌握色彩搭配，设计规范，界面排版，沟通能力，切图标注，尺寸标注，用户体验等相关知识。因此需要的就是不断学习，不断坚持，不断的丰富自己的综合能力。

手机图标ui设计尺寸：ui设计app图标尺寸规范你都了解了吗？作为一个UI设计，想要自己的页面符合使用习惯，符合标准这些你必须知道，手机图标ui设计尺寸：ui设计app图标尺寸规范如果还有不知道的，快来和庞姿姿一起背！背不下来就收藏，用的时候拿出来看看~


原型设计尺寸
1、 iPhone6的界面布局是：屏幕是4.7英寸的，设计稿的大小为375x667px
☆  状态栏(status bar)：就是电量条，其高度为：20px；
☆  导航栏(navigation)：就是顶部导航，有线其高度为：45px；没有线高度就是44px；
☆  主菜单栏(submenu，tab)：就是标签栏，底部导航，其高度为：46px；
2、状态栏每一项尺寸
☆ 信号格：5*5
☆wifi图片：11*9
☆ 锁：11*11
☆ 导航：8*8
☆ 电量：22*9
☆ 闪电：5*8
☆ 状态栏中的文字：10px
3、关于iPhone6的图标的尺寸：
☆ 顶部导航栏的图标尺寸为16x16px左右，底部标签栏的图标尺寸为23 x 23px左右。
4、关于iPhone6的文字的尺寸：
☆ 导航栏的文字大小最大值是14px，底部标签栏的图标下方的文字大小为10px。
☆ 内容区域的文字大小是：10px,  12px，14px，16px。
5、关于颜色
① 文字黑色：#282828
② 文字深灰色：#656565
③ 文字浅灰色：#989898
④ 边框浅灰色：#C3C3C3
⑤ 背景淡灰色：#f2f2f2
⑥ 按钮背景纯白色：#ffffff
6、在iPhone6设计稿中，界面元素之间的常用距离，亲密距离：10px；疏远距离：15px。
A、疏远距离：比如，所有元素距离手机屏幕最左边的距离。
B、亲密距离：比如，左边图标与右边文字之间的距离。
【综上所述】iPhone6的原型规范如下：
1、iPhone6手机模型尺寸：429x881px
2、界面尺寸布局：满屏尺寸375x667px
3、高度电量条高度20px，导航栏高度44px，标签栏高度46px；
4、各区域图标大小导航栏图标16px，底部标签栏图标23px；
5、各区域文字大小电量条-文字10px，导航栏-文字14px，标签栏-文字10px；
6、常用的文字大小：16px，14px，12px，10px；
7、常用的颜色：背景浅灰色：#f2f2f2, 文字深黑色： #323232，边框色深灰：#CCCCCC；
8、常用可点击区域的高度（比如搜索区域）：28px；
9、单行文字的背景框的高度：44px，双行则为：88px，三行则为：132px；
10、常用间距：亲密距离：10px；疏远距离：15px，其它距离：5px，22px等；


相信通过以上内容，大家已经对手机图标ui设计尺寸：ui设计app图标尺寸规范有了初步的答案。有什么问题可以随时留言评论，看见就会回复。了解更多关于UI设计学习方法、小技巧以及行业相关信息，可以关注我，我非常愿意为新手小白分享从事UI设计5年来的一些经验和感受。

“ui设计属于什么专业？”这是我当年高考完选择专业时最深刻的问题，反正我当时纠结的不行，我问了很多了解UI设计的人，告诉我的都是大学好像没有这个专业。哈哈哈…但是我当时特别想报关于ui设计的专业，因为我感觉非常酷！所以我毅然决然的选择了艺术设计专业。不要问我为什么？至少应该大致相似吧！那么就我个人的亲身经历，来说说ui设计属于什么专业这个问题吧。



到目前没有大学开设ui设计这个专业，但是要想从事ui设计工作，在大学里可以报考相关的软件工程专业、电子商务、艺术设计、工业设计、平面设计等。

ui设计相关专业

计算机类专业：计算机科学与技术、计算机应用、计算机网络、软件工程、计算机信息管理、计算机应用基础、计算机网络技术、计算机多媒体、计算机维护、计算机通信、动漫设计、图形图像等。
设计类专业：平面设计、包装设计、广告设计、动画设计、展示设计、网站设计、环艺设计、影视动画设计等。

UI设计介绍

主要工具：Ps、Ai、Axure、Ae、HTML/CSS等。
应用领域：软件，游戏开发，网页设计制作。
就业前景：UI即用户界面设计行业刚刚在全球软件业兴起，属于高薪技术设计产业，与国外在同步发展水平。其次国内外众多大型IT企业(例如：百度、腾讯、Yahoo、中国移动、Nokia、联想、网易、微软、盛大、淘宝等众多企业)均已成立专业的UI设计部门，但专业人才稀缺，人才资源争夺激烈。就业市场供不应求。

ui设计学什么东西

学习ui设计会涉及到很多软件，这些都是必须要会的，你如果是铁了心想学设计，Ps、Ai、Axure、Ae、HTML、CSS等软件都要会，所以同学们可以趁空闲时间在网上找一些免费资源或课程进行学习。退一步讲，即使没有完全学会，或者最后选择放弃了，那学到手的也都是宝贵的财富，学点是点。
学习ui设计光会使用软件是远远不够的，还需要懂得一些设计理念，懂得审美，所以要想学好ui设计，大家最好在学习使用软件的同时，多看一些设计类的书籍，为自己的大脑扩容，积累更多的知识和经验。
ui设计可以多看一些成型的作品，那些都是经过老板认可的，尤其是大品牌的广告、展牌等，多看、多学习他们的设计理念及设计精髓。重点看色彩搭配以及各个板块有什么内容。怎么排版布局等等。设计出来的东西第一时间是给自己的客户和老板看的，所以不管你自己感觉怎么样，他们觉得不合格那就白费，所以不光要懂设计，还要了解老板的喜好，知道他们喜欢什么类型、什么风格的产品。再设计起来就更容易通过。

以上就是关于ui设计属于什么专业的简单看法，希望能够帮助到想要报UI设计专业的高三学子们。报考专业一定要选择自己喜欢的，这样大学才会学到更多你想要的知识，以后工作生涯也会更宽阔。可以一起交流关于UI设计的小知识哦。