关于手机app原型设计时尺寸不好掌握问题

maohui · 发表于 2014-2-27 15:11:45

最近在设计android app界面原型，有一个问题一直在困惑着我，就是在电脑上用常规的尺寸 540 * 960 设计原型图时，在电脑上看不管怎么看，空间也挺大的，所以就多摆了一些内容，可是一旦放在手机上，就会显得拥堵无比。哎。。。不知道大家有同样的问题没？

对于这个问题，有什么设计标准没？（比如说，在电脑上设计手机端app时一般字体多大，导航栏多大，图标多大？）还是全频经验，不断尝试，不断做。

有木有大神，有好的建议没？

尹广磊 · 发表于 2014-2-27 20:47:09

你打开一个看着正常的App，然后截一下图。
然后把图导入到电脑里，
然后在电脑上做内容时，照着这张图里的字体大小和导航栏大小来设计。
参考：http://www.hiaxure.com/thread-10028-1-1.html

2206030449 · 发表于 2014-3-12 10:31:38

2# 尹广磊

“你打开一个看着正常的App，然后截一下图。
然后把图导入到电脑里，
然后在电脑上做内容时，照着这张图里的字体大小和导航栏大小来设计。”---------------好办法

nevgip · 发表于 2014-3-12 10:35:48

手机上设计以前用过jQuery Mobile，能解决楼主的问题。

Emily0110 · 发表于 2014-5-13 16:27:36

顶起好方法，设计APP放的东西好小。。。

丛琳 · 发表于 2014-5-19 10:43:38

尺寸主要跟最终演示时的平台和演示的辅助软件有关
1. 在PC的浏览器上演示，没必要按照手机的实际屏幕尺寸制作原型，因为演示时会原型的高度会超出浏览器演示范围，需要全部显示的话还需要将浏览器缩放。
2. 在手机的浏览器上演示，大部分的手机浏览器会将页面放大两倍显示，以iPhone 4s为例，屏幕分辨率为640x960，实际原型制作320x480即可，当然缩放比率和页面宽度在Axure导出Html时也可以进行设置。
3. 通过第三方软件在手机上演示，这个就要看具体使用软件的情况了。