设计页面要求及规范
主要是几个页面
1.欢迎页
2.首页
3.菜单框
4.注册与登录
5.弹出窗口
6.动态展示交互
7.详细页
8.搜索页
设计尺寸规范
状态栏(status bar)、导航栏(navigation)、主菜单栏(submenu)、内容区域(content)。
Logo出矢量图512*512 icon:29*29 72*72 512*512
iphone
窗体顶端
1.尺寸以及分辨率
320*480,640*960,640*1136 网页和移动的UI用72px
2.界面基本组成元素
iPhone的APP界面一般由状态栏、导航栏、主菜单栏和中间的内容区域组成。因为宽度是固定的,所以设计开发起来很方便。下面我们说说这些“栏”的尺寸吧:
状态栏:高度 40px
导航栏:高度 88px
主菜单栏:高度 98px;
内容区域:高度为:734px
导航菜单如果640*1136是910px
iPhone5/5s的640*1136的尺寸,其实就是中间的内容区域高度增加到910px。
3.字体
窗体顶端
32~36px 32px,注释等提示文本28px。
窗体底端
窗体顶端
不同则img-line.png,***************
窗体顶端
Android
1.尺寸以及分辨率
提到Android的尺寸,480*800、720*1280。点9切图所有手机的适配。
Android界面尺寸:480*800、720*1280、1080*1920。
2.界面基本组成元素
与ios的一样,还是有状态栏、导航栏和主菜单栏,以720*1280的尺寸,状态栏的高度应为50px,导航栏的高度96px,主菜单栏的高度96px。内容区域高度为:1038px(1280-50-96-96=1038) 窗体底端
Android系统采用可自适应的屏幕支持,由于屏幕尺寸种类繁多,简单可归为ldpi(240*320)、mdpi(320*480)、hdpi(480*800)、xhdpi(720*1280)
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论