ui设计中的切图是什么

  切图是设计师交付给开发人员的产物之一。在设计稿完成后，设计师需要把它切成可以很容易地做成页面的图片。切图是指将设计稿切割成便于制作成页面的图片，并完成HTML + CSS布局的静态页面。下面一起和遵义天琥设计培训学校详细了解一番！

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

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

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

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

  2.切图的作用

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

  考虑超越“图片”的角度思考并且实现更高阶的效果。例如，需要考虑PC端和移动端不同的分辨率;使用 Responsive 的布局的话切图应该怎么切;是否有必要切割两套;当遇到iPad或RMBP高清屏幕时，如何处理网页中的图片和背景;否可以应用一些新技术，如Web字体、字体图标、css3中的新功能来减少网页中的图像数量等。遵义天琥设计培训学校的内容分享今天就到这里了，希望对大家有所帮助！

尊重原创文章，转载请注明出处与链接：http://zythjy.5zix.com/news/94319/ 违者必究！ 以上就是遵义天琥设计培训学校 小编为您整理ui设计中的切图是什么的全部内容。

---

• ← 电商美工怎么学习好呢
• 网页设计是做什么 →