当前位置:首页 » 网页前端 » UI设计和前端同时做可以吗
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

UI设计和前端同时做可以吗

发布时间: 2023-02-18 06:16:48

Ⅰ UI设计和前端开发的区别大吗

其实前端工程师和UI设计师有一些共同的特性,相比后端,前端和UI的成品诞生过程都是所见即所得,更容易带给人成就感。
说到两者之间的区别,还是很显而易见的。因为从本质上来讲,前端更多接触的是代码,这也就注定前端需要更多的逻辑思维能力。而UI则更多的是审美能力和美术功底的综合运用。当然并不是说,UI设计就是美术生的才能做的工作,UI更多是线条的运用与配色布局等方面的组合,更偏向与和用户之间的交互设计。
在实际工作中,UI设计和前端岗位是有一部分交叉的工作内容,这就需要作为UI设计师需要懂一些前端的内容,而前端开发,也不能对交互设计一窍不通。希望我的回答能对你有所帮助。

Ⅱ UI设计师和前端怎么合作

前端工程师需要和美工和后台开发人员进行合作。
1、和美工合作。
美工讲设计好的效果图,一般是一些psd文件给前端工程师,前端工程师根据效果如开始构思如何实现,并且开始使用Photoshop进行切图,切出需要的图片。如果图片有问题或者不好操作的地方还需要美工给出修改。
2、和后台开发人员:
前端使用html、css、js等技术开始实现效果图的页面,同时需要和后台人员交流为后台数据留下借口和数据填充的区域等,或者获取后台数据等,这需要和后台人员合作好。
3、完成项目
最终前端完成页面交给后台,由后台人员填充后台数据,一个完整的工程完成。此时还需要前端和后台人员一起测试,完成数据和前端的良好交互。

Ⅲ 学习UI有没有必要再学习前端

这位童鞋你好。具体的工作可能会用不上,但是有的中小企业就需要一人兼多职。这个时候就能用的上了,具体的请看以下文章。

UI设计师和前端通常是一个是艺术出身,一个是技术出身。却因为工作不得不经常面对面坐在一起,为各种问题纠缠不清。

前端总觉得设计太过理想主义,稿子里很多构想根本不完整,还以各种理由给自己找麻烦。设计总觉得前端各种找理由偷懒,开发出的界面明明和设计稿相差十万八千里,就自以为万事大吉了。

今天周老师就为广大设计师们写一篇比较好懂的科普,以促进双方在日常工作中更加高效友善地合作。



当然如果非要技术处理,也可以做到根据容器宽度确定文字尺寸,以求每行字数保持不变。但是这种处理非常麻烦,一般很少用到。

这就是为什么,UI在标准尺寸屏幕上勉强留够了文字空间,而在用户的小屏设备上展示时,却排不下几个字。从前端的角度看,文字尺寸的灵活性,没有图片那么强。

内边距与外边距

前端开发时,任何元素或模块都可以有一个内边距和外边距。内边距用于分割模块里内容与模块边缘的距离;外边距用于分割模块与模块之间的距离。

当元素/模块重复出现时,其内边距和外边距可以作为固定属性重复出现,这样就避免了代码冗余。



然而,有的设计稿在内外边距上比较随便,这可能导致前端开发同学犯强迫症,例如以下几种情况。

不同页面的边距不一样:




同一级模块的边距不同:




有的特殊元素偏偏要突破原本定好的边距:




当然有时候为了视觉效果,我们必须要做一些特殊处理,增加额外的开发工作量无可避免。

然而如果边距不统一只是因为设计时没有太在意,这就有可能给前端开发造成无意义的维护成本了。

如果设计按照模块而不是按照页面来提供方案,前端可能更加高兴的,因为他们不用去猜哪些地方可以复用代码了,哪些地方又必须单独写了。

总结

上面说的都是一些非常基础的前端原理,很多前端以为UI应该理解,但其实很多情况下都无法理解。不论是前端还是设计,希望看了这篇文章后,能够对双方有更多的理解。

Ⅳ 学习UI设计有必要学习前端吗

需要
“需要,因为UI 工作内容包括里面涉及到网站建设、APP设计等等。所以在学习的时候就开始有前端了,工作之后也会涉及到。但是不会特别深入,和专业前端还是有差异的。”

Ⅳ ui如何与前端对接

ui与前端对接:做ul的其实就做移动端设计的,设计一些移动端页面,当然也包括ico图标,手机上用的各种小图标,logo等,比如一个小删除按钮。

