05-1502-1602-1602-1602-1602-1602-1602-1602-1602-16最新范文01-0101-0101-0101-0101-0101-0101-0101-0101-0101-0101-0101-0101-0101-0101-01专业解读：学UI设计还是WEB前端？
专业解读：学UI设计还是WEB前端？
大家都知道， UI设计和Web前端开发是当前比较火爆的两大互联网热门岗位，随着移动互联的深入发展，目前市场对这两大专业人才的需求有增无减。而对于那些想学IT培训的人来说，也总是会遇到“到底学UI设计好还是WEB前端开发好”这样的疑问。今天，就让北大青鸟来为你解开这个疑问。
首先，什么是有Web前端开发呢？通俗来讲，当你打开某个网站时，往往第一时间被那些炫酷的动态网页设计所吸引。但是，如果没有Web前端工程师，这些图片是不会动的。这样一个动态网页是怎么实现的呢？ 首先，需要UI设计师按照市场部要求进行每张图片制作；然后WEB前端工程师通过技术手段实现滚动效果。通俗点说web前端工程师就是用HTML5、CSS3、JavaScript、jQuery、Ajax等技术把UI设计的页面效果做成网页，结合Bootstrap、AngularJS等最新的JS框架和后台开发工程师搭线，最终实现让大家看到的电商平台上那些动人的精美页面。
那么什么是UI设计呢？所谓UI设计指的是用户界面设计，即user&interface&design，通常包括平面设计，网页设计以及移动界面设计。其中，网页设计和移动设计这一岗位方向，需要学习Web界面设计、PC客户端软件界面设计、HTML5语言、CSS样式表、布局技巧与浏览器兼容等技术。因此从这一点来说，web前端开发与UI设计之间是互通的，也就是说，通过系统UI培训后，你将来有可能会成为一名web前端工程师！
实际上，除了工作岗位不同以外，二者最大的区别就是：WEB前端工程师是要写代码的，而UI设计师重点在设计上。因此，对于广大学员到底学UI设计好还是WEB前端开发好这一疑问，北大青鸟方面建议，学哪一个都不错，但最重要的是看你自己的兴趣所在。然而，对于初学者来说，无论是UI设计好还是WEB前端开发，尽可能通过系统培训多涉猎一些相关知识，这对于将来职场发展会更有帮助，可以在以后职场中更好的相互协作和支持。
因此，一门系统培训课程就显得很重要。如北大青鸟UI设计课程内容上不仅涵盖了美术基础、Photoshop、Dreamweaver、Illustrator、Indesign、网站配色与布局、移动端UI规范等互联网UI设计师所必需具备的技能，还增加了网络营销基本常识、符合SEO标准的网站设计、Landing Page设计优化、电商网站设计、店铺装修设计、用户体验与交互设计、HTML5/CSS3开发标准、Web端及移动端真实商业项目，使学员通过项目的制作，更加全面的了解行业的前沿知识与理念，并能够合理地运用到实际工作和项目的设计制作中。
此外，北大青鸟APTECH副总裁肖睿也在UI设计师课程发布会上指出：“目前UI设计的成果很多是和网站、程序做结合，为了达到更好的融合，需要设计师们了解一些代码。针对这种现状，要求他们不能自己闷头做设计，即使他们写不了代码，但必须要懂得工程师的工作。对于想要跨过UI设计做产品经理的学员来说，因为产品经理需要和团队的UI和代码打交道，懂UI设计方面的知识将会更好促进工作的顺利开展，同时产品经理需要和客户做沟通，在产品越来越重视体验的今天，如果学员有UI设计的基础，对于做原型等各方面的工作将有很大的帮助。”
综合来说，无论是学UI设计好还是WEB前端开发，终极目标都是为了更好的用户体验和交互应用，而随着移动互联网的深度发展，对用户体验的极致追求势必会需要大量的UI设计师和WEB前端开发人员。因此学生需要的做的是了解更多相关知识，尽力的学习好它，让它为你所用，只有这样才会在未来有很好的发展！
编 辑：章芳
公司必须持续不断的、永恒的促进组织血液流动，增强优秀干部..
CCTIME推荐
CCTIME飞象网
CopyRight &
By CCTIME.COM
京ICP备号&& 京公网安备号
公司名称： 北京飞象互动文化传媒有限公司
未经书面许可，禁止转载、摘编、复制、镜像> 如何做一个懂UI设计的web前端工程师
如何做一个懂UI设计的web前端工程师
前言：我们所说的web前端工程师，一般是说Web前端工程师，“前端”这个词是2005年以后才逐渐在国内兴起的，在这几年，WEB前端开发也逐渐被开发人员重视，相应的也产生了一个新职位——web前端工程师，Web前端开发技术包括三个要素：HTML、CSS和JavaScript。
如果你想让自己拥有更强的竞争力，你需要同时拥有设计和编程的能力。没有人会喜欢开发人员完成的工作，而把奖励给予设计师的这种想法。这就是为什么拥有编程能力的设计师会大受欢迎的原因。
前几天和一个学生聊天，发现有很多的学生分不清什么是web前端工程师？什么是UI设计师，有个别的同学甚至认为他们是一回事。今天，我们就来看看他们倒底是不是一回事。
我们从这两个工作职位的要求来区别一下吧，文章有点长，但是，读完了，一定能知道。
web前端工程师：
其实，我们所说的web前端工程师，一般是说Web前端工程师，&前端&这个词是2005年以后才逐渐在国内兴起的，在这几年，WEB前端开发也逐渐被开发人员重视，相应的也产生了一个新职位&&web前端工程师，Web前端开发技术包括三个要素：HTML、CSS和JavaScript（三要素，要记住，要记住，要记住）。
在WEB 1.0时代，用户干啥，就是喝喝茶，看看新闻，浏览个网页，那时候的程序员真幸福啊，TABLE+APS 基本上就能搞定一切，后来还出来个整站生成，这活就更简单啦。但是，社会在发展，这么轻松，可不行，变，我要网页变个身，白天能和开心的聊天，网上能听我诉诉衷肠，总之，以后我要和你在一起，于是乎，应运而生的 WEB2.0的时代到来了。从此，前端的制作从静态HTML转换成了动态HTML即DHTML（还记得我给你们的那一本DHTML电子书吗？现在你想找那么好的，根本找不到啊，我的珍藏啊！）。
设置有人发话啦，前端开发就是只会写静态页面的初级程序员而已，其实，前端开发不仅仅是写静态页面，首先我们要弄清楚哪部分算是前端，哪部分算是后端，用户的数据在插入数据库之前的部分都可以算是前端，前端是HTML、CSS和客户端脚本的一种集成，即一个页面中包括HTML+CSS+JavaScript(或其它客户端脚本)，它是用户直观体验和后台数据之间的一个不可或缺的桥梁。
我要大声的说，能做好前端开发工作的人员也一定是一个不错的程序员，不是初级的初级的，其原因有两点，第一呢，他需要理解用户的需求，严谨点说，是客户的诉求还需要对数据有一定的分析能力；第二呢，写JS脚本必须有一种编程思想，无论是在事务处理方面 还是在代码规范方面都要有良好的习惯。
什么是体验呢？约瑟夫.派恩和詹姆士.吉尔摩在《体验经济》一书中提出其观点：所谓&体验&就是企业以商品为道具，以服务为舞台，以顾客为中心，创造出可以使消费者全面参与、让消费者感到值得回忆的活动。
对于普通用户来说， 就是我用着开心，我看着舒心，我离开它想念它，下次我还要找它，我想永远粘着它，这就是所谓的用户的粘度。这些你程序员做的到吗
将来的用户体验有可能向声控、触控、体感等方向发展。可见，在WEB前端开发知识体系上既要有广度，又要有深度，WEB前端开发是从设计和制作中独立出来的相对特殊的工作，涵盖的知识面很广，既有具体的技术，又有抽象的理念。也可以简单地说，它的主要职能就是把网站的界面更好地呈现给用户。
你说这么多，到底你目前都要学点啥，干点啥啊？
好吧，下面给你列一下：
成为一名优秀的web前端工程师，需要具备如下四点专业技能：
第一、必须熟练掌握基本的web前端技术，比如：CSS、JavaScript、HTML、jQuery 等等。
第二、必须掌握网站的性能优化、SEO、UE、服务器端、兼容性等。
第三、学会用工具辅助开发，正所谓，工欲善其事，必先利其器。
第四、各种工作的好习惯，好习惯，好习惯。
下面我们来看看UI工程师，都吃完饭了，才到我们，小小戒网不厚道啊！
需要的基础就是一些简单的美术基础和平面设计基础，要求也不算高，。一般流程是这样的，大致5个阶段。
第一阶段 UI用户设计基础（UI行业发展及UI设计师职业规划，美术基础，平面设计基础，图形与创意设计，网页设计基础，交互式网站），软件：Photoshop、CD，Illustrator等等
第二阶段 移动界面设计（图标创意思路与方法，图标的创作设计，主题图标设计，iOS系统Android系统Windows phone系统，UI设计实训课程）
第三阶段 交互类（UCD，交互设计高级技术）
第四阶段 流程设计（界面开发对接，流程管理，移动媒体综合开发实训）
第五阶段 综合项目实训及就业阶段（根据所学内容，选择一种移动平台，软件界面，WUI类型设计，完成初稿设计。依据项目初期确定的需求进行验收，并签署验收报告。）
原文标题：
原文链接：
你也许会喜欢如下的文章？
(责任编辑：IT培训网)
------分隔线----------------------------
------分隔线----------------------------
HTML5前端开发应用导流入口多，而且非常容易，如微信朋友圈、...
郑州达内培训中心Web全栈课程培训，具有丰富的实践经验的讲师...
目前许多互联网公司急需Web前端人才，但目前中国并没有一所高...
如何学HTML5呢？郑州前端开发培训机构哪家专业呢？郑州达内，...
虽说是笑话，但也很符合现实，这用标准的词语来说就是“职业...
web前端学习就是跟上老师的节奏，真正动起手来操作，再利用空...摘要: 文章背景，来自于群内周五晚上的一次头脑风暴式的思维碰撞交流活动。
文章版权属于群内发过言的任何一位同学，我只是做了简单的梳理或整理。
一般设计师给前端的只有psd，没有其它多余的东西，连基础的文档都懒得给。前端期望中的设计能给予的除了psd之外，还有设计上游岗位传递下来的东西。比如：产品原型，需求文档，交互文档等等。
一般在真正的代码开发进行之前，前端期望中设计给的东西有：
1. 1份jpg文件: 里边有各个psd的动作分解图，包括页面逻辑，或交互分解。设计师放成这样的目的在于在做设计时方便的拷贝，但对开发人员来说，如果分级过于隐藏就会漏掉某个部分的开发。
2. 1份psd文件: 一份好的psd文件是分层清晰，设计规范的文件。
3. 1份需求文档: 需求文档是对当前开发功能的基础介绍或逻辑详细描述。
4. 1份原型文档: 原型设计文档一般是由产品经理对最初功能设想的一份粗稿，这份稿只是对布局或交互做简单的设计，需要经过设计进行艺术的加工之后，才成为一个可以呈现给用户的完整界面。
当然这些所有的结果，需要经过层层开会审核，征得各个项目组leader的同意之后通过邮件的方式发送给各个成员，最粗笨的办法就是放在局域网的共享地址可以去拿psd文件。
恩，然后所有的中间需求变更、界面变更都要抄送相关人员，免得中间再次沟通，浪费时间。
一般的psd或许是这样的：
其实期望的是这样的：
因为前端要还原页面的时候频繁的去隐藏不同的图层来观察效果或切割图片，设计师是组合不同的图层到一块，而前端恰恰是一个相反的过程。
所以一个好的图层结构会为下游岗位节省很多的时间。那这时候有个问题，做为前端，你为下游岗位提供了多少便利之处呢？
还有公司更详细流程是这样的：
1、需求提出，产品跟产品leader沟通需求
2、产品leader跟开发、测试、ui/ue要人，要排期
3、要来的人大家一起开发，挑战产品经理，跟批斗似的，产品拿着需求文档讲ppt
4、需求回归
5、继续批斗（4、5一直重复）
6、需求ok了，开始ui/ue设计
7、评审ui/ue
8、ui/ue回归
13、有问题回滚。
另外公司的设计是这样的：通常PSD要把交互效果的图层都做好，出JPG的时候，
都会把默认状态，交互状态，管理员状态各自出一个，然后弹窗布局出一个，都做得很精细。
这样导致的结果是想犯错都没有机会。
有的公司设计部有自己的规范，首先他们出的图都是很合乎规范的，
间距、色值、布局、字体不会很多，因为整个产品多个页面风格要统一一致，
所以越花哨是越给自己找麻烦，他们也不会有特别多种不同规格混揉在一起。
比如是这样的：
还有的是跟产品开需求会或项目立会的时候，会先就具体需求的功能点先做可行性方案的讨论，
如果开发成本过高的话，通常都会说服需求方用一些替代方案。
又或者是一些高级的功能模块，我们会把项目拆解，分成几期，首先先出核心功能模块，上线之后再做一些高级需求的模块，实现产品的迭代开发。
关于标注规范，推荐：
小胡子哥的切图神器
另外一个观点是从产品的高度来看，设计、前端、后端 应该是一个整体，最终应该结果导向，
产出的产品不好，作为开发团队其实都有责任。
还有的情况是，每个项目都会有汇总目录，原型是由需求直接提供的，PSD和JPG在设计的汇总目录里，我们的制作稿又是一个汇总目录，所有环节的童鞋都可以非常直观方便的查看这些文件。
然后跟设计交流的时候的坑有以下几种情况：
1. 有些界面出于时间或员工本身经验素质的问题就是不愿意出psd图，然后口头上通知前端，这样来就可以那样改就可以了，这就是一个坑。
按我们的经验对这种情况做出的建议是：
所有的东西都必须出效果图，并且所有团队成员达成一致，有可执行性。
所有的字体，间距，颜色，必须约定统一并且完全标识清楚。
杜绝直接这么说那么干的做法。
要不然最后做出的产品，
产品说的是一套，测试测的一套，开发的一套，老板看到的又是一套，
返工的可能性很大。
我感觉比起这个返工的可能呢，前面多化点把设计稿做好是无可厚非的，
而且从整个项目开发周期来看，是节省开发周期的。
2. 有些页面设计师没有考虑到，比如：
有些页面在没有数据的时候设计师没考虑到，或者经验不丰富就没做。
这时候必须要求设计师，给出首页或列表页、内容详细页、用户中心等等没有数据时的效果图，
以示团队所有成员知晓，并达到一致。要不然等上线之后，测试数据删除之后真实数据还没有上来之前，
老板心情好要看一下的时候，页面就整体失控。
还有一种情况就是前端自己整的数据没有的提示，
从交互形式，文案上都没有规范，导致最后一步测试的时候在返回来重新修改，浪费时间。
3. 数据过多的情况：
另外一种常见的问题是数据过多或者文字内容过长撑开容器，
这两种问题再实际做的时候常常会被漏掉，
然后等到测试的时候才发现问题提过来。
还有两种情况会遇到：
A. 有些前端在看到设计稿的时候，难免看的不舒服，这时候就从非专业的角度开始提建议，但提的时候又不流行技巧，容易发生冲突。
这时候给出的建议是：
提意见是这样的，除非你干过设计或者了解设计的创作过程，否则从设计的角度最好不要提不同的意见。
可以从交互或功能或体验上给建设性的意见，
另外讲的时候是需要技巧的，可以先正面肯定一下他的劳动成果或努力的结果，
然后说，我这儿看到几点问题，跟你交流一下，然后布啦布啦，
而不是直接上去就说，我感觉这儿怎么怎么的，很主观的，说这样根本没有一个评判的标准或依据。
最后一定要说，根据你的行业经验或自我设计标准，你肯定不会允许这样的现象出现吧，然后你看要不要在重新考虑一下。我就是想到了给你提一下。
强调这个非正式的提法，给自己或对方都留有余地，都有可以退让的空间，皆大欢喜。
B. 要是效果图是客户提供的怎么破？在沟通是有什么经验？
设计的质量如果本身就有问题，比方说就没考虑添加数据以后的情况，
或者是其它页面在流程上风格上不统一怎么怎么的，
客户又不是很懂，初期非要你按照他的想法来。
这时候就需要站在一个更高的高度来有技巧的处理这个问题。
比如说，你这个页面等上线后，在用户看来2个页面看到的按钮不一样，
感觉很外行，从而导致的结果就是下次不在访问，这样用户就会丢失。
你看有没有必要重新考虑一下。
最后设计和开发，去年克军在广州的webrebuild 分享了他那个&还原活的设计&的主题，我觉得挺受用的。
跟大家分享一下。
还原活的设计地址：
前端开发qq群： ，禁止闲聊，非喜勿进~！
阅读(...) 评论()本文转自：阿里巴巴（中国站）用户体验设计部博客
转载请注明： &
学UI就上学UI网！越努力，越幸运！
“学UI网 ”最值得关注的UI学习平台！ 每天发布高质量的设计教程和分享设计经验，服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课（），给大家提供更多免费学习的机会。想成为设计师的你快来关注吧！
【特色推荐】
” 海量APP截图，让你灵感爆发！国内最好的APP截图站。
“” 每一个作业题都尽量配有教程，交作业就有大神免费帮你点评作业，爽歪歪！
“” 专为UI设计学习者打造的资源＋学习，双用途的网址导航站。亲爱的，你收藏了吗？
你可能喜欢的：