ui设计中的切图是什么
切图是设计师交付给开发人员的产物之一。在设计稿完成后,设计师需要把它切成可以很容易地做成页面的图片。切图是指将设计稿切割成便于制作成页面的图片,并完成HTML
+ CSS布局的静态页面。
1.ui设计中的切图是什么
切图是设计师交付给开发人员的产物之一。在设计稿完成后,设计师需要把它切成可以很容易地做成页面的图片。切图是指将设计稿切割成便于制作成页面的图片,并完成HTML
+ CSS布局的静态页面。
通俗来讲,就是利用切片工具把自己需要的图片切成一张张小图,然后用DIV+CSS完成静态页面编写,完成CSS布局。
切图的目的:第一个是让网页稿具有交互性,实现平时看到的各种功能。第二个是优化体积。在切图的时候一定要注意少使用图片工具,现在主流是Dreamweaver,使用DIV
+ CSS布局可以减少网页体积,也有一些公司自己开发平台进行制作。
2.切图的作用
有利于优化图片输出体积;有利于优化CSS Sprite减少请求,也有利于优化减少自己后期网站改版升级时候工作量。这部分需要很多前端方面的知识。
考虑超越“图片”的角度思考并且实现更高阶的效果。例如,需要考虑PC端和移动端不同的分辨率;使用Responsive
的布局的话切图应该怎么切;是否有必要切割两套;当遇到iPad或RMBP高清屏幕时,如何处理网页中的图片和背景;否可以应用一些新技术,如Web字体、字体图标、css3中的新功能来减少网页中的图像数量等。
网页设计与ui设计的区别
网页设计和UI设计都是随着互联网的快速发展而发展的,众多设计师中,网页设计转行UI设计者不在少数,而UI设计是个新兴行业,大多数人都是其他行业转行而来。
在解答两者区别前,首先先理清两者的概念。网页设计是根据企业希望向浏览者传递的信息(包括产品、服务、理念、文化),进行网站功能策划,然后进行的页面设计美化工作。
而UI设计的UI即User Interface(用户界面)的简称,UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。
网页设计又称Web UI。UI即是用户界面,UI设计则是用户界面设计师,网页设计也是界面设计,从广义的角度来讲网页设计是UI设计的一个分支,UI设计包含了网页设计。
UI设计与网页设计的区别,在于两者侧重点不同。网页设计侧重于代码层面,一些前台的技术如HTML,CSS,JQuery,JS等都要熟练掌握,还有网页的版面美工设计和排版,主要运用在互联网上。 UI设计侧重于图像、图标设计和软件类的界面设计层面,主要涉及网站或者app画面,icon,交互的设计,用户体验等。
要从事网页设计,除了需掌握布局方面的知识外,还要懂PS软件,FTP软件,网页三剑客中的软件,还有,如果能学会jsp、asp或php中的一种就可以了,后台数据库只要学会access和sql,或是mysql。如果这些都懂,那既是前台设计师,又是后台程序员了,属于复合性的人才了。
网页、网购、APP已经与我们的生活息息相关,以致各大企业都对UI设计、网页设计格外重视。很多同学、未就业人员都对学习设计蠢蠢欲动。