APP界面主要设计规范
承诺书的法律效力
APP界⾯主要设计规范
IOS:
燕字组词>小学三年级数学教学计划
绩效考核实施⼀般⽤640*1136或者640*960,对plus做单独的修改适配
空调一个小时几度电
Phone界⾯尺⼨:320*480、640*960、640*1136
iPhone6:4.7英⼨(1334×750),iPhone6 Plus:5.5英⼨(1920×1080)
玉米⼆、界⾯基本组成元素
iPhone的app界⾯⼀般由四个元素组成,分别是:状态栏(status bar)、导航栏(navigation)、主菜单栏(submenu),也叫标签栏、内容区域(content)。
PS:在最新的iOS7的风格中,苹果已经开始慢慢弱化状态栏的存在,将状态栏和导航栏合在了⼀起,
但是再怎么变,尺⼨⾼度也还是没有变的,只不过⼤家在设计iOS7风格的界⾯的时候多多注意下~
三、字体⼤⼩
iPhone上的字体英⽂为:HelveticaNeue 。⾄于中⽂Mac下⽤的是⿊体,Win下则为华⽂⿊体(最新字体称为⿊体-简)。
下图是百度⽤户体验做过的⼀个⼩调查,可以看出⽤户可接受的⽂字⼤⼩。
ANDROID篇
⼀、尺⼨及分辨率
Android界⾯尺⼨:480*800、720*1280、1080*1920
Android⽐iPhone的⼨尺多了很多套,建议取⽤720*1280这个尺⼨,这个尺⼨720*1280中显⽰完美,在1080*1920中看起来⽐较清晰,切图后的图⽚⽂件⼤⼩也适中,应⽤的内存消耗也不会过⾼。
状态栏⾼度:50 px
导航栏⾼度:96 px
标签栏⾼度:96 px
Android最近出的⼿机都⼏乎去掉了实体键,把功能键移到了屏幕中,当然⾼度也是和标签栏⼀样的:96 px
内容区域⾼度为:1038 px (1280-50-96-96=1038)
Android为了在界⾯上区别于iOS,Android4.0开始提出的⼀套HOLO的UI风格⼀些app的最新版本都采⽤了这⼀风格,这⼀风格最明显的变化就是将下⽅的主菜单移到了导航栏下⾯,这样的⽅式解决了现在很多⼿机去除实体键后再屏幕中显⽰⽽出现的双底栏的尴尬情景。
三、字体⼤⼩
Android 上的字体为:Droid sans fallback,是⾕歌⾃⼰的字体,与微软雅⿊很像。
具体⼤⼩,可以⾃⼰喜欢的app界⾯,⼿机截图后放进PS⾃⼰对⽐调节字体⼤⼩,切记,⼀定是⾼清截图
使⽤Axure制作的原型,如果你没有设置⾃适应视图的话它是不会⾃动适应任何设备的。
若要解释清楚这个问题需要的篇幅⽐较长,请⼤家⾃⾏参考 Point/Pixel/PPI/DPI 的意思和它们之间的关系。这⾥不再赘述,直接给⼤家提供⼀个常⽤的移动设备尺⼨列表,制作原型时根据查询的尺⼨在axure中设置⼤⼩即可,设计完毕后在⽣成HTML时设置 ⼿机/移动设备 中勾选包含视图接⼝( include
Viewport tag ),并进⾏配置,⽣成HTML后再到相应的移动设备中浏览就正常了。
意思是:你要先确定制作的APP原型要放到什么设备⾥⾯进⾏演⽰,然后才打开Axure开始设计。
如:
iPhone4 320*480
iPhone5  320*568
iPhone6  375*667
iPhone 6 Plus 414*736
Samsung Galaxy S4 360*640

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。