首页>新闻>ui设计中的切图是什么

ui设计中的切图是什么

来源:深圳中公优就业IT培训学校时间:2021/6/17 9:46:00

切图是设计师交付给开发人员的产物之一。在设计稿完成后,设计师需要把它切成可以很容易地做成页面的图片。切图是指将设计稿切割成便于制作成页面的图片,并完成HTML+CSS布局的静态页面。

ui设计中的切图是什么

1.ui设计中的切图是什么

切图是设计师交付给开发人员的产物之一。在设计稿完成后,设计师需要把它切成可以很容易地做成页面的图片。切图是指将设计稿切割成便于制作成页面的图片,并完成HTML+CSS布局的静态页面。

通俗来讲,就是利用切片工具把自己需要的图片切成一张张小图,然后用DIV+CSS完成静态页面编写,完成CSS布局。

切图的目的:个是让网页稿具有交互性,实现平时看到的各种功能。第二个是优化体积。在切图的时候一定要注意少使用图片工具,现在主流是Dreamweaver,使用DIV+CSS布局可以减少网页体积,也有一些公司自己开发平台进行制作。

2.切图的作用

有利于优化图片输出体积;有利于优化CSS Sprite减少请求,也有利于优化减少自己后期网站改版升级时候工作量。这部分需要很多前端方面的知识。

考虑超越“图片”的角度思考并且实现更高阶的效果。例如,需要考虑PC端和移动端不同的分辨率;使用Responsive的布局的话切图应该怎么切;是否有必要切割两套;当遇到iPad或RMBP高清屏幕时,如何处理网页中的图片和背景;否可以应用一些新技术,如Web字体、字体图标、css3中的新功能来减少网页中的图像数量等。

  • 上一篇:web前端到底做什么
  • 下一篇:深圳罗湖web前端培训机构前十名
  • 相关推荐 更多>

    Web前端未来发展趋势

    web前端工程师必备技能有哪些

    深圳学习Web前端课程有哪些

    web前端到底做什么

    ui设计中的切图是什么

    深圳罗湖web前端培训机构前十名

    立即申请体验课名额

    深圳中公优就业IT培训学校

    版权所有:搜学搜课(www.soxsok.com)

  • 在线咨询
  • 电话咨询
  • 微信咨询