2021-12-27 16:04发布
切图可以前端做,因为要考虑如何实现最优加载。UI设计师切图不会考虑网络环境,不会考虑加载速度等问题。
一般图片按照预定要求交给美工处理好后,编辑可以直接进行使用,前端负责的是代码部分,比如图片显示的大小、位置,以及图片使用后是否需要放大或者缩小等等,所以切图是美工的工作,前端的代码针对图片设计好以后,一般是不需要进行修改的
UI。
如果UI可以不切图,让下游去处理,那程序员是不是提供代码仓库让产品验收就可以了。
美工,虽然前段和UI都会切图,毕竟他们也有自己的工作要做,都不太想给自己工作量增加,要不然就看公司是怎么安排的
要看您公司的大小,和你的劳动合同,如果公司小,或者劳动合同没有 明确岗位,那就是你的事,如果公司规模大,流程分的很细,你的合同和岗位很明确说实话不是你的事,但是老板明确让你做,是不是还有其他原因。
UI重构们的画笔不太好用,没法还原设计师天马行空的稿子。所以需要把一些原件切出来,用图片形式展示出来。后来我们有了HTML5/CSS3/各种nb到不行的前端框架,
Web前端作为一门入门门槛不是很高的学科,一直以来,受到很多IT学习者的青睐。但是,一些Web前端的大牛往往在基础技能的前提下,掌握着大多数从业者不曾注重的技能,比如说切图。那么,切图在Web前端开发工作中占据什么地位呢?
首先,我们先来简单了解下切图的历史。Web 2.0的时期,最流行的趋势就是大字体、鲜艳色、高光和倒影,甚至许多人没有自己的想法,盲目去追求,致使Web 2.0的网站变得千篇一律。这时有一些前卫的人,把平面设计等许多模式引入的网页设计,他们用Photoshop做精准Mock up,然后通过CSS来实现,也就是所谓的切图。通俗来讲,切图就是把设计稿切成一片片的,然后前端工程师运用DIV+CSS功能,最大限度的还原设计图,也就是要把零碎的图片整合成一张完整的图片。
那么切图是不是必须的呢?毫无疑问,切图是实际开发过程中不可或缺的一步。由于一张完整的设计稿是由不同的元素组成的,比如Logo、背景图、图标、文本等等,而部分元素,前端工程师是无法使用代码实现效果的,因此,需要将其单独切出来使用。切图资源的输出将直接决定产品的最终效果。
此外,还有一部分人认为极简主义是页面所需要的,极简主义放弃了花哨的图案和设计,把重心放到了浏览器的字体、line-height、布局、留白、以及交互。崇尚极简主义的人觉得网页不必要看起来很漂亮,但一定要用起来很舒服。当然对于从用户的角度来讲,用得舒服很重要,美好的视觉享受更容易让你的APP脱颖而出。所以切图仍然是前端开发中不可缺少的一步。
有的公司UI设计师会把需要的图切好,但更多时候是需要前端工程师自己来切。我们不能每次都依赖UI设计师,自己掌握切图技能还是很有必要的。切图的实现,很大程度上让网页设计变得个性化,有生机,所以会切图的前端工程师也更加受市场欢迎。
可能是因为你渐变叠加的中心位置改变了,如果你编辑渐变叠加时,鼠标去画布中拖动,渐变位置会变化,你应该是往右边拖动了
AI作图PS切,看个人习惯咯。
ngSplit是一款方便的png图片分割软件,有时候想将png图片分割成图片,就不会再用png图片分割工具进行分割,直接用这个png分割工具就可以快速分割出png图片
如果是用Setch的话下一个Zeplin 以后再也不用标记和切图啦,免费版只支持一个项目,不过也够用了
手机程序一般切三套图,加一个布局就能适应主流手机;Pad适配比较繁琐至少要切两套图,加上两个布局才能适应主流pad;pad程序分辨率不变,屏幕尺寸随时会变,用px像素单位写死是最容易的完全能够适应不同尺寸的变化。...
用好这两个就不错了,此外,PPT做设计方案呈现,这个也很重要
有个岗位叫做UI重构(也叫UI开发),职责是将设计稿在web页面或者移动端上重新绘制出来。也就是说UI重构们的画笔不太好用,没法还原设计师天马行空的稿子。所以需要把一些原件切出来,用图片形式展示出来。后来我们有了HTML5/CSS3/各种nb到不行的前端框架,这...
可通过插件在Sketch、PS、XD及Figma中进行切图,在PS中,用切片工具切图,然后切换到Dreamweaver(中文是梦想编织者,网页设计软件)里用的。
有一个误区!UI设计的分辨率适配不是美术设计师的工作,而是前端开发人员的工作,美术人员只要提供主要屏幕的图纸即可,其他分辨率前端开发人员在编写代码的时候会自动适配。但是美术设计人员需要做好以下工作,否则前端人员无计可施!1.设计页面的时候所有的...
切图的目的就是更加精确的进行网页布局。photoshop、fireworks等软件都带有切片工具。
最多设置5个标签!
切图可以前端做,因为要考虑如何实现最优加载。UI设计师切图不会考虑网络环境,不会考虑加载速度等问题。
一般图片按照预定要求交给美工处理好后,编辑可以直接进行使用,前端负责的是代码部分,比如图片显示的大小、位置,以及图片使用后是否需要放大或者缩小等等,所以切图是美工的工作,前端的代码针对图片设计好以后,一般是不需要进行修改的
UI。
如果UI可以不切图,让下游去处理,那程序员是不是提供代码仓库让产品验收就可以了。
美工,虽然前段和UI都会切图,毕竟他们也有自己的工作要做,都不太想给自己工作量增加,要不然就看公司是怎么安排的
要看您公司的大小,和你的劳动合同,如果公司小,或者劳动合同没有 明确岗位,那就是你的事,如果公司规模大,流程分的很细,你的合同和岗位很明确说实话不是你的事,但是老板明确让你做,是不是还有其他原因。
回答: 2022-01-11 13:46
UI重构们的画笔不太好用,没法还原设计师天马行空的稿子。所以需要把一些原件切出来,用图片形式展示出来。后来我们有了HTML5/CSS3/各种nb到不行的前端框架,
Web前端作为一门入门门槛不是很高的学科,一直以来,受到很多IT学习者的青睐。但是,一些Web前端的大牛往往在基础技能的前提下,掌握着大多数从业者不曾注重的技能,比如说切图。那么,切图在Web前端开发工作中占据什么地位呢?
首先,我们先来简单了解下切图的历史。Web 2.0的时期,最流行的趋势就是大字体、鲜艳色、高光和倒影,甚至许多人没有自己的想法,盲目去追求,致使Web 2.0的网站变得千篇一律。这时有一些前卫的人,把平面设计等许多模式引入的网页设计,他们用Photoshop做精准Mock up,然后通过CSS来实现,也就是所谓的切图。通俗来讲,切图就是把设计稿切成一片片的,然后前端工程师运用DIV+CSS功能,最大限度的还原设计图,也就是要把零碎的图片整合成一张完整的图片。
那么切图是不是必须的呢?毫无疑问,切图是实际开发过程中不可或缺的一步。由于一张完整的设计稿是由不同的元素组成的,比如Logo、背景图、图标、文本等等,而部分元素,前端工程师是无法使用代码实现效果的,因此,需要将其单独切出来使用。切图资源的输出将直接决定产品的最终效果。
此外,还有一部分人认为极简主义是页面所需要的,极简主义放弃了花哨的图案和设计,把重心放到了浏览器的字体、line-height、布局、留白、以及交互。崇尚极简主义的人觉得网页不必要看起来很漂亮,但一定要用起来很舒服。当然对于从用户的角度来讲,用得舒服很重要,美好的视觉享受更容易让你的APP脱颖而出。所以切图仍然是前端开发中不可缺少的一步。
有的公司UI设计师会把需要的图切好,但更多时候是需要前端工程师自己来切。我们不能每次都依赖UI设计师,自己掌握切图技能还是很有必要的。切图的实现,很大程度上让网页设计变得个性化,有生机,所以会切图的前端工程师也更加受市场欢迎。
相关问题推荐
可能是因为你渐变叠加的中心位置改变了,如果你编辑渐变叠加时,鼠标去画布中拖动,渐变位置会变化,你应该是往右边拖动了
AI作图PS切,看个人习惯咯。
ngSplit是一款方便的png图片分割软件,有时候想将png图片分割成图片,就不会再用png图片分割工具进行分割,直接用这个png分割工具就可以快速分割出png图片
如果是用Setch的话下一个Zeplin 以后再也不用标记和切图啦,免费版只支持一个项目,不过也够用了
手机程序一般切三套图,加一个布局就能适应主流手机;Pad适配比较繁琐至少要切两套图,加上两个布局才能适应主流pad;pad程序分辨率不变,屏幕尺寸随时会变,用px像素单位写死是最容易的完全能够适应不同尺寸的变化。...
用好这两个就不错了,此外,PPT做设计方案呈现,这个也很重要
有个岗位叫做UI重构(也叫UI开发),职责是将设计稿在web页面或者移动端上重新绘制出来。也就是说UI重构们的画笔不太好用,没法还原设计师天马行空的稿子。所以需要把一些原件切出来,用图片形式展示出来。后来我们有了HTML5/CSS3/各种nb到不行的前端框架,这...
可通过插件在Sketch、PS、XD及Figma中进行切图,在PS中,用切片工具切图,然后切换到Dreamweaver(中文是梦想编织者,网页设计软件)里用的。
有一个误区!UI设计的分辨率适配不是美术设计师的工作,而是前端开发人员的工作,美术人员只要提供主要屏幕的图纸即可,其他分辨率前端开发人员在编写代码的时候会自动适配。但是美术设计人员需要做好以下工作,否则前端人员无计可施!1.设计页面的时候所有的...
切图的目的就是更加精确的进行网页布局。photoshop、fireworks等软件都带有切片工具。