A. UI设计师和前端工程师该如何更好的衔接
先制作UI组件,再拼接页面
制作产品流程图
提取出全局的可通用的部分
在开发过程中避免需求的修改
如果UI给前端的是一堆页面,前端需要花一些时间去整理提取UI组件。另一方面,UI设计师如果从组件的角度出发,先做组件再拼页面,既可以提高效率也可以避免UI元素在各个页面不统一的问题
设计产品流程图可以给前后台通用(新建一个大画布,把界面拉进画布,将按钮/链接与对应点击所进入的界面用线段链接起来),可以一目了然的明白业务需求,不用打开Axure导出的HTML一个链接一个链接的点击(偶尔还会有没加链接的情况)
1、错误及提示列表 / 根据不同用户角色的错误及提示列表(订单中)
2、设计通用的错误页面,比如404(页面未找到)错误页面、504(服务器内部错误,可替换成更友好的提示)错误页面,用户权限错误页面
1、修改需求需要时间(尤其是修改已做好的功能),而开发时间是固定的,常常修改会压缩开发时间。压缩开发时间,就要靠加班解决
2、一个页面往往不是独立的,修改可能会影响多个地方。
3、多次的修改,容易让产品和开发产生矛盾。产品觉得开发简单,开发觉得产品傻逼
4、产品修改是为了能设计出好的产品,开发打代码是为了能做出好的产品,两者的目标相同,多沟通多理解但是少修改 : )
B. UI做网页跟哪些程序员交接 - 百度
前端工程师,。
前端工程师,他们需要与UI对接,即负责网站建设中的整体格式,通过代码编辑网站,实现UI设计师给出的设计方案,随着用户体验的调整。
UI设计师主要负责在网站中设置界面设计,也就是我们看到的界面,采用一些画图工具和画板来保证其美观的风格和图案,让客户满意美观,好的UI设计不仅是让网站变得有个性有品位,还要让网站的操作变得舒适简单、自由,充分体现软件的定位和特点。
C. ui设计和前端有关联吗
UI设计和前端,两者都属于目前互联网行业高薪水发展好的方向!
互联网UI/UE设计师
属于IT行业中偏设计的方向,课程设计代码知识少,主要是图片、视频等处理工作,薪资待遇高。
学习内容主要有:
1、基础设计类软件:PS、AI、PR、Axure、墨刀、MindManager等;
2、美术和手绘的相关技能(界面设计需要同学们具备原创能力);
3、网页设计和用户体验设计;
4、设计深入课程,AE动效设计、C4D的模型设计操作;
5、交互式合计
学生毕业以后可以从事:
设计类岗位:平面设计师、网页设计师、UI设计师、交互设计师等
媒体类岗位:影视后期、新媒体、视频编辑、网红自媒体等
市面上不错的品牌有:南京北大青鸟、中博软件学院、南京课工场等,建议实地考察对比一下。
web全栈工程师(前端的升级版本)
学习主要内容有:
①计算机基础以及PS基础
②前端开发基础:HTML5开发、JavaScript基础到高级、jQuery网页特效、Bootstrap框架
③移动开发(必学)
④前端高级开发:ECMAScript6、Veu.js框架开发、webpack、前端页面优化、React框架开发、Angul
⑤小程序开发
⑥全栈开发(精华):MySQL数据库、Python编程语言、Django框架等
⑦拓展:网站SEO与前端安全技术
北大青鸟中博软件学院祝你学有所成!望采纳!
北大青鸟中博软件学院主教学楼
D. UI设计与前端有什么联系
ui负责页面到底应该长成什么样子,前端根据ui用代码来实现这个样子
设计师的水平直接决定页面的美观性
一个合格的前端能够完全相同的还原ui图,至于还原后很丑,就是设计的问题了,但如果没有还原出来,那么前端是不合格的
E. ui设计和前端开发的工作交集
UI设计主要是界面的设计,但是一个漂亮美观的界面并不能实现人机交互,这就需要前端开发工程师针对UI设计的界面进行功能代码实现,需要切图、编辑代码。他们两个是密切配合的关系
F. ui切图怎么命名给前端
1、所有命名全部为小写英文字母
原因是开发小哥哥的代码里面全是小写的英文字母,如何切图命名成中文的话,会导致开发小哥哥将命名全部更改,这样会耽误产品开发的进度。
2、所有命名不得出现大写以及中文和空格或其他符号,单词之间用_隔开
切图格式:Png格式
通用切片命名格式:组件_类别_功能_状态@2x.png
举例:
[email protected](中文对应的是:标签栏_图标_主页_默认@2x.png)
1.工程师在实现我们效果图的过程中,需要计算好每一个元素的位置,然后再调用我们切好的图进行填充,那么在团队协作过程中首先应该保证切图输出能够满足工程师设计效果图的高保真还原的需求;
2.切图输出应该尽可能的降低工程师的开发工作量,避免因切图输出而导致的不必要的工作量,养成良好的命名习惯,比如可以利用版本命名,亦或时间命名都可以更清晰地标明。
3.一个团队之间应该统一标准,制定并遵循规范,这样不管是后期版本的跟新迭代或者是设计师之间的交接,都会方便快捷很多。
G. UI把图做好之后是怎样跟前端交接的
首先,UI和前端之间要有一个共同的目标的前提下沟通,如果目标不一致,或没有目标,那就没办法沟通。
一般在真正的代码开发进行之前,前端期望设计给的东西有:
1. 1份jpg文件: 里边有各个psd的动作分解图,包括页面逻辑,或交互分解。设计师放成这样的目的在于在做设计时方便的拷贝,但对开发人员来说,如果分级过于隐藏就会漏掉某个部分的开发。
2. 1份psd文件: 一份好的psd文件是分层清晰,设计规范的文件。
3. 1份需求文档: 需求文档是对当前开发功能的基础介绍或逻辑详细描述。
4. 1份原型文档: 原型设计文档一般是由产品经理对最初功能设想的一份粗稿,这份稿只是对布局或交互做简单的设计,需要经过设计进行艺术的加工之后,才成为一个可以呈现给用户的完整界面。
当然这些所有的结果,需要经过层层开会审核,征得各个项目组leader的同意之后通过邮件的方式发送给各个成员,最粗笨的办法就是放在局域网的共享地址可以去拿psd文件。
H. UI设计稿交付给前端开发应该是什么样子的
对于互相比较了解的团队的话,UI设计交付给前端开发的稿件应该具有清晰明细的结构和分层分组,图层按整体版面命上语义话的图层名称。
如下图所示:
对于初次磨合的团队的话,在充分沟通的前题下还应该在设计稿中进行字体间距颜色代码鼠标移入状态等细节的标注。
以上就是TOPVE唯艺互动对于UI设计稿交付给前端开发应该是什么样子的理解,希望能给你带来帮助。
I. UI是怎么和前端对接的
1.准确的来说,做ul的其实就做移动端设计的,设计一些移动端页面,当然也包括ico图标,手机上用的各种小图标,logo等,比如一个小删除按钮。登录按钮,等。
2.而做前端的就是根据你的移动端ul界面来做成移动端手机页面
J. UI交互设计和前端是什么样的关系,为啥有听别人说前端也是UI
交互设计和UI设计的关系:
1、交互设计是一种面向目标的设计。所有的工作都是围绕用户行为设计的。交互设计人员设计用户行为,使用户更方便高效地实现产品业务目标,并获得愉快的用户体验。
ui设计有两个概念:窄和宽。广义的概念包含了互动的含义。事实上,UI设计包括图形设计、网页设计和移动界面设计,交互是当今设计师的一项重要任务。
2、如果UI设计是通用的,则应该包括原型设计、交互设计和视觉设计。狭义的ui通常只是人们看到的ui可视化设计的最后一部,交互是用户操作事件的反映。
例如,点击弹出菜单,浏览链接就会变成紫色,这是一种非常微妙的互动,但它处处反映用户体验。交互设计更多的是关于用户行为响应的设计、UI可视化设计,以及更多关于界面的静态设计。