2021-12-17 17:22发布
有个岗位叫做UI重构(也叫UI开发),职责是将设计稿在web页面或者移动端上重新绘制出来。
也就是说UI重构们的画笔不太好用,没法还原设计师天马行空的稿子。
所以需要把一些原件切出来,用图片形式展示出来。
后来我们有了HTML5/CSS3/各种nb到不行的前端框架,这些工作就简单多了。
但开发工具的牛掰程度还是有限的,毕竟设计师和前端都有自己的理想和追求。
用什么方法去做,这是UI重构需要负责的问题,他可能需要切图,也可能只需要标注,这些解决方案都是UI重构思考以后给出来的。作为设计师,更重要的是把界面设计得好看好用。
因此这其实是一个前端开发的问题,作为设计师可以了解一下“CSS盒模型”。
切图本应该是前端工程师的工作吧,设计师切的图往往不专业,他们不知道把图片压缩,不知道把图片合并,更不知道给图片更好命名,这样前端拿到切图还是要重新处理。优秀的设计师会把图层分类做的很好,图层按照模块化设计,很方便前端工程师来使用的。不会切图的前端不是合格的前端。图层乱七八糟的设计师也不是个合格的设计师
可能是因为你渐变叠加的中心位置改变了,如果你编辑渐变叠加时,鼠标去画布中拖动,渐变位置会变化,你应该是往右边拖动了
AI作图PS切,看个人习惯咯。
切图可以前端做,因为要考虑如何实现最优加载。UI设计师切图不会考虑网络环境,不会考虑加载速度等问题。
ngSplit是一款方便的png图片分割软件,有时候想将png图片分割成图片,就不会再用png图片分割工具进行分割,直接用这个png分割工具就可以快速分割出png图片
如果是用Setch的话下一个Zeplin 以后再也不用标记和切图啦,免费版只支持一个项目,不过也够用了
手机程序一般切三套图,加一个布局就能适应主流手机;Pad适配比较繁琐至少要切两套图,加上两个布局才能适应主流pad;pad程序分辨率不变,屏幕尺寸随时会变,用px像素单位写死是最容易的完全能够适应不同尺寸的变化。...
用好这两个就不错了,此外,PPT做设计方案呈现,这个也很重要
可通过插件在Sketch、PS、XD及Figma中进行切图,在PS中,用切片工具切图,然后切换到Dreamweaver(中文是梦想编织者,网页设计软件)里用的。
有一个误区!UI设计的分辨率适配不是美术设计师的工作,而是前端开发人员的工作,美术人员只要提供主要屏幕的图纸即可,其他分辨率前端开发人员在编写代码的时候会自动适配。但是美术设计人员需要做好以下工作,否则前端人员无计可施!1.设计页面的时候所有的...
切图的目的就是更加精确的进行网页布局。photoshop、fireworks等软件都带有切片工具。
最多设置5个标签!
有个岗位叫做UI重构(也叫UI开发),职责是将设计稿在web页面或者移动端上重新绘制出来。
也就是说UI重构们的画笔不太好用,没法还原设计师天马行空的稿子。
所以需要把一些原件切出来,用图片形式展示出来。
后来我们有了HTML5/CSS3/各种nb到不行的前端框架,这些工作就简单多了。
但开发工具的牛掰程度还是有限的,毕竟设计师和前端都有自己的理想和追求。
用什么方法去做,这是UI重构需要负责的问题,他可能需要切图,也可能只需要标注,这些解决方案都是UI重构思考以后给出来的。作为设计师,更重要的是把界面设计得好看好用。
因此这其实是一个前端开发的问题,作为设计师可以了解一下“CSS盒模型”。
切图本应该是前端工程师的工作吧,设计师切的图往往不专业,他们不知道把图片压缩,不知道把图片合并,更不知道给图片更好命名,这样前端拿到切图还是要重新处理。优秀的设计师会把图层分类做的很好,图层按照模块化设计,很方便前端工程师来使用的。不会切图的前端不是合格的前端。图层乱七八糟的设计师也不是个合格的设计师
相关问题推荐
可能是因为你渐变叠加的中心位置改变了,如果你编辑渐变叠加时,鼠标去画布中拖动,渐变位置会变化,你应该是往右边拖动了
AI作图PS切,看个人习惯咯。
切图可以前端做,因为要考虑如何实现最优加载。UI设计师切图不会考虑网络环境,不会考虑加载速度等问题。
ngSplit是一款方便的png图片分割软件,有时候想将png图片分割成图片,就不会再用png图片分割工具进行分割,直接用这个png分割工具就可以快速分割出png图片
如果是用Setch的话下一个Zeplin 以后再也不用标记和切图啦,免费版只支持一个项目,不过也够用了
手机程序一般切三套图,加一个布局就能适应主流手机;Pad适配比较繁琐至少要切两套图,加上两个布局才能适应主流pad;pad程序分辨率不变,屏幕尺寸随时会变,用px像素单位写死是最容易的完全能够适应不同尺寸的变化。...
用好这两个就不错了,此外,PPT做设计方案呈现,这个也很重要
可通过插件在Sketch、PS、XD及Figma中进行切图,在PS中,用切片工具切图,然后切换到Dreamweaver(中文是梦想编织者,网页设计软件)里用的。
有一个误区!UI设计的分辨率适配不是美术设计师的工作,而是前端开发人员的工作,美术人员只要提供主要屏幕的图纸即可,其他分辨率前端开发人员在编写代码的时候会自动适配。但是美术设计人员需要做好以下工作,否则前端人员无计可施!1.设计页面的时候所有的...
切图的目的就是更加精确的进行网页布局。photoshop、fireworks等软件都带有切片工具。