前端使用html、css、js等技术开始实现效果图的页面,同时需要和后台人员交流为后台数据留下借口和数据填充的区域等,或者获取后台数据等,这需要和后台人员合作好。

用蓝湖一键标注,下载不同格式的切图。还有设计图逻辑连线、交互说明、分状态展示、高保真原型制作预览等功能。对设计图进行树状连线,清晰展示跳转逻辑。还可在一旁添加细节说明,方便团队成员的理解。

头部内容:

这2个标记符分别表示头部信息的开始和结尾。头部中包含的标记是页面的标题、序言、说明等内容,它本身不作为内容来显示,但影响网页显示的效果。

头部中最常用的标记符是标题标记符和meta标记符,其中标题标记符用于定义网页的标题,它的内容显示在网页窗口的标题栏中,网页标题可被浏览器用做书签和收藏清单。

Ⅵ UI设计师和前端工程师该如何更好的衔接

  • 先制作UI组件,再拼接页面

  • 如果UI给前端的是一堆页面,前端需要花一些时间去整理提取UI组件。另一方面,UI设计师如果从组件的角度出发,先做组件再拼页面,既可以提高效率也可以避免UI元素在各个页面不统一的问题

  • 制作产品流程图

  • 设计产品流程图可以给前后台通用(新建一个大画布,把界面拉进画布,将按钮/链接与对应点击所进入的界面用线段链接起来),可以一目了然的明白业务需求,不用打开Axure导出的HTML一个链接一个链接的点击(偶尔还会有没加链接的情况)

  • 提取出全局的可通用的部分

  • 1、错误及提示列表 / 根据不同用户角色的错误及提示列表(订单中)

    2、设计通用的错误页面,比如404(页面未找到)错误页面、504(服务器内部错误,可替换成更友好的提示)错误页面,用户权限错误页面

  • 在开发过程中避免需求的修改

  • 1、修改需求需要时间(尤其是修改已做好的功能),而开发时间是固定的,常常修改会压缩开发时间。压缩开发时间,就要靠加班解决

    2、一个页面往往不是独立的,修改可能会影响多个地方。

    3、多次的修改,容易让产品和开发产生矛盾。产品觉得开发简单,开发觉得产品傻逼

    4、产品修改是为了能设计出好的产品,开发打代码是为了能做出好的产品,两者的目标相同,多沟通多理解但是少修改 : )

Ⅶ UI设计和Web 前端开发两个都可以合二为一做吗

UI设计和web前端合二为一做?
这个恐怕很难
这是两个不同的岗位方向,需要学习的内容也差别比较大的
但是工作方面会有对接的关系
建议先精专一个方向去做,有精力了再去学习另一个方向
要说合二为一,现在比较稀缺的全栈开发工程师,既懂前端又懂后端,比较受欢迎
最终建议,如果喜欢设计,建议专攻UI设计方向

如果喜欢代码,可以朝着全栈工程师的方向去发展自己
加油!

Ⅷ UI设计师需要学前端吗

通常来说UI设计师是不需要学前端的,不过现在某些培训班。炒作了一个新概念叫做大前端,就是把UI设计和web前端开发给结合到一起了。

Ⅸ 前端开发还要会UI设计吗

本质上讲两者没有关系,但是实际上是有一些重叠的,以下详细说明:
1、UI设计师具备一定的前端代码编写能力,能够在一定程度上提升自身的岗位竞争力,未来的发展空间也会更大。
2、UI设计师在互联网时代,尤其是移动互联网时代得到了广泛的关注,一个重要的原因是互联网产品对于用户的使用体验越来越关注,所以目前整个IT行业有大量的UI设计师,尤其是互联网公司更是释放出了大量的UI设计岗位。
3、UI设计师主要的岗位任务包括交互设计和视觉设计两部分,通常在产品经理和策划完成方案设计之后,UI设计师就需要完成产品原型的构建,包括交互原型和视觉方案。
4、UI设计师在反复与产品经理沟通并修改之后,最终把设计原型交由开发团队进行开发,以后在每次版本迭代的时候,都离不开UI设计师的参与,以保障产品的使用体验度不断提升。所以,在岗位职责方面,UI设计师通常并不需要参与代码的编写。
5、但是,客户需要通过直观操作理解ui
,此时需要与前端进行合作,而合作的交流成本在设计期不可忽视,如果ui自己可以做出原型,无疑更具有竞争力。