Sketch49-原型设计才刚刚开始

官方说明:草图49已经到来,在我们的图书馆更新之后,我们又为Sketch增加了另一个巨大且备受期待的功能。我们了解设计,所以我们知道你不能总是根据静态屏幕判断是否有效。有时你需要看到整个流程的实际运行情况,最好的方法是将你的设计变成交互式原型。通过我们的最新更新,我们正在使整个过程无缝 - 在Sketch中与原型设计师打招呼。Sketch 49带给我们的是最值得期待的功能之一:能够在本地创建和分享快速交互式原型当我听到这个消息时候,脑子...

Sketch49-原型设计才刚刚开始

官方说明:

草图49已经到来,在我们的图书馆更新之后,我们又为Sketch增加了另一个巨大且备受期待的功能。我们了解设计,所以我们知道你不能总是根据静态屏幕判断是否有效。有时你需要看到整个流程的实际运行情况,最好的方法是将你的设计变成交互式原型。通过我们的最新更新,我们正在使整个过程无缝 - 在Sketch中与原型设计师打招呼。

Sketch 49带给我们的是最值得期待的功能之一:能够在本地创建和分享快速交互式原型

 

当我听到这个消息时候,脑子里瞬间浮出:Protowire,Craft,Mirr,Principle,Framer,Flinto,Flow,Marvel,Atomic,Kite,Origami,CanvasFlip,Proto和ProtoPie等等。

上面的工具大家或多或少的都会用过那么一些,的确也有很多高效且能实现更高级的动画功能,其实最终目的还是服务工作,能满足自己的需要就好,下面来简单看一下49都有什么功能,可以干些什么......

先看下本次更新的新图标和快捷键,俗话说,眼不到......

Sketch49-原型设计才刚刚开始

依次的快捷分别是:

  • 按W可将链接添加到图层或组

  • 按H插入一个热点层

  • Control + F 隐藏/显示原型

  • Command + P 打开预览

Sketch49-原型设计才刚刚开始

链接和热点在图层列表中用自定义图标指定,如下:

Sketch49-原型设计才刚刚开始

添加链接

选择图层或组点击链接图标或者按住W,选择需要链接的画布即可。

Sketch49-原型设计才刚刚开始

编辑和选择动画

Sketch49-原型设计才刚刚开始

选择图层或组,你可以创建和删除点击目标,也可以从几个基本的Artboard中进行选择转换。

动画,只是简单页面跳转,目前只有 ↑ ↓ ← → 和无 五个选项。

热点

热点就是一种图层类型,你可以在设计的部分上绘制一个形状,轻触目标,并将其链接到Artboard,或者是直接选择图层添加热点。

Sketch49-原型设计才刚刚开始

左边是点选图层添加热点,右边是手动绘制热点区域。

如果热点是在一个Symbol里面的话,也是可以直接在右边进行添加、去除等操作选择。如下图:

Sketch49-原型设计才刚刚开始

预览

预览就不用多说,大家一定很熟悉,Mirror的进阶版了,唯一需要注意的就是开始屏幕,如图框选的图标,可以自己设定开始屏幕,然后就是多了个长图的滚动,不用之前那样手动放大缩小了。

Sketch49-原型设计才刚刚开始

原型分享与团队协作

最后就是原型的分享,你可以将原型上传到cloud上,如下图:

Sketch49-原型设计才刚刚开始

 

打开以后,你可以在网页上直接预览原型,并与团队成员直接进行交流。

Sketch49-原型设计才刚刚开始

 

以上就是本次更新的主要功能,当然本次Sketch Cloud也带来了共享库以及更多功能。大家可以去官网查看所有新功能。

原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/35482/

(0)
交互精选交互精选
上一篇 2018-03-02
下一篇 2018-03-02

