1、取整,所有的宽度和高度都应该是整数,ios有抗锯齿机制,如果尺寸不是整数,本来很清晰的会变得模糊。而且上下左右边缘最好留有一像素以上的透明区域。以防程序员做动画的时候边缘产生锯齿。因为ios是对内部做抗锯齿处理,对边缘是不会做处理的。
2、可重复元素,比如背景图,可以用很小的一小块,平铺开来。还有按钮的左右部分,中间留一像素可以展开就可以。
3、存图和命名,IOS平台需要用到大小两套图形,iPhone3和3GS用的是小图,320x480。而iPhone4和4S用的是640x960的分辨率(iPhone5用的是640x1136)因此腰存成两套图,小图直接后缀png即可,而大图的名字后面需要加一个@2xpng。方便程序区分。
至于Android,为了兼容多平台,一般需要三套不同规格的。
指的是将设计师的设计转化为网页是一种将设计师的“理想”转化为“现实”的工作将psd进行切片重组利用div+cssjs等等前端开发代码来生成网页的一种技术此为切图,不懂的问下绘学霸的在线老师,学习学习
有一个误区!UI设计的分辨率适配不是美术设计师的工作,而是前端开发人员的工作,美术人员只要提供主要屏幕的图纸即可,其他分辨率前端开发人员在编写代码的时候会自动适配。
但是美术设计人员需要做好以下工作,否则前端人员无计可施!
1设计页面的时候所有的图标原素必须提供AI格式或者SVG格式的矢量源文件,否则适配屏幕的时候会出现位图的锯齿。
2进行UI界面设计的时候要满足,无限横向平铺延伸性,避免用复杂的位图做界面缩放。
3充分去理解扁平化设计。
做好以上几点,就无需担心屏幕适配问题,如果你本身是美术兼前端开发,就就得研究SVG代码的使用了,相关知识属于H5CSS编码技术,你可以去了解下。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)