移动设计联盟 | UI设计平台 - MobileUI莫贝网

标题: 静电的移动端设计开发答疑贴,有问题尽管提. [打印本页]

作者: 静电 时间: 2014-7-2 19:41
标题: 静电的移动端设计开发答疑贴,有问题尽管提.
小伙伴们,在移动端设计和开发过程中,大家一定会遇到各种各样的问题.
在本贴中,静电和大家一起探讨移动端产品设计和开发中的各种疑问,欢迎大家在回帖中踊跃提问,静电将在最短时间内给大家回复.
还等什么,快来提问吧!

作者: 静电 时间: 2014-7-2 19:49
大家请多多支持哈.

作者: 你是我的小苹果 时间: 2014-7-3 09:17
先支持一个。。。

作者: 黑桃A 时间: 2014-7-5 08:58
请问做iphone手机UI的字体是多大的？

作者: 静电 时间: 2014-7-5 10:24

黑桃A 发表于 2014-7-5 08:58
请问做iphone手机UI的字体是多大的？

字体会比网页字号稍大. 一般20号往上. 这个需要根据你设计稿的效果来. 建议做偶数字号. 做好可以使用psplay把效果图放手机上看效果,觉得合适即可. 字号避免太小影响阅读.

作者: 纯净 时间: 2014-7-8 10:05
老师，你好。拿到原型后，做设计的应该如何展开设计？

作者: 静电 时间: 2014-7-8 21:31

纯净发表于 2014-7-8 10:05
老师，你好。拿到原型后，做设计的应该如何展开设计？

拿到原型后,就可以根据我教程的方法一步步的开始设计了. 原型是低保真图,设计稿是高保真图,就是和上线后手机上看到的图一模一样的,所以务必按照最细致的方法来进行设计.可以用photoshop,fireworks或者任何你喜欢的设计软件来进行设计.
教程可以查看这里:
http://bbs.guimobile.net/443-1-1.html

作者: cnvga 时间: 2014-11-5 11:18
大神，我想问您下，现在要适配苹果的4 5 6 以及6PLUS 要做三套图么？尺寸分别为5的 6的以及6PLUS的吗？我可不可以只做其中一个6的，其他的2个图在6的基础上调分辨率转换为5的以及6PLUS的？另外之前看您发的帖子说是6 可以用矢量图，我现在用的AI做的PNG格式，但给开发后，他大图可以变小，小图不能放大。这是什么原因。?说的有点啰嗦，大神费神喽

作者: 静电 时间: 2014-11-5 13:40

cnvga 发表于 2014-11-5 11:18
大神，我想问您下，现在要适配苹果的4 5 6 以及6PLUS 要做三套图么？尺寸分别为5的 6的以及6PLUS的吗？我 ...

只需做6 还有plus的就可以了,也就是@2x @3x的. 一些全屏的图比如闪屏图需要根据每个尺寸来一套也就是 4的 5的还有6plus的. 另外因为矢量素材只支持ios8及以上系统,所以现在用还为时过早,等ios8普及了再用也不迟,否则ios7不兼容可不太好.
最后位图从小拉大会虚, 从大缩小质量基本不会损失,这个你应该知道吧?

作者: cnvga 时间: 2014-11-5 13:52
大神我还想问，那6和plus的，我要分别做2套吗？还是说我做好其中的6 然后调他的分辨率改为Plus 也可以，到时候有问题的地方在微调呢？求大神QQ随时向您请教可否

作者: sww321321 时间: 2014-11-5 16:10
楼主，看到楼上的问题，也想请教一下，请问按6的尺寸做，再调整成5的尺寸，不是等比调整，会有拉伸的影响（或变长、变宽1、2像素），应该怎么做，第一次做app，麻烦多多指导

作者: 静电 时间: 2014-11-5 16:24

sww321321 发表于 2014-11-5 16:10
楼主，看到楼上的问题，也想请教一下，请问按6的尺寸做，再调整成5的尺寸，不是等比调整，会有拉伸的影响（ ...

具体不合适的位置根据大屏幕或者小屏幕单独适配. 程序可以判断设备的.

作者: 静电 时间: 2014-12-14 21:51

cnvga 发表于 2014-11-5 13:52
大神我还想问，那6和plus的，我要分别做2套吗？还是说我做好其中的6 然后调他的分辨率改为Plus 也可以， ...

只有@2x @3x, 2x对应iPhone4,5,5s,6 @3x对应plus

作者: ivyaii0712 时间: 2015-3-3 14:50
ppi在设计时不用理会吗？

作者: 静电 时间: 2015-3-7 20:27

ivyaii0712 发表于 2015-3-3 14:50
ppi在设计时不用理会吗？

首先你需要搞清楚ppi的定义，在设计软件中，保持默认的ppi值即可。

欢迎光临移动设计联盟 | UI设计平台 - MobileUI莫贝网 (http://un.mobileui.cn/)