虽然草图更适合设计师,但近年来越来越多的产品经理用草图代替Axure来设计原型。画图快、操作简单、使用方便是Axure的巨大优势,但交互一直是速写的软肋。在这篇文章中,我们来看看作者是如何解决的。
素描对于很多做设计或者做产品的朋友来说应该不陌生。是波希米亚编码团队打造的矢量绘图应用软件。它于2010年首次发布,随后于2012年获得苹果颁发的ADA设计奖。从产品开发和功能强调的角度,很多人认为Sketch是专门为UI设计师设计的,擅长UI设计,比如图形拼接、文字渲染、样式链接等等。
毫无疑问,素描、Photoshop、Illustrator等矢量绘图工具是设计网页、图标、界面的最佳方式。不同的是,素描也可以用来制作精美的交互原型。虽然与其他原型工具相比,存在一些不足,但也有一些亮点。下面将具体介绍草图原型制作,包括边肖推荐的一些功能,帮助你更好更快的完成原型制作。
一、如何使用Sketch做原型?
素描近年来开始流行,逐渐成为设计师、产品经理等互联网从业者的新宠。原因在于它提供了强大而全面的功能支持,使得产品设计“优雅”且“可预测”。
1. 设计模板
Sketch自带2000多套模板,包括网页、iOS、线框、原型等项目的现成模板,可以免费下载使用,省去在网上各种非正规渠道找资源的麻烦。每个模板包含各种常用控件,如状态栏、导航栏、键盘等。在ios中,方便又精致。如果把这些控件的制造工艺拆开,也能给我们提供更多的设计灵感和思路。
除了Sketch,其他工具还提供了针对“社交”、“购物”、“新闻阅读”等不同应用类别的完整项目模板,其中Mockplus还支持直接将模板页面拖拽到软件中进行设计。
00-1010在Sketch自带的模板(即构件表单)的基础上,可以选择新建一个文件作为模板,然后根据具体情况复制使用所需控件。此外,您还可以选择创建自己的模板,灵活地维护它们,并在不同的项目中使用它们。这实际上类似于Mockplus master函数,可以帮助在多个页面和画板中重用组件和模板内容。即开即用,方便快捷。
00-1010需要注意的是,Sketch的“组件”和“文本样式”都保存在某个文件中,不能在不同的文件中共享。因此,需要通过两种方式维护草图原型文件:一个页面一个版本的原型内容,或者一个画板一个功能点模块点原型内容。
2. 组件复用
Sketch支持以画板为单位导出,但导出的设计多为图片、PDF等格式,需要借助三方插件进行后期交互设置。最新的3.2版Mockplus可以无缝连接从Sketch导出的文件,有助于交互、团队合作和逻辑展示。
1.草图直接导出MP文件
Mockplus支持将Sketch的设计文档导出为Mockplus的MP项目文件。导出后可以直接在Mockplus中打开编辑。多种交互设置(组件交互、页面链接、交互状态)、高度可视化的交互设计、高度封装的智能交互组件、交互命令等功能绝对独家,简洁高效。
2.支持作为Mockplus团队项目发布
同时,Mockplus支持将草图文档发布为Mockplus云项目,支持多人协作和实时评审,提高开发团队的生产力,大大降低沟通成本。其中,可以在原型页面上进行注释,在页面任意位置使用箭头、文字、矩形、画笔等工具进行标注和说明。沟通非常清楚。
3.您可以插入新的草图页面。
在Mockplus团队项目中,您可以插入一个草图页。每个画板都可以作为单独的页面导入。
00-1010毫无疑问,Sketch非常适合做可视化效果图,但如果是有交互、团队协作支持、逻辑流程展示的原型项目,那么可以试试Mockplus即将推出的Sketch三方插件工具,一键导出Sketch画板,上传到云项目。精致的交互原型瞬间在手!
作者:mo311
原地址:http://www.cocoachina.com/design/20170824/20307.html
来自Unsplash的图像,基于CC0协议。