如何切图生成链接网页？
时间：2024-02-16 04:15:01 | 来源：网站运营
时间：2024-02-16 04:15:01 来源：网站运营
如何切图生成链接网页？：说到切图，在UI设计师还叫美工的那个时代，是要把设计稿做成静态html的，也就是你所说的“一个设计好的页面切图生成有链接的那种”。这就要求设计师必须具备html+css技能。那时候的互联网公司分工不细致，没有很明显的UI、产品、交互等职位区分，美工一个人都可以全包，从那时候过来的UI设计师能力比较全，能负担和解决很多问题。
不过现在，在互联网公司工作细分、越来越多非设计行业人员加入UI设计的背景下，很多UI设计师理解的切图仅仅是把图片资源导出来，比如jpg、png等资源，整理好文件夹发给技术而已，主要时间和工作内容都在视觉设计这一块。
所以导致设计师和前端之间沟通、协作有问题。还有很多刚入门的UI设计师会把UI和平面混为一谈，觉得UI画的东西很简单、觉得UI工作不多、觉得UI工资高才转的行。原因有人们的趋利心理、从众心理、UI培训行业的广告影响等等。
这就造成了相当多比例的UI设计师没有特点、优势，你会的市场上一抓一大把的设计师也会，没有自己的核心竞争力，手绘画不好、动效做不了、产品交互靠嘴炮……与市场要求的T字型人才相差甚远。
目前在很多设计平台上涌现一些UI大牛，有自己的个人网站、前端技能吊炸天、全栈能力强，吸引了众多新手膜拜，所以现在有很多UI设计师开始接触前端技能这块，开始找回美工时代失去的技能。
所以说，基础的前端在目前的大环境下是一个UI设计师应该有的能力，比如可以解决你的这个痛点需求。
用PS导出切图之后成web格式png，接下来你就要去编写html+css了，入门教程很多，给你推荐两个
一个是w3school的html教程，学完后看css教程，如果还想学，就接触css3和动画，有兴趣还想继续深入，就接触jquery，还想进行突破，就看javascript。基本设计师需要学的都差不多了，html、css、js就是基础前端三大内容，当然js没必要学很透彻，了解即可，多看看html+css。这个教程比较权威。
可能你会觉得w3school的教程很没意思、枯燥、甚至觉得孤单，推荐你看慕课网的html+css前端教程。里面的讲解很丰富，很多人和你一起讨论，你的问题也有人解答，还有对应练习，推荐这个。学历路径和上面一样。
当你学的差不多了，可以把自己的个人网站做出来、建站生成链接的时候，相信我，你的薪资绝对比现在高。如果你还想提升下UI工作中的效率，可以关注我的网站——专门分享UI相关经验、工具、效率的UI黑客，相信你会从中学到很多不一样的UI技巧。
在线咨询
