2024年设计网页切图方法 篇1
基础来说就是拿到设计的PSD文件,切图做成网页;用到的是HTML,CSS,JAVASCRIPT等之类等语言;图片尽可能等小,代码尽可能等优化,能少些就少些,兼容各种浏览器;目前手机端是一个发展趋势,毕竟可以随时随地的打开手机来获取信息,比起PC端端呈现效果,有着先天的优势,所以要考虑手机端的页面布局,尽可能的做到一个结构代码,显示效果通过CSS的媒体选择来控制PC和手机不同显示效果。现在微信小程序之类的发展再次说明了前段工程师的重要性,相比APP复杂的更新周期,小程序有着独特的优势,轻量化,再也不用手机上面安装一大堆APP来实现各种功能。
往深一点的说就是要学习框架了,好处就是都封装好了,你只需要简单都调用就能实现效果,大大简化了自己写的代码;而且最后生成的代码也比较规范;代码规范这点很重要,等你写的多了,或者改别人的代码多了就知道,规范的代码对效率提升有很大帮助。
再往深发展就是VUE之类的框架了,参考学习吧,想要成大神,迈步过去的坎。
2024年设计网页切图方法 篇2
大部分人或者网上的教程都会告诉你 要用到PS的切片工具,但是我自己琢磨出来一套,不用切片工具 ,分享我的一套切图方法,这个方法从09年沿用到至今
ctrl+shift+e (合并所有图层)
ctrl+m (选框)
ctrl+n 新建
ctrl + c 复制
ctrl+v 粘贴
ctrl+s 保存
切一张图片的顺序之上而下, 一般初近我公司的人我都会有教,包括切图、图片命名,html标签命名,代码规范、css规范,团队协作等都有我们自己的规范和体系
希望对你有所帮助