最专业的八方代购网站源码!

资讯热点
如何使用Sketch制作精美的交互式原型?

发布时间:2019-12-2 分类: 电商动态

虽然Sketch更适合设计师,但近年来,越来越多的产品经理使用Sketch而不是Axure设计原型。绘图快速,易于操作,易于使用是Axure的一大优势,但相互作用一直是Sketch的一个缺陷。在本文中,我们来看看作者如何解决它。

对于许多设计或产品的设计师来说,Sketch不应该是陌生的。它是波希米亚编码团队创建的矢量绘图应用程序。它最初于2010年发布,并于2012年获得Apple ADA设计奖。从产品开发和功能焦点的角度来看,许多人认为Sketch是专为UI设计师设计的,擅长UI设计,例如:图形拼接,文本渲染,样式链接等。

毫无疑问,Sketch,Photoshop和Illustrator等矢量绘图工具是设计网页,图标和界面的最佳方式。不同之处在于Sketch也可用于制作精美的交互式原型,尽管与其他原型制作工具相比存在缺陷,但也有一些亮点。以下是Sketch原型的详细介绍,其中包括小编推荐的一些功能,可帮助您更好,更快地完成原型设计。

首先,如何使用Sketch原型?

Sketch近年来一直处于火热之中,并逐渐成为设计师和产品经理等互联网从业者的新宠。原因是它提供了强大而全面的功能支持,使产品设计具有“是”  &“材料&rdquo ;.

1.设计模板

Sketch附带了2,000多个模板,包括用于网页,iOS,线框,原型等的现成模板,可以免费下载和使用,无需从Internet上的各种非正式渠道中查找资源。每个模板都包含各种常用控件,如ios中的状态栏,导航栏,键盘等,保存和精致。如果您拆除这些控件的生产过程,您还可以为我们提供更多的设计灵感和想法。

除了Sketch之外,其他工具还为不同的应用类别提供完整的项目模板,例如“社交”,“购物”,“新闻阅读”,Mockplus还支持将模板页面直接拖到软件中。设计。

2. 组件复用

根据Sketch附带的模板(即组件表单),您可以选择创建新文件作为模板,然后根据具体情况复制所需的控件。此外,您可以选择创建自己的模板,同时保持灵活性并在不同的项目中使用它们。这类似于Mockplus主要功能,它有助于跨多个页面和画板重用组件和模板内容。它易于使用且易于使用。

 3. 原型文件维护

应该注意的是,无论是Sketch的“组件”还是“文本样式”,它们都存储在一个文件中,不能在不同的文件中共享。因此,有必要在一个页面中呈现原型内容的一个版本,或者在一个绘图板中呈现一个功能点模块点原型内容,并以两种方式维护Sketch原型文件。

二、如何使用Sketch做交互和团队协作?

Sketch支持以画板为单位进行导出,但大多数导出的设计是图像,PDF等,您需要使用三方插件进行交互后设置。 Mockplus的最新版本3.2将与Sketch导出的文件无缝连接,有助于交互,团队合作和逻辑演示。

 1. Sketch直接导出MP文件

Mockplus支持将Sketch的设计文档导出为Mockplus的MP项目文件。导出后,您可以直接在Mockplus中打开和编辑。多种交互设置(组件交互,页面链接,交互状态),高度可视化的交互设计,高度封装的智能交互组件,交互式命令一键自动还原等功能,绝对独家,简单高效。

  2. 支持发布为Mockplus团队项目

同时,Mockplus支持将Sketch的文档作为Mockplus云项目发布,支持多人协作,实时审查,提高开发团队的工作效率,并大大降低通信成本。其中,您可以在原型页面上发表评论,并使用箭头,文本,矩形,画笔和其他工具在页面上的任何位置进行标记和解释。沟通非常清楚。

 3. 可插入新Sketch页面

在Mockplus团队项目中,您可以插入Sketch页面。每个画板都可以作为单独的页面导入。

三、写在后面的话

毫无疑问,Sketch非常适合制作视觉效果,但如果它是一个具有交互,团队合作和逻辑流程的原型项目,您可以尝试使用Mockplus即将推出的Sketch三方插件工具,一键导出到Sketch。 Sketchpad,上传到云项目,以及精美的交互式原型即刻可用!

作者:mo311

原始地址:http://www.cocoachina.com/design/20170824/20307.html

« 企业网络营销不要只盯着任何成功案例 | UI原则会话:代购源码网站聊天机器人设计的全过程(上) »