前端和UI设计有什么联系和区别?

2020-08-28 14:56发布

近很多小伙伴在考虑转行,前端和UI设计的高薪资吸引了很多的关注。但是这两个技术具体有什么区别,还有很多小伙伴不是很了解。


近很多小伙伴在考虑转行,前端和UI设计的高薪资吸引了很多的关注。但是这两个技术具体有什么区别,还有很多小伙伴不是很了解。


9条回答
水默
2楼 · 2020-08-28 16:27

简单来说,UI设计是静态的界面,但是在设计中可以看出交互效果。前端可以将静态的设计实现,变为动态的效果的一种方法


我是大脸猫
3楼 · 2020-08-28 17:13

ui负责页面到底应该长成什么样子,前端根据ui用代码来实现这个样子

设计内师的水平直接决定容页面的美观性

一个合格的前端能够完全相同的还原ui图,至于还原后很丑,就是设计的问题了,但如果没有还原出来,那么前端是不合格的


一个进阶的菜鸟
4楼 · 2020-08-31 15:22

UI即User Interface(用户界面)的简称。UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品位,还要让软件的操作变得舒适简单、自由,充分体现软件的定位和特点。

软件设计可分为两个部分:编码设计与UI设计。UI的本意是用户界面,是英文User和 Interface的缩写。从字面上看是用户与界面2个部分组成,但实际上还包括用户与界面之间的交互关系。

Web前端开发工程师,主要职责是利用(X)HTML/CSS/JavaScript/Flash等各种Web技术进行客户端产品的开发。完成客户端程序(也就是浏览器端)的开发,开发JavaScript以及Flash模块,同时结合后台开发技术模拟整体效果,进行丰富互联网的Web开发,致力于通过技术改善用户体验。

UI设计主要偏设计,很多的UI只是负责出图,并没有和程序太深度的交流,他更多需要定位使用者、使用环境、使用方式并且为最终用户而设计。现在更多的交互设计。ui设计往往偏向于UI交互设计。


lpp0920
5楼 · 2020-09-02 16:22

UI是负责设计美化,而前端负责让设完成客户端程序开发,把设计静态稿变为程序语言。说白了前端是敲代码的,这是两个工种,思维是不太一样的。

在工作中,设计和前端两个岗位的人是需要配合工作的。

老肥说事儿
6楼 · 2020-09-04 15:24

最近很多小伙伴在考虑转行,前端和UI设计的高薪资吸引了很多的关注。但是这两个技术具体有什么区别,还有很多小伙伴不是很了解。下面小编给大家讲讲前端和UI设计的联系和区别有哪些

一般来讲前端包括网站的表现层和结构层。表现层即前端设计,通俗一点就是Web端展现出来的你可以看到的“美”的东西;结构层就是涉及的前端开发部分,即网站的前台代码实现。

UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。通常包括平面设计,网页设计以及移动界面设计。

前端开发与UI设计之间是相通的。优秀的前端开发人员,不仅要精通前端语言,还要懂一些设计知识以及后端编程。而优秀的UI设计师不仅要会设计,还要懂代码,能在设计的道路上加上程序员的思维。

如果你也对前端或者UI设计感兴趣,欢迎加扣群978525548,还有学习资料可以免费领取


风中浪子
7楼 · 2020-09-12 15:00

最近很多小伙伴在考虑转行,前端和UI设计的高薪资吸引了很多的关注。但是这两个技术具体有什么区别,还有很多小伙伴不是很了解。下面小编给大家讲讲前端和UI设计的联系和区别有哪些

一般来讲前端包括网站的表现层和结构层。表现层即前端设计,通俗一点就是Web端展现出来的你可以看到的“美”的东西;结构层就是涉及的前端开发部分,即网站的前台代码实现。

UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。通常包括平面设计,网页设计以及移动界面设计。

前端开发与UI设计之间是相通的。优秀的前端开发人员,不仅要精通前端语言,还要懂一些设计知识以及后端编程。而优秀的UI设计师不仅要会设计,还要懂代码,能在设计的道路上加上程序员的思维。


