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

2012-05-15 17:46:34 +08:00
 shin_tsao
自己刚开始设计iPhone App没多久,在切图上遇到了很多问题。比较紧急的是:

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

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

求各位开发达人解惑……小妹在此跪谢!
4034 次点击
所在节点    iDev
22 条回复
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)
icon_33_33@2x.png (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的,普通屏幕都是程序自动处理的。遇到效果不好的,专门处理一下。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/36049

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX