您好,欢迎访问三七文档
当前位置:首页 > 商业/管理/HR > 质量控制/管理 > 交互设计7-移动端设计规范
IOSIphone界面尺寸Iphone界面尺寸设计稿统一按照1334-750px来设计Iphone界面尺寸iPhone6的界面布局状态栏导航栏内容区域标签栏/菜单栏状态栏导航栏能实现在不同信息层级结构之间的导航,有时候也可以管理屏幕内容。导航栏工具栏包含了对页面或视图中对象进行操作的控件标签栏赋予了用户在不同子任务、视图之间切换的能力。搜索栏可以接收用户输入的文本并将其作为一次搜索输入搜索栏清除按钮导航栏中可放置搜索栏弹出窗口用户轻点一个控件或屏幕上的一个区域时出现的临时内容表格视图平铺型分组型文本视图几种键盘类型活动指示器日期选择器页码控件刷新控件按钮按钮有三种状态,正常、按下、不可用按钮高度必须大于44px文字按钮分类控件通常称为页签开关对话框显示与用户所发起的任务直接相关的一系列选项弹框内容必须包含标题,有时候会包含正文;包含一个或多个按钮Toast临时的弹框用来表示一些提示信息,通常在3s±时间消失;字体样式及大小Ios字体:中文-苹方英文-Helvetica字体大小:36,34px,30px,28px,24px,20px行距1.5-1.8倍的行距是比较适宜的文本内容行距Android字体:中文-黑体-简、华文细黑英文-DroidSansFallback.ttf应用市场图标尺寸在设计iOSAppIcon时,设计师不需要切圆角,直接矩形就可以。App应用市场和启动页尺寸480-320800-4801280-7201080-1920960-6401136-6401334-7501242-2208Android系统切图iOS系统切图•文件格式是透明png格式•1334-750的设计稿对应的是@2x的图,•@2x的图放大1.5倍,是@3x图,适应iphone6plus的机型•文件命名方式文件名ic-weizhi-mingcheng@2x.pngApp标注标注的数值必须是偶数一般标注大小,间距,颜色作业分析竞品App的功能页面要求:各标签页面+内页,数量不少于5个图标需要自己绘制
本文标题:交互设计7-移动端设计规范
链接地址:https://www.777doc.com/doc-5902975 .html