欢迎您,游客。您可以选择 注册 一个新的帐户,或者用已有的帐户 登陆 本站。

ope体育滚球:摆放产品展示图解读交互稿模板:如何让设计稿更规范化? 开始下载

  • 软件大小: [!--filesize--]
  • 软件语言: [!--language--]
  • 软件类别: [!--softtype--] / 产品展示
  • 运行环境: [!--softfj--]
  • 授权方式: [!--softsq--]
  • 软件等级:
  • 整理时间: 2019-06-27 18:16:41
  • 相关链接: [!--homepage--]
  • 插件情况:
  • 贴心提示: 本软件经过本站测试,但请下载后再次进行查毒
  • 卡巴检测: 安全 瑞星检测: 安全 江民检测: 安全 麦咖啡检测: 安全

进入论坛相关讨论区

界面预览(点击查看大图):

ope体育滚球:摆放产品展示图解读交互稿模板:如何让设计稿更规范化? 简介

  想必作为一个新人,很难完全弄清上面的问题。其实想要画出一份合乎规范的交互稿并不难,只需找前辈的稿子参考一下就能习得十之六七。但由于设计稿大多涉及企业机密,有着较强的产权属性,所以一般很难接触到。

  交互稿是否只需包含设计方案即可?其实不然。交互稿兼具设计展示、上下游协作、过程记录、版本管理几种作用,所以交互稿一般至少具有以下几个部分的内容:

  首先需要说明的是,“把所有界面放在一个画布上的无结构式交互稿”一定是不对的,这是很多新人经常会犯的错误。因为这种做法无法适应大型稿件,而且开发同学在错综复杂的网状设计稿中找信息,也是着实辛苦。

  交互稿的结构,应该根据产品信息架构搭建。比如下图是网易云音乐“本地音乐”模块的信息架构和交互稿目录,由产品信息架构可以推导出交互稿目录。可以发现这种一一对应的交互稿目录结构,非常清晰易懂。

  交互稿结构应当遵循“平台–页面–子页面”这样的原则(下图,这里说的页面不是界面,而是指“一页交互稿”)。每一个页面中承载的对象有2种,一种是单界面,另一种是界面流程(后文解释)。

  什么是“单界面”、“界面流程”?单界面相对容易理解,比如上图中的“首页”,就只需要在交互稿的这一页中放置一张“首页”的线框图即可,也就是所谓的“单界面”。那么界面流程是什么呢?其实就是多个界面的串联图(如下图所示)

  什么情况下需要使用“流程界面”呢?所有APP都由界面组成,而界面上的元素可以归为3类:内容、入口、功能。“界面流程”一般用来阐述一项“功能”。究其原因,功能与内容和入口都不同,功能一般需要“一连串操作”,比如登录功能、搜索功能。此时我们再看上面的案例,ope体育滚球就会很容易理解了。

  确定了页面内容后,内容的布局也很重要。布局不好就会显得乱糟糟的,怎么处理布局问题呢?笔者提供一个“网格系统”(下图),可以让设计稿很有“秩序感”。具体而言,在Axure的“布局-栅格与辅助线-网格设置”中设置间距为40px的网格(40px是常见界面尺寸320、360、640、1080…的公约数),然后尽量保证所有的元素贴齐网格即可。使用后你会发现自己的交互稿变得尽然有序,且美观很多。

  每个交互稿页面应当最多承载一条“流程界面”,多出的流程可以新开子页面。从而保障每一页交互稿都是点状或者线状的,而不是网状的,因为网状的交互稿很难阅读,阅读者需要纵横双向滚动屏幕寻找信息(下图是反例)。

  设计说明是向开发同学传递设计信息的重要存在,如果设计说明位置杂乱、对应关系不好、可读性差,很容易让开发同学“不太想看”(很常见),最终造成设计还原度底,沟通成本增高等问题。

  当需求逻辑需要写很多的时候应该如何放置界面流程,认为需求放置在界面右侧可读性较强,但这样就无法做流程了

  部分图片没显示呢,刚进入设计行业,感觉需要学习的太多了,目前在使用Mockplus临摹产品,ope体育滚球感觉很赞!

  人人都是产品经理(是以产品经理、运营为核心的学习、交流、分享平台,集媒体、培训、社群为一体,全方位服务产品人和运营人,成立8年举办在线+期,线+场,产品经理大会、运营大会20+场,覆盖北上广深杭成都等15个城市,在行业有较高的影响力和知名度。平台聚集了众多BAT美团京东滴滴360小米网易等知名互联网公司产品总监和运营总监,他们在这里与你一起成长。

  张家界本地网招聘信息网络营销上机实训

本文转自当客资源站

ope体育滚球:摆放产品展示图解读交互稿模板:如何让设计稿更规范化? 下载地址

Tag: 摆放产品展示图

ope体育滚球:摆放产品展示图解读交互稿模板:如何让设计稿更规范化? 说明

  • 如无特别注明,本站压缩包解压密码均为
  • 如果下载不了请按这里报告错误(请务必填写邮箱地址,修复后会联系您)。
  • 为了保证您快速的下载速度,我们推荐您使用[网际快车]等专业工具下载。
  • 为确保下载的软件能正常使用,请使用[WinRAR v3.62]或以上版本解压本站软件。
  • ope体育滚球:摆放产品展示图解读交互稿模板:如何让设计稿更规范化?为网上收集,若无意中侵犯了您的版权,请与我们联系

ope体育滚球:摆放产品展示图解读交互稿模板:如何让设计稿更规范化?评论   发表评论

回到顶部