Leone
8楼 · 2020-09-17 16:00

一个是设计,一个是开发,两人会有工作对接,Ui设计出的界面或者交互,由前端来实现

lancelot728
9楼 · 2020-09-21 14:20

UI一般是指APP,网页等界面的设计,属于设计类
而前端一般是指APP和网页开发,属于编程开发类
两者互相协调,但是分工不同

相关问题推荐

  • 回答 15

    AI中的复合路径就是两个路径暂时结合为一个整体路径,显示的时候,中间的重合的部分会镂空;如果没有重叠的区域,两条路径会暂时变为整体。与编组相比的话,编组只是简单变成整体。...

  • 回答 13

    可以的,在图层旁边有一个画板可以直接拖动画板改变顺序

  • 回答 3

    在使用AI时,弹出无法完成操作,因为可用内存(RAM)不足的窗口后,点击确定接着点击上面选项栏的编辑—首选项,或者使用快捷键ctrl+k在首选项的弹出窗中点击增效工具和暂存盘的选项在主要的暂存盘上,选择内存剩余最大的磁盘,次要暂存盘选择另一个接着在增...

  • 回答 2

    1.选择工具箱中的文字工具,在画板中拖动出一个文本区域。2.输入或者复制文字进去。3.选择工具箱中的选择工具,单击选中文本区域。4.执行文字——区域文字选项,弹出下面的区域文字选项对话框。可以设定AI分栏参数:比如每一栏的高度、宽度,分栏数量,分栏间...

  • 回答 38

    剪辑软件主要还是用PR等专业工具居多~

  • 回答 5

    取消快速蒙版,按快捷键Q退出快速蒙版。这是你在做图中不小心按了Q键进入了快速蒙版。

  • 回答 3

    1、打开色板面板2、单击色板库菜单,选择色标簿3、选择色标簿中的PANTONE + solid coated,它将出现在一个.独立的面板中4、在查找,中输入100,色板PANTONE 100C将呈高亮显示,单击此色板,将其添加到色板面板中,然后关闭PANTONE + solid coated5、专色色板右...

  • 回答 27

    没基础也没有问题,有基础会更好一些

  • 回答 5

    矢量图像,也称为面向对象的图像或绘图图像,在数学上定义为一系列由线连接的点。矢量文件中的图形元素称为对象。

  • 回答 9

    图层蒙版是在当前图层上面覆盖一层玻璃片,这种玻璃片有透明的、半透明的、完全不透明的,图层蒙版是Photoshop中一项十分重要的功能。用各种绘图工具在蒙版上(即玻璃片上)涂色(只能涂黑白灰色),涂黑色的地方蒙版变为完全透明的,看不见当前图层的图像。...

  • 回答 4

    1pt=1/72英吋。在72dpi的时候,1pt=1px;在96dpi的时候,1px=0.75pt,用72/96。像素由【分辨率】来控。例如PS默认的72像素/每英寸(约等于28.346像素/毫米dao)。点一般指显示器的显示单位,例如常用的1024*768。毫米指的是打印的纸张,例如A4的297*210。...

  • 回答 3

    像素px表示 pixel 是屏幕上显示数据的最基本的点。如果用像素为单位印刷会因为印刷精度(每个像素点印刷的大小)不同而实际字体的物理尺寸不同,而用点能保证无论什么精度印刷出来的物理尺寸都是确定的。点就是 point是印刷行业常用单位,等于 1/72 英寸(点...

  • 回答 3

    双击文本定位框后的圆形为实心和空心就是点文本和阵列文本的切换

  • 回答 3

    菜单栏-文字-文字方向-水平/垂直

  • 回答 2

    可以先用钢笔画出路径,然后选工具栏的黑色箭头,点下外面的空白地方,再点刚才的路径,上面就会显示一个路径的基本设置,选中艺术笔的样式就可以了。

  • 回答 6

    AI中文字添加渐变效果,其首先转文字为图形(创建轮廓)后可以添加。添加方法:渐变工具填充剪贴蒙版切入渐变矩形等

没有解决我的问题,去提问