网站制作离不开前端设计,由于各种效果的实现需要专业的人员进行,那么我们专业的网站以及APP前端开发设计师都会使用有哪些专业术语呢?深圳网站制作公司尝试用此文总结一些网站设计师常用的专业名词,以期对您即将开始的平台制作前期规划工作有所帮助。
一、互联网信息平台开发产品设计思维 UED
1. UED
我们老听 UED。UED 就是:User Experience Design(用户体验设计)的简称。UED 是进行产品策划的主力之一,他们用自己的知识、经验、设计能力拿出设计方案。能够用自己的互联网知识来设计出行业专家想实现的操作,而付诸以商业营销。UED 团队包括:交互设计师(Interaction Designer)、视觉设计师(Vision Designer)、用户体验设计师(User Experience Designer)、用户界面设计师(User Interface Designer)和前端开发工程师(Web Developer)等等。UED 是以用户为中心的一种设计手段,以用户需求为目标而进行的设计。设计过程注重以用户为中心,用户体验的概念从开发的最早期就开始进入整个流程,并贯穿始终。可见,UED 并不是一个特指,而是指的是全体互联网产品团队的一种思维,就是以用户为中心来做设计。这种理念贯穿到设计、代码、运营等方方面面。UED 是一个以用户体验为原则的团队。
2. UCD
UCD 是什么?UCD(User Centered Design)是指以用户为中心的设计。是在设计过程中以用户体验为设计决策的中心,强调用户优先的设计模式。在进行产品设计、开发、维护时从用户的需求和用户的感受出发,围绕用户为中心进行产品设计、开发及维护,而不是让用户去适应产品。无论产品的使用流程、产品的信息架构、人机交互方式等,以 UCD 为核心的设计都时刻高度关注并考虑用户的使用习惯、预期的交互方式、视觉感受等方面。衡量一个好的以用户为中心的产品设计,有三个维度:产品的有效性(effectiveness),产品的效率(efficiency),用户主观满意度(satisfaction),特别说明:大家可能老误会 UED 和 UCD 是某个部门的原因是因为很多大公司都设置了用户体验部门,如腾讯网UED、阿里巴巴国际UED等团队。所以 UED 和 UCD 不光特指某一个部门,更是一种团队的模式。
二、设计师必备能力
经过我们对上文的阅读,我们知道了互联网视觉设计师在团队中的主要职责。归纳一下,我们的工作主要是:第一,根据原型图和 PRD 文档优化原型图和交互图的交互设计;第二,根据需求完成视觉设计并完成设计规范;第三,根据技术的需求完成切图、标注、命名PSD、设计动效等工作;第四,有时还会担负起公司的运营设计和企业形象设计或者公司内部的平面设计等。我们的工作越来越复杂,这就要求我们掌握的知识也要越来越多。
△ 目前互联网设计师需要具备的三种能力
互联网设计师主要需要掌握的能力主要是以下几种:排版能力,交互知识,图标绘制,插画绘制,手绘,运营图设计能力,专题设计能力,网站设计能力,移动端规范,基本代码原理,展示作品的能力, PPT设计能力,表达能力,H5设计能力,LOGO设计等。
三、UI设计师所使用的软件
1. 界面设计软件
Adobe Photoshop 简称 PS。三十年老店不会让你失望。来自一个行业具有垄断地位的公司的好处是你不用担心研发公司倒闭而软件停止更新,同样由于开发公司的实力所以 PS 支持 Windows 平台和 Mac 平台。这个好处是毋庸置疑的了。PS 的版本三十年中数不胜数,而我们应该永远学习最新的版本。而且 PS 是 Sketch 和 AI 无法代替的,它的像素图形处理,它设计运营图与其他图像的能力无所匹敌。Adobe Iullstrator 简称 AI。同样来自母公司 Adobe,拥有比 PS 稍微年轻一点的历史。由于他们都是 Adobe 旗下的软件,所以两个软件可以互通甚至直接拷贝,那么配合度要比不同厂家的软件高得多了。PS 在 UI设计中主要负责界面设计和图形处理,AI可以负责线性图标的设计,设计后直接拷贝进 PS 里即可。不能直接用 AI 作图的原因是 AI 不具备切图和标注与团队合作等多种 PS 可以轻松办到的事情。看完了上两种软件你一定还是心有不甘希望用 AI 的矢量作图功能,配合 PS 可以切图标注的扩展性对吧,那么就诞生出了 Sketch 这款软件。在作图的功能上更加接近 AI,拥有矢量图形功能,而切图标注甚至比 PS 更加方便快捷。遗憾的是它并非 Adobe 出品,所以和 PS 与 AI 的协作上差了一些。并且由于不是大公司出品总有一些不放心:比如与苹果决裂后,Sketch 需要在官方购买并安装软件包而并非直接从苹果下载;比如由于 PC 盗版严重暂时在 Windows 系统下是不可用的等等。但是总之这款软件现在很受 UI设计师喜爱。Adobe XD 全称 Adobe Experience Design。集原型、设计和交互于一体的设计软件。 传言将会是 skech 的劲敌。厂商背景决定了它支持 Windows 操作系统,而且 XD 的优势是原型图和设计都可以搞定。所以在国外比较流行,国内设计业界鲜有同行使用,所以不是必学。Adobe Fireworks 列出来这款软件并不代表大家要学习,因为这款初心是为网页设计师所设计的软件已经退役了。
2. 动效软件
Adobe After Effects 由于同样来自 Adobe,所以该软件和 PS 与 AI 都可以直接导入,互通有无。这一点非常的爽。但是本软件的初心并不是做 UI 的动效设计,而是影视后期。所以首先我们的限制是使用这款软件完成的动效只可以沿着时间线播放,而不可以交互。其次这款软件复杂的插件也都是为了影视后期而设计的,对于新手学习比较难。但是总体来说还是一款大家必学的软件。Sketch 没有动效,小伙伴怎么办?别着急,Princple 出现了。这款软件可以直接点击大钻石导入 Sketch 文件并设计出在手机可交互的动效,堪称 UI设计师的福音。但是不足之处和 Sketch 一样,就是不支持 Windows 系统。Flinto 交互原型利器,只可以 Mac 平台使用。Origami 交互原型和动效的一个轻巧的工具,同样只可以 Mac 平台使用。Framer 交互设计和原型图设计工具,偏代码方向。只可以 Mac 平台使用。
3. 原型图工具
墨刀,国产原型图工具,语言优势加上服务器速度响应快,而且是一款 Web 应用,也就是说通过浏览器访问网站即可设计出原型图来。Axure RP 老牌产品经理原型图工具,有多式多样的插件可以实现多种效果的原型图。
4. 前端工具
Adobe Dreamweaver 前段编译工具,Adobe 生产,有设计和代码模式。Adobe Muse Adobe 公司生产的网站开发工具,支持可视化设计,并且生产出网页前端代码。
四、好UI的标准是什么?
1. 好用
以用户为中心
2. 功能清晰
Don’t make me think
3. 好看
满足用户画像群的审美,达到需求方的目的比要求完成的更美;审美教育义务
4. 好实现
可以实现:设计须可以实现效率:须考虑对载体效率和性能的影响为实现设计:回头根据实现角度调整无论做什么,只要你拥有一套好的方法论加上刻意练习都会获得很好的结果。互联网设计是崇尚经验的工作,随着经验的积累和方法论的沉淀,我们一定能够取得不错的进步。希望真正喜欢互联网设计的人都能够实现自己的职业目标。深圳网站制作公司博纳网络编辑整理。