很多想学习的小伙伴在纠结
是学 UI 设计还是前端?
感觉这两个技术差不多
但是又有很大的区别
到底有什么不一样呢?
面对这样的疑问
今天就来给各位小伙伴科普一下
什么是 UI 设计?
UI 设计指的是用户界面设计, 即 User Interface Design, 是指对软件的人机交互, 操作逻辑, 界面美观的整体设计.
"
UI 设计一般分为:
网页界面: 例如, 淘宝, 天猫, 百度, 搜狐等.
平板电脑: 电脑系统 应用软件界面, 游戏界面, App 界面, 智能电视界面.
车载导航设备: 包括智能电视, 家电类微型液晶屏界面, 卡拉 OK 点歌界面等.
总之就是为软件的 "外观" 带来美的效果
除此之外
UI 设计还要考虑人机交互的效果
比如: 哪些常用功能放在什么位置用户用起来最顺手, 所有会影响使用者体验的一切. 如架构, 互动, 内容与及使用者对象, 需求, 价值观.
UI 用到的工具
UI 设计师需要用各种各样的工具去完成整个设计过程, 包括 PS,AI,Axure,Ae 等等.
image
谁来实现 UI?
那么谁来实现呢? 来, 有请 web 前端工程师出场!
没错, UI 设计师和前端工程师是一种配合关系.
前者设计, 后者把设计实现成代码.
在公司项目中, 设计师了解前端, 会极大提升和程序员的协作效率, 减少技术信息不对称的现象. 如果在一个网站项目中, 程序员还在跟设计师讲解最基本的 html,CSS, 盒子模型知识, 那开发效率就可想而知了.
什么是前端开发?
我们的前端工程师可要高大上得多, 他们可是真正的软件技术人哦.
Web 前端开发是从网页制作演变而来的. 网页制作是 Web1.0 进入 Web2.0 时代, 网站的前端由此发生了翻天覆地的变化. 网页的内容更加生动, 网页上软件化的交互形式为用户提供了更好的使用体验.
通俗点说: Web 前端就是美工 Photoshop, 交互设计, flash,JS,HTML+CSS 的结合体. 就小规模公司而言, 一个技术员都得会这几样技能, 这样很锻炼人的, 慢慢的你就会成为公司的主力. 大规模的公司把这些分得很细, 所以, 你可以精通一门, 熟悉其他的, 进军大公司.
包含哪些技术呢?
比如: HTML5,CSS3,JavaScript,Ajax,vue 技术栈, React 技术栈等等, 火得不要不要的, 需求之大, 工资之高, 啧啧!
除了工作岗位不同以外, 二者最大的区别就是:
UI 设计是属于产品方向, 重点在于设计界面外观.
而前端工程师属于开发方向, 重点在于写代码去实现页面功能.
对于初学者来说, 无论是学 UI 设计还是前端开发, 通过系统培训多涉猎一些相关知识, 打好基本功, 这对于将来在职场中的发展会更有帮助.
image
来源: http://www.jianshu.com/p/bebb2b8d0ba2