用Photoshop设计界面时,不要直接点击存储图片,图片会很大。请在菜单中的文件中找到“存储为Web使用的格式”选项,单击打开该选项。
1.存储JPG。
用Photoshop设计界面时,不要直接点击存储图片,图片会很大。请在菜单中的文件中找到“存储为Web使用的格式”选项,单击打开该选项。图右图设置,图片类型JPEG,根据不同要求设定精度,一般精度高,质量60即可。
2.储存PNG8。
在应用程序中设计的图标主要是用纯色或者平滑的渐变色来填充,并且图标所在的背景是纯色时,可选用PNG8格式图片。
因为PNG8格式没有半透明索引颜色,所以在用Photoshop导出时,原来的半透明转变成不透明。那怎样才能避免PNG8杂边锯齿?方法:设置杂边和背景色一致,可以达到如图所示的视觉透明。
开启Photoshop,在“为Web存储格式”面板中执行如下操作,在杂边选项中选择与背景颜色一致的颜色,如图所示。
使用杂边与背景景色一致,可满足视觉透明,缺点是只能适应一种背景色,在其他背景景色下同样会产生杂边。
图像的比例。
常用图片比例1:1,3:2,4:3和16:9。
1:1的比例通常用于社交应用程序的产品列表,电商应用程序的产品列表,以及选择图片的页面。
比例为3:2,一般用于电商应用的产品详情页,既没有16:9的扁平,也没有4:3显方。
4:3和16:9是常见的照片原始比例,用于显示图片类别的卡片列表页面。