移动建站：移动设备的界面设计尺寸

yizuo78

1、尺寸及分辨率
iPhone 界面尺寸：320x480、640x960、640x1136
iPad 界面尺寸：1024x768、2048x1536
（以上单位都是像素哦，至于分辨率一般网页UI和移动UI基本上都只要 72 ppi）
当然，在设计的时候并不是每个尺寸都要做一套，尺寸按自己的手机尺寸来设计，比较方便预览效果，一般用 640x960 或者 640x1136 的尺寸设计。
P.S. 作图的时候确保都是用形状工具（快捷键：U） 画的，这样更方便后期的切图或尺寸变更~
2、界面基本组成元素
iPhone的APP界面一般由四个元素组成，分别是：状态栏、导航栏、主菜单栏以及中间的内容区域
这里取用 640x960 的尺寸设计，那我们就说说在这个尺寸下这些元素的尺寸：
状态栏：就是我们经常说的信号、运营商、电量等显示手机状态的区域，其高度为：40 px
导航栏：显示当前界面的名称，包含相应的功能或者页面间跳转的按钮，其高度为：88 px

　　金豹网(www.wangzhuanbbs.cn)，成立于2005年，已经10年历史，是网赚界久负盛名的资源论坛，2014年11月，我们全新改版，以分享大量网赚教程、网赚工具、网赚经验、网赚视频为主，是您网赚路上的良师益友！欢迎大家重新认识我们，重新和我们一起踏上网络赚钱的征程！

　　快乐分享，方便你我！金豹网所有资源、教程、视频、源码、工具等，均完全开放式分享，无需密码，无需回复，无需任何条件，欢迎您随时下载学习，如遇个别资源出现下载不了的情况，请第一时间反馈给我，联系QQ：526867082 我们将在第一时间补齐资源。同时欢迎有一技之长的赚友加入金豹网，我们将改变网赚界现有格局，以包容、分享、健康、合法为基础，开创网赚行业的新未来！

　　教程下载地址：移动设备的界面设计尺寸.doc(259.5 KB, 下载次数: 87)2015-11-11 23:02 上传
点击文件名下载附件
移动建站：移动设备的界面设计尺寸