Axure产品原型网 产品经理资源分享与下载
Axure产品原型网
网站首页 精选推荐 限时免费 最新发布 产品原型 网盘资源 产品资料 产品文章
首页 产品文档 【移动端交互规范】02 交互稿模板

【移动端交互规范】02 交互稿模板

类型: 产品文档  作者: 日光倾城
02-16 23:35  523 
积分: 0
立即下载

02 交互稿模板 适用场景:使用模板创建交互稿可以减少搭建交互稿的工作量;同时规范的格式有利于设计的结构化展开; 模板的信息呈现、样式布局更加合理,阅读起来更加轻松;此模板可以在资源下载中下载。【移动端交互规范】02 交互稿模板 交互说明: 1. 交互稿结构2. 网格及字体使用 交互稿的组织原则是:以流程为核心载体,每个页面只交代1个主要 流程,分出来的流程单开页面。每一个交互稿主体都由以下几个层级 组成,强烈建议按照下述结构进行呈现: 平台 > 功能 > 主流程 > 附属流程 • PS1:流程,一定意义上可以看做是“小功能”。比如评论即可以看 做是浏览朋友圈的一个附属流程,也可以看做是一个小功能。 • PS2:如果平台(iOS、Android…)之间的差异不大,也可以去掉“ 平台”这个层级,将平台差异打散放在具体的页面中。 • PS3:对于界面元素的状态描述、小微流程、参数说明这些细节,可 以在相应界面下方通过“交互说明”的形式呈现,无需单独开设一页 。 网格 此模板中使用了网格系统(Grid System),用以保障信息呈现的清晰明了(规则交互稿)。与此同时 ,网格系统的使用,可以让“对齐工作”变得非常容易,甚至不用鼠 标拖动。 设置网格:打开“布局-栅格与辅助线-网格设置”,按照参数进行设 置,样式中的线条颜色设置为#E4E4E4。同时,需要将所有页面的背 景设置为浅灰色。操作方法为:打开“项目-页面样式编辑”,设置 “背景颜色”为#F2F2F2。 字体 为了交互稿效果和你设计的一致,而不是出现宋体、字体错位、无故 折行这些现象。选择正确的字体非常重要。经过多次测试,建议整个 交互稿使用如下字体: 字体:萍方(PingFang SC)【移动端交互规范】02 交互稿模板 常规:PingFang SC - Regular 粗体:PingFang SC - Semibold 字号:不小于13号( ≥13 )

Axure产品原型网所有资源均为网友主动上传分享,版权归原作者和原版权方所有,Axure产品原型网旨在产品经理之间的学习交流。 如资源侵犯到版权方,请点击上方举报,站长核实后会第一时间移除,谢谢!
【移动端交互规范】02 交互稿模板 资源评论
发布 98
下载 3
积分 93