APP界面设计之尺寸介绍

1.尺寸以及分辨率

　　iPhone的界面尺寸不用多说，640*960是基本OK的，也能够是适应5S的640*1136，立刻iPhone 6也快来了（随便吐槽一下网上曝的真机谍照，真是丑到离谱...），只要宽度不变都好说。至于像素问题，网页和移动的UI用72px就能够了，没必要纠结。

2.界面基本组成元素

　　iPhone的APP界面通常由状态栏、导航栏、主菜单栏和中间的内容区域组成。由于宽度是固定的，因此设计开发起来很方便。下面咱们说说这些“栏”的尺寸吧：

　　状态栏：显示运营商、信号和电量的区域，高度 40px

　　导航栏：显示当前页面名称，包含页面“返回”等功能按钮，高度 88px

　　主菜单栏：显示在页面下方的区域，通常做为分类内容的快递导航，高度 98px

3.字体大小

　　iPhone上的英文字体为：HelveticaNeue，至于中文，通常是冬青黑体或是黑体-简。有关文字的大小根据不一样类型的APP都有不一样的定义，可是百度用户体验部提供了这样一份统计资料：阅读最温馨的长文本大小在32~34px之间，短文本为32px，注释等提示文本为28px。无论是否赞成，至少人家有数听说话，你也能够把以为好的应用截图放进PS里对比看，从而调试本身设计的文字大小。

 

 

 

　　总之，方法不少，我的的审美也不同，有人故意把字作大以突出个性，本身实践，把数据做为参考，多作几款应用心中也就有数了，比看再说教程或者说明有用！

 

 

Android篇

1.尺寸以及分辨率

　　提到Android的尺寸，让多少设计和开发抓耳挠腮，数不清的机型和尺寸，重复的适配。这里咱们就说些主流的设计尺寸吧，好比480*800、720*128。很长一段时间内，咱们都在用480*800，可是安卓手机分辨率的发展众所周知的愈来愈大，因此我建议使用720*1280这个尺寸来设计，切图上能够点9切图作到全部手机的适配。

2.界面基本组成元素

　　与ios的同样，仍是有状态栏、导航栏和主菜单栏，以720*1280的尺寸来设计，那么状态栏的高度应为50px，导航栏的高度96px，主菜单栏的高度96px。由于是开源的系统，不少厂家都把安卓系统“玩坏”了，这里的数值也只能做为参考，好比魅族flyme状态栏是正常的两倍高，还有不少厂商也在界面上相近办法。

　　Android为了区别于IOS，从4.0开始提出了一套HOLO的UI风格设计风格，鼓励将底部的主菜单栏放到导航栏下面，从而避免点击下方材料误点虚拟按键，不少APP的新版中也采用了这一风格，好比微信。就前不久的I/O大会上，最新的Android L正式揭开面纱，宣布了安卓全面进入扁平化时代。

 

3.文字大小

　　Android的字体为：Droid sans fallback，这是谷歌本身的字体，与微软雅黑很像。一样百度也提供了一份统计数据，可是我的以为已过时，如今没有太大意义，由于他们是以480*800的分辨率做为测试，测试结果是阅读最温馨的长文本为27px，短文本也是27px，注释备注文本21px。具体仍是要你们将作好的界面放到同分辨率的手机上看为准！