交互设计7-移动端设计规范.pptxVIP

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