如何用Sketch制作精致的交互原型？

2017-10-09 12:20:11 来源：易采站长用户投稿作者：人人都是产品经理

　　固然Sketch更合适设想师利用，可是正在近来几年，愈来愈多的产物司理利用Sketch替代Axure设想本型。出图快、易操纵、易上脚是Axure的宏大劣势，可是交互不断是Sketch的硬伤。正在那篇文章，一同去看看做者怎样处理。

　　对许多做设想或产物的小同伴们去道，Sketch该当没有会生疏。它是一款由Bohemian Coding团队一脚挨制的矢量画图使用硬件，最后公布于2010年，后正在2012年枯获Apple公司ADA设想奖项。从产物开辟及功用偏重面去讲，许多人会以为Sketch是专为UI设想师挨制、善于也只能用于UI设想，好比：图形拼接、笔墨衬着、款式链接等等。

　　毫无疑问，像Sketch、Photoshop、Illustrator那类矢量画图东西，是停止网页、图标和界里设想的最好方法。差别的是，Sketch也能够用于造做精美的交互本型，固然相对别的本型设想东西去讲会有不敷，但也没有累明面的地方。上面将详细引见Sketch本型造做，此中包罗小编重面保举的一些功用，协助您更好、更快天完成本型设想。

　　1、怎样利用Sketch做本型?

　　Sketch是正在近来几年水起去的，且逐步成为设想师、产物司理等互联网从业职员的新辱。究其本果借是正在于，它供给壮大且片面的功用撑持，让产物设想有“颜”有“料”。

　　1. 设想模板

　　Sketch自带有超越2000套模板，此中包罗网页、iOS、线框图、本型等项目标现成模板，能够免费下载战利用，省来了从网上各类非正轨渠讲找资本的费事。每一个模板中包罗了各种经常使用的控件，如ios中的形态栏、导航栏、键盘等，费事并且精美。假如对那些控件的造做历程停止拆解，也能给我们供给更多的设想灵感战思绪。

　　除Sketch中，别的东西借供给有闭于“交际”、“购物”、“消息浏览”等差别使用分类的完好项目模板，此中Mockplus借撑持将模板页里间接拖用硬件，停止设想。

6e555764e24cb8feeba1e35253d39f21

　　2. 组件复用

　　正在Sketch自带的模板(即组件情势)根底上，能够挑选创立一个新文件为模板，然后按照详细状况，将需求的控件停止复造利用。别的，借能够挑选本人创立模板，同时灵敏天停止保护，利用正在差别的项目中。那面实在相似于Mockplus母版功用，能协助正在多个页里战绘板中反复使用组件、模板内容。即拖即用，便利快速。

　　3. 本型文件保护

　　需求留意的是，不管是Sketch的“组件”借是“文本款式”，它们皆被保留正在某一文件中，而不克不及正在差别文件中同享。因而，需求以1个页里显现1个版本的本型内容，大概以1个绘板显现1个功用面模块面本型内容，那两种方法去保护Sketch本型文件。

　　2、怎样利用Sketch做交互战团队合作?

　　Sketch撑持以绘板为单元停止导出，但导出的设想多为图片、PDF等格局，需求借助三圆插件停止前期的交互设置。而Mockplus最新推出的3.2版本，便能无缝对接从Sketch导出的文件，正在交互、团队合作及逻辑展现等圆里减油助力。

　　1. Sketch间接导出MP文件

　　Mockplus撑持将Sketch的设想文档，导出为Mockplus的MP项目文件。导出后，可间接正在Mockplus中翻开、编纂。多种交互设置方法(组件交互、页链接、交互形态)，下度可视化的交互设想，下度启拆的智能交互组件，交互号令一键主动复原等功用，尽对独家一切、简约下效。