急求各位开发来解惑设计啊~~~

自己刚开始设计iPhone App没多久，在切图上遇到了很多问题。比较紧急的是：

开发告诉我切图完，图片尺寸最好是偶数的，这样4S和3G上都能比较好的显示（压缩一半）。
可是有些小的图片，贴边（不留透明像素）切完后就是奇数的，例如33px*33px。这种时候要怎么办呢？是留1px透明呢，还是……？？

难道所有细节制作的时候，都要偶数吗？

求各位开发达人解惑……小妹在此跪谢！

33px

解惑

偶数

22 条回复 • 1970-01-01 08:00:00 +08:00

underone

2012-05-15 17:48:03 +08:00

我咋记得有人跟我说两个分辨率分别做一套就好了？如果不做就会用4S的分辨率自动压缩一半显示？
还是我记错了

mepine

2012-05-15 17:48:34 +08:00

爲什麼不能留透明呢？

stcui

2012-05-15 17:50:07 +08:00

细节多的话得单做一张小的，要不会变成一陀

shin_tsao

2012-05-15 17:50:32 +08:00

@underone 开发的意思是，当然如果偶数，自动压缩显示效果更好；但如果不是偶数，就会显示有问题，那么需要做2套。这样产品也会随之相应变大一点（MB）。

underone

2012-05-15 17:57:14 +08:00

@shin_tsao 我觉得如果要考虑体积，不如优先考虑4和3的占有率

feikeq

2012-05-15 18:01:24 +08:00

做一套就行了，缩放一半就是是HD效果。

shin_tsao

2012-05-15 18:17:09 +08:00

@feikeq @underone 那不需要偶图片尺寸数奇数之类的？

underone

2012-05-15 18:19:58 +08:00

@shin_tsao 求专业人士解答... 我的意思其实是如果3的占有率相当小，完全可以忽略这部分.

loading

2012-05-15 18:26:13 +08:00

关键是你是如何把33px做到50%大的，如果是ps简单缩放，和iPhone自己缩区别能多大。。。
如果你自己再重画一张，你可以和ps的自带缩放对比下，缩放算法常用就几个而已，对于小图缩放算法是弱些

shin_tsao

2012-05-15 18:34:58 +08:00

@loading, 如果是ps简单缩放，和iPhone自己缩区别还是有的，自己缩图片会有点怪。PS缩的画，显示多少还是比较正常。
其他的PS缩放算法，我还没在手机上实验过。

wtl

2012-05-15 18:57:55 +08:00

一般而言，你需要两张图片
icon_33_33.png (33pixel * 33pixel)
[email protected] (66pixel * 66pixel)

http://developer.apple.com/library/ios/#documentation/UserExperience/Conceptual/MobileHIG/IconsImages/IconsImages.html#//apple_ref/doc/uid/TP40006556-CH14-SW1

wtl

2012-05-15 19:02:54 +08:00

另外直接缩放好像会糊掉

wtl

2012-05-15 19:06:11 +08:00

似乎是因为一些效果并不会等比例缩放造成
比如一个偏移为2px的阴影缩放后还是2px 并不会自动变成1px或4px 需要手动改

shin_tsao

2012-05-15 19:15:10 +08:00

@wtl 谢谢~我去重温HIG去了~果然要好好看说明……

shin_tsao

2012-05-15 19:27:24 +08:00

@wtl 话说，我的工作流程是反过来的，先做2x的图，然后再缩小……不知道为什么开发一定要偶数的图片尺寸呢…………

wtl

2012-05-15 20:03:53 +08:00

@shin_tsao 你的33pixel*33pixel是针对iPhone4？

需要明确一下，无论是iPhone几，其绘图分辨率都是320point*480point.对于iPhone4，1point=4pixel。
不能因为iPhone4的像素分辨率是640*960，就造出一个33pixel＊33pixel的图片来。
要么是17point=34pixel，要么是16point=32pixel，没有33pixel这么一种分辨率。

magicolor

2012-05-15 20:08:23 +08:00

我的做法是，先做低分辨率的图标（保留矢量格式），然后在X2后再输出，这样就不会有奇数的问题，边界也很干净，不会有发虚

shin_tsao

2012-05-15 22:32:31 +08:00

@wtl @magicolor 如果是这样，那么怎样新建设计文件呢？是320*480 px呢？还是640*960px?怎么设置dpi?

magicolor

2012-05-15 22:38:08 +08:00

@shin_tsao 新建设计文件是神马意思？我好象都没专门设置过dpi，应该是默认的吧；我设计用的是PS，用的PS里的形状工具，也算是矢量格式的了

sharkli

2012-05-15 22:39:48 +08:00

奇数也没关系，用在搞清的设备上正常；但是放在3gs这样的设备上1/2以后，边缘可能会出问题，这时候就需要专门做一张对应的非高清的图。
我们都是只做一套图，@2x的，普通屏幕都是程序自动处理的。遇到效果不好的，专门处理一下。

shin_tsao

2012-05-15 22:47:22 +08:00

@magicolor @sharkli 我总算明白了，看来基本上我们开发和@sharkli一个开发逻辑...默认dpi就是72我记得，和网页设计一样。

shin_tsao

2012-05-15 22:55:02 +08:00

@wtl 不过话说按照@sharkli 的逻辑，33px的也成立咯（这里指iphone4）？如果需要1／2,那么自行缩，效果不太好就在另做。