相关推荐

  • 交互设计牛校排行榜 | 纽约大学 ITP研究生项目

    Create Your Difference. by CYDWHO ARE YOU?Do you love biology but also love your art classes你是否热爱生物,也沉醉于艺术and want to merge the two所以想把这两者融入Do you love programming but also like to make things你是否能编程序,也想做出真实的东西Are you int...

    2018-05-05
  • 亚马逊语音交互设计规范(三)Alexa的回应

    作者:Amazon翻译:原形必录这篇是整个设计规范的重点,因为在设计语音交互时最主要的就是Alexa的回复内容,本篇给出了很多让对话更自然易懂的方法,希望对大家有帮助。往期回顾:《亚马逊语音交互设计规范(一)设计流程》《亚马逊语音交互设计规范(二)用户说的内容》本文讲的是Alexa如何表达能让人们更容易理解和更好的回应。Alexa能够以自然的对话方式来回应、通知,还能问问题。 在设计Alexa对用户说什么时,我们可以参考以下做法。本章目...

    2018-03-18
  • 艾璐斯刘光有:用户体验为先 九字方针瞄准盈利点

    2018年3月2日下午,由慧聪网主办、慧聪汽车用品网承办、广东哈弗石油能源股份有限公司总冠名的哈弗润滑油杯’2017年度汽车用品行业品牌盛会颁奖盛典在北京钓鱼台国宾馆芳华苑隆重举行,来自汽车后市场商(协)会领导、获奖企业代表、渠道商、终端门店精英、主流媒体记者等嘉宾共聚一堂,聚焦汽车用品行业热点话题,全面解读行业最新发展趋势,推动汽车后市场快速有序发展!香港艾璐斯实业有限公司总经理刘光有行业盛典现场嘉宾共聚一堂在本次盛会上,香港艾璐斯实...

    2018-03-06
  • 两个交互设计鸿沟:评估与执行

    通过每次交互,用户都必须克服理解系统当前状态和了解如何改变系统当前状态的双重挑战。设计师可以通过意识到这些鸿沟并用透明的概念模型来消除这些鸿沟,从而为他们提供支持。上周,我买了一款很棒的新蓝牙耳机 ; 但遗憾的是,我花了一个多小时才把它连接到我的电脑上。尽管耳机手册和电脑支持网站作出了承诺,但耳机并未自动与计算机连接。我在重新阅读说明书之后,检查了耳机和电脑,确保它们都已打开,并且翻查了耳机评论以确认耳机与我的电脑兼容,甚至通过将耳机同...

    2018-03-13
  • 你离互联网产品经理,只差一句自我肯定!

    从2014年开始,伴随着越来越多产品人转岗心路历程的分享,产品壹佰为此专门开辟专栏,记录了他们这一段学习路程中的点点滴滴。他们之中,有对未来茫然无措的大学生、不甘于现状的互联网从业者、郁郁不得志的传统行业人、孤立无援的产品新人以及举步维艰的创业者……在他们的诉说中,有着转岗前的不安、惶恐,也有刚转岗成功的喜悦、激动,更有成为产品经理后自我知识的输出!分享!如今,这些记录成长历程的人儿们如疾风般快速的蜕变着,梦想实现,更幸运的是,其中的出...

    微信热点 2018-03-10
  • 基于用户体验的性能测试:模拟个别的用户延迟(续)

    本周免费下载杂志:《保健与生活》共计12本,请点击下行红色文字链接获取下载地址杂志推荐《保健与生活》3.       在TestStudio中生成时间延迟使用Rational TestStudio的VuC语言,有很多方法可以生成时间延迟。对于如何使用Think_avg及相关的命令和参数来实现,Rational的文档和培训资料已经做了详细的说明,这里不做深入讨论,只做简要介绍。这个方法只有在Think_avg命令不在计时器(Timer)里...

    2018-02-01
  • 清华社1月诚意书单 | 什么是交互设计?

    什么是交互设计?一、交互是个筐,啥都往里装交互(inter-action),从字面上理解,就是 A 和 B 之间的一系列动作和行为。比如,早上你出门时碰到邻居,冲 ta 喊一声“早”,ta 对你点头、微笑,说“早” —— 这就是一个完整的互动过程。当然,互动不仅限于人与人之间,还可以发生在系统和系统之间,比如人和机器,人和环境,机器和环境,等等。这可是个要命的问题:几乎在同一个次元的人和 “物”,都可能发生互动。当然,我们主要关注发生在...

    2018-01-31
  • 干货!Sketch49交互原型新功能大解析

    2月28日发布了Sketch49新版本的消息,笔者打开了官网看到了最新的版本更新视频,确实还是挺激动的。觉得Sketch按照这样的发展趋势,马上就能“统一六国”了,哈哈。一起来看看Sketch49的版本更新了哪些新功能吧!(先看介绍,使用教程在后面哦!)亮点一:交互原型功能画板(Artboards)和热区(Hotspot)链接实现页面间的跳转,实现动态交互原型(类似交互软件Marvel中的热区链接 )Sketch49版本中的交互原型预览...

    2018-03-07
  • 手机“携号转网”磕绊多,用户体验太遭罪,手机跳槽为何这么难?

    轻点下图  纵横带您“听新闻”携号转网来自新闻纵横00:0005:59工业和信息化部在2010年和2013年,分两批在天津、海南和江西、湖北、云南五个省市,试点手机号码“携号转网”业务。但是到今年初,仍然有试点省份的用户反映,办理过程不如预期的顺利,质疑运营商故意设置障碍。记者调查发现,“携号转网”业务在不同的省份试点效果存在差异,主管部门坦承,有运营商为了挽留用户“搞小动作”,但试点工作整体向前推进,一些技术问题逐步解决。湖北武汉的白...

    2018-04-10
  • 随想:智能车人机交互设计三要素

    BYTON拜腾标志性的共享体验屏和触摸式方向盘近期会总结下自己对智能车、自动驾驶人机交互相关的思考,很碎片,想到哪总结到哪。今天先写智能车相关的内容。这里的智能车先缩小范围到还需要人类驾驶员的智能网联汽车。1、总结之前,有个疑问。我很想知道各大车企在研发测试智能车的时候,是否有认真、大量地拿真实用户、真实场景,而非实验室场景去测试其诸如中控大屏这样的智能产品/功能?在我的印象里,或许车企更多的测试依旧在传统意义上汽车这一交通工具的性能、...

    2018-04-22