网页前端交互设计（网页前端交互设计流程）
本文目录一览：
web前端为什么要学习交互性设计
交互设计的交互性不仅仅是提升专业度这么简单，更重要的是可以降低商业风险。
因为核心目的都是让用户得到更好的体验，不管你的手段是用技术还是艺术设计，达到这点显然不是单靠后台程序员也不是单靠美工的，这才是--暂且用“前端”代指--的中心价值啊！）。
第一，交互设计师的交互设计文档就像UI设计师的PSD文件一样，用来保存和记录自己的设计思路。然而，交互设计师的任务不仅停留在页面上，还包括产品需求分析、用户画像、竞争产品分析、产品数据分析、用户交互逻辑等。
web前端开发的目的是为了人机交互的满意度。如今的互联网行业一直流传着一句话：“用户至上”，想要提升用户体验，Web前端的作用非常重要。所以，很多人看准了这一点纷纷想要转行做Web前端开发。
所以学好Node是在打通前后端开发中需要掌握的技术。这部分需要学习ES6的语法、兼容性、前端模块化开发、Webpack模块打包器、Node.js、JavaScript异步编程模型、模块化编程方式、Ajax数据交互等等。
而产品优化或者规划页面原型，也就需要交互设计师了，也就是我们说的用户体验。用户体验这是个精神层面上的事儿，马斯洛需求而言，这是上层的需求。这也就解释了为什么交互需要心理学。
UI设计的设计内容是什么?
1、平面专案设计：结合软体、色彩、字型及版式的学习，针对宣传单、折页、名片、海报及VI做专题设计，提升综合应用能力及平面UI设计能力。
2、图形设计，软件产品的“外形”设计。交互设计，主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计，并且确立交互模型，交互规范。
3、UI即User Interface（用户界面）的简称。UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品位，还要让软件的操作变得舒适简单、自由，充分体现软件的定位和特点。
4、UI 设计（或称界面设计）是指对软件的人机交互、操作逻辑、界面美观的整体设计，也叫界面设计。UI 设计分为实体 UI 和虚拟UI，互联网说的 UI 设计是虚拟 UI， UI 即User Interface（用户界面）的简称。
5、图形设计，软件产品的“造型”设计。交互设计，主要是软件操作过程、树结构、操作规范等的设计，软件产品在编码前需要做的是交互设计，并建立交互模型和交互规范。
前端工程师和前端交互设计师有什么区别
研究方向不同 UI设计的研究方向是：用户研究、交互设计、界面设计；web前端的研究方向是技术方向：包括html、css、js等需要编写代码。
交互式出线框稿，简单来所，是把文字需求变成一个有逻辑的并且在界面上能显示并点击的方案属于信息架构者，前端在不同方向用的语言不同属于资源产出者依照交互稿来做开发比如app用object-c 或者java web用js 。
从以上可以看出，其实UI设计和前端的工作相互相成，按照项目流程，一般是UI设计师设计好产品界面，前端工程师通过编码实现界面。通俗来说，UI设计师好比服装设计师，而开发工程师好比裁缝。
UI交互设计需要学些什么东西?
Photoshop、Illustrator、InDesign、HTML5CSSJS动态效果、缓冲动画、多物体动画、链式动画、多动画同时运动、运动框架、网页设计、淘宝美工、UI设计规范与流程、图标设计、移动交互设计、移动用户界面设计等。
UI设计需要掌握的理论知识：配色设计、版式设计、规范设计、切图、手绘基础知识。专业外要掌握的营销知识：心理学、营销学、沟通学、用户体验等。拓展知识点：交互逻辑学、创意思维学、管理学。
需要学习PS，Dremweaver，Flash，iiiusfratou，墨刀等设计软件，还要学视觉设计，品牌设计，电商设计，交互设计等相关知识。
这边建议大家可以学习和了解信息架构的相关知识。ui交互设计师需要掌握信息架构的能力（信息架构的重要性、信息架构的工作内容）、流程设计（交互设计师的核心能力。
心理学知识，UI是直接面对用户的，不了解用户心理，不知道用户喜好和操作习惯，也没法做。以上知识和技能保证了UI的美观、简洁、实用、易用、人性化、可实现性等，是优秀的UI（交互设计）的必备技能和和知识。
学UI设计都主要学什么
1、UI设计学习软件知识 主流的软件：PS、AI、AE、C4D、ARP、DW；插件：思维导图。
2、需要学什么：Photoshop（图像处理）、illustrator（图形制作）、After Effects（视频处理）、Axure（原型设计）、Dreamweaver（网页制作）、Coreldraw（矢量制作）、Flash（动画制作）等设计软件。
3、需要掌握Photoshop（图像处理）、illustrator（图形制作）、After Effects（视频处理）、Axure（原型设计）、Dreamweaver（网页制作）、Coreldraw（矢量制作）、Flash（动画制作）等设计软件及HTML0和DIV+CSS网页代码基础。
4、第二部分：平面设计 Photoshop、Illustrator、CorelDRAW、企业VIS识别系统项目实战。第三部分：网页设计 企业网站设计项目实战、商城设计项目实战、技术难点布局、响应式网站设计项目实战。
5、Indesign主要用于图书和讲义的排版，也是UI设计师经常用到的，虽然它不能做太多样式的设计、但是排版还是比较有效率的。XD XD主要用于用户体验设计和原型创建，更多的用于UI交互设计。
6、UI设计师的学习内容大致分为：学习基础美术绘画知识、学习Web前端和UI设计知识、学习Web前端更深的知识。UI的本义是用户界面，是英文User和interface的缩写。
