温岭网站建设:如何使用Sketch进行交互式和像素完美的原型设计?

2019.07.25 mf_web

70

关于Sketch的原型设计已经在网上有大量的教程和评论,而其中大多数只是在打败灌木丛。对于那些期待使用Sketch进行设计和原型设计的人来说,这是最终指南。在介绍所有内容之前,我将简要介绍一下如何轻松地将Sketch设计转换为交互式原型。

素描简介

由波希米亚编码的优秀人员建造的草图,对于设计领域的人来说并不是一个陌生的名字。它是Apple的macOS的矢量图形编辑器。从产品开发方向和突出特点来看,大多数业内人士都希望将此工具视为UI设计师和用户界面设计的独家工具包,如图形拼接,文本渲染,样式链接等。 。


毫无疑问,Sketch,PhotoShop和Illustrator等矢量绘图工具是制作网页,图标和UI设计的最佳解决方案。不同之处在于Sketch还可以用于使用第三方插件制作复杂的交互式原型。它可能没有最好的原型工具那么强大,但拥有的不是一些亮点。在下文中,我将向您介绍如何使用Sketch应用程序进行原型设计,并引入突出显示的功能,使您的设计更快更好。


如何使用Sketch进行原型设计?

毋庸置疑,Sketch一直是设计师,PM和开发人员的新宠。它的全面功能和丰富的教程使它成为现在的样子。


1.各种模板可供选择和使用

Sketch为许多设计方案提供了2,000多个模板,包括Web,iOS,线框,模型等。这些模板可供免费下载和使用,为您从其他地方搜索设计资源节省了大量麻烦和麻烦。此外,还有各种常用组件,例如iOS状态栏,导航栏和键盘等。这是在我们的设计中集成这些元素时获得灵感的好方法。


草图模板

除了Sketch之外,还有许多其他工具可以为Apps提供现成的模板,从“社交”和“购物”到“旅行”和“新闻”。Mockplus是UI / UX设计的原型解决方案,它还增加了将模板页面直接导入画布以进行快速设计的功能。


2.现成或自制组件重复使用

在Sketch模板的基础上,允许用户创建一个新文件作为模板,然后在需要时重用它。同时,可以创建自己的模板,可以灵活地编辑和维护,以便将其应用于不同的项目。


这有点类似于Mockplus 的Master功能。在页面和画板中重复使用Master中的组件和其他内容没有限制。只需拖放即可重复使用,易于使用且无忧无虑。


3.维护原型文件的其他方法

无论是Sketch的“组件”还是“文本样式”,它们都将保存在一个文件中,这使得它们无法在不同的文件中共享。此后,需要在一个页面中显示原型的一个版本,或在一个画板上显示模板的某些内容。这就是如何维护Sketch原型文件的方法。


如何将草图设计转换为交互式原型?

Sketch允许导出为画板,但输出将是图像,PDF或其他静态文件。一个好消息是Mockplus 3.2版本中包含的即将推出的草图插件将与Sketch的导出文件无缝集成,从而增强交互性,团队合作和逻辑UI流程的性能。


1.将草图导出到MP文件

该插件使用户可以将Sketch的画板直接导出到MP文件,可以在Mockplus中进一步编辑和调整。有各种交互设置(组件交互,页面链接和交互状态),以及高度可视化的交互式设计,内置交互式组件以及自动恢复功能,使交互式原型设计比以往更容易和更智能。


Mockplus草图集成


2.上传到云并发布以进行团队协作

与此同时,允许将Sketch画板发布到云端,然后转换为可以进行多用户编辑和在线评论的团队项目。用户可以直接在页面上标记,使用软件中的箭头,文本,矩形,画笔和其他工具在页面的任何位置添加符号。这对团队的工作效率和沟通有很大帮助。


3.导入草图的新页面

Sketch的单页可以直接导入到Mockplus团队项目中。每个画板可以用作那里的单页。


4.更多功能来

除此之外,Mockplus v3.2还将推出更多功能。Mind Map和UI Flow设计模式可以立即切换和生成。完成所有页面结构是非常轻松的,允许用户直观地查看项目内容和流程。通过这种方式,您的设计可以更加合理和顺畅。Repeater功能将使设计人员不必花费大量时间来调整行和列之间的单元格和填充。


Mockplus UI流程


Mockplus思维导图


 Mockplus中继器


此外,“定时器”的新组件可以实现不同页面之间的自动切换,以及自动编号和显示/隐藏页面的功能,以便更好地进行设计。


包起来

毫无疑问,Sketch是制作像素完美设计的最佳选择,但缺乏对交互性,团队合作以及UI流程的支持,这些是UX原型设计的重要元素。通过在v3.2中集成Mockplus插件工具 ,可以使用Sketch进行交互式原型设计。只需单击一下即可导出画板并上传到云端,只需一步即可获得出色的设计!

寒枫总监

来电咨询

18868949445

微信咨询

寒枫总监

TOP
电子老虎机奖池_真人游戏平台-推荐官网