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

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