Sketch49交互原型新功能测评教程!

昨天,Sketch49新版本发布,小编朋友圈又被刷了一波屏。对于该全新版本,具体有哪些新功能,以及如何使用呢?「10000个知识点」特邀讲师UIBANG-乔帮主连夜做了sketch新功能测评教程,分享给大家,希望可以给予你们帮助。深夜给大家整理了Sketch49版本更新的新功能-交互原型,希望大家能有所收获。下午在圈内微信群里,忽然看到2月28日发布了Sketch49新版本的...

昨天,Sketch49新版本发布,小编朋友圈又被刷了一波屏。对于该全新版本,具体有哪些新功能,以及如何使用呢?

「10000个知识点」特邀讲师UIBANG-乔帮主连夜做了sketch新功能测评教程,分享给大家,希望可以给予你们帮助。

<查看更多乔帮主的设计教程,就订阅「10000个知识点」吧!>

深夜给大家整理了Sketch49版本更新的新功能-交互原型,希望大家能有所收获。

下午在圈内微信群里,忽然看到2月28日发布了Sketch49新版本的消息,打开了官网看到了最新的版本更新视频,确实还是挺激动的。觉得Sketch按照这样的发展趋势,马上就能“统一六国”了,哈哈。

UIBANG来和大家一起看看Sketch49的版本更新了哪些新功能吧!(先看介绍,使用教程在后面哦!) 


亮点一:交互原型功能

画板(Artboards)和热区(Hotspot)链接实现页面间的跳转,实现动态交互原型(类似交互软件Marvel中的热区链接 )

Sketch49交互原型新功能测评教程!

Sketch49版本中的交互原型预览图(话说这线条敢不敢再乱点,页面多了眼会瞎么?相比之下Principle还算很好了)我觉得这也是Sketch需要解决的一个使用体验问题,期待后续版本可以有好的解决方案。

Sketch49交互原型新功能测评教程!

亮点二:便捷的效果预览

设计制作的交互原型,可以通过三种方式预览查看:
1.Sketch软件内部预览(类似于Principle中的预览窗口,或xcode中的模拟器)

Sketch49交互原型新功能测评教程!

2.Sketch Mirror内实时预览,(USB连接或同局域网内预览操作)

3.Sketch Cloud内实时预览,(登录Sketch Cloud后可将项目文件上传至官方云端,实现在线多人预览,并可进行讨论。)

其他更新

· Sketch Cloud 中文件可安装为Libraries

· 增强复制粘贴大型文档性能

· 改进 EPS/SVG格式文件 导入

· 渐变锚点改为单击增加

· 图层列表拖入画板内不再是位图

· 优化缩略图性能新增原型设计模板及修复已知Bug

Sketch49交互原型新功能测评教程!


交互原型功能教程 

1.页面链接跳转(也就是画板之间的切换)

更新到Sketch49后,在工具栏右侧会发现“Link”功能按钮 

选中画板中的一个对象后可激活“Link”按钮(仅选中画板无法创建链接)

Sketch49交互原型新功能测评教程!

创建Link链接后,我们会发现Sketch左侧图层 矩形上的变化(多了一个曲线箭头,表示有链接)

Sketch49交互原型新功能测评教程!

修改页面切换动效:

Sketch49交互原型新功能测评教程!

从左至右分别是:无 、向左切换、向右切换、向上切换、向下切换 
(第一个版本可能比较保守,没有太多动效选择) 。

2.如何取消链接操作呢?

选中 原有链接对象-矩形 ,右侧面板中可编辑链接, 

Sketch49交互原型新功能测评教程!

或将 Target 修改为 none

检测页面逻辑可以通过查看跳转目标验证

Sketch49交互原型新功能测评教程!

3.如何创建热区?

在Sketch中 热区称为 Hotspot ,可以 通过 菜单栏中的 Insert(插入)找到,也可以使用快捷键 H 。

在画板内鼠标左键圈出“热区”范围,箭头指向目标画板(页面)

Sketch49交互原型新功能测评教程!

在自定义工具栏中可以为“热区”添加快捷入口

Sketch49交互原型新功能测评教程!

4.如何预览交互效果?

A.Sketch软件内部预览(黑屏的小伙伴请看文末说明) 

连线操作完成后,点击 预览按钮 

Sketch49交互原型新功能测评教程!

Sketch49交互原型新功能测评教程!

B.Sketch Mirror手机内预览(暂无Android版本,且无法像Principle缓存至手机内离线操作) 

打开Sketch Mirror,按照在Sketch内设置的交互操作即可(凌晨亲测) 

Sketch49交互原型新功能测评教程!

当忘记操作热区时,会有红色线框提示

Sketch49交互原型新功能测评教程!

C.Sketch Cloud云端团队协作预览 

注册/登录 Sketch Cloud 

Sketch49交互原型新功能测评教程!

登录后可将当前项目上传至Sketch Cloud云端

Sketch49交互原型新功能测评教程!

Sketch49交互原型新功能测评教程!

邀请项目成员及权限设置

Sketch49交互原型新功能测评教程!

上传成功后可查看当前原型项目

Sketch49交互原型新功能测评教程!


Sketch49 预览窗口“黑屏”怎么回事?

Sketch49交互原型新功能测评教程!

本人也遇到了这个问题郁闷了很久,找了几个小伙伴一起帮忙测试,发现疑似问题。OS X版本导致,我MacBook PRO(10.12.6 )可正常预览显示。家中的iMAC(10.13.3)却一直无法连接。

但是暂没有看到官方解释,我也仅仅是个人猜测,也欢迎小伙伴们共同测试留言给我。

最后总结

本次Sketch更新的力度还是很大的,能看得出它在移动端设计上越加强大,真希望有一天能“统一六国”,UI设计师们可能也不会那么折腾,那么累了!

深夜给小伙伴们做了Sketch49版本新功能的测评教程,希望大家能够关注我们,第一时间Get新技能。

多多点赞 给我补点元气!

附上官网新功能介绍:

https://sketchapp.com/docs/prototyping/


作者:UIBANG-乔帮主

「10000个知识点」特邀讲师

UI中国主页:http://i.ui.cn/ucenter/252247.html

查看更多乔帮主的教程,戳“阅读原文”~

--关于我们---

UI中国 专业用户体验设计平台

主站:www.ui.cn

新浪微博:@UI中国

合作请加微信:18931333875


Sketch49交互原型新功能测评教程!

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

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

相关推荐

  • 现阶段用户体验最完美的混合动力 试驾新款比亚迪唐100

    以上汽车你体验过开一天车只花4元么?你体验过地板油加速无声无息么?你体验过用车供电吃电火锅开Party么?你体验过下大雨没带伞直接把车遥控过来么?你体验过车外雾霾爆表你却淡定自若么?你体验过下坡行驶续航里程却越来越多么?你体验过开个三月车却用不到100元油费么?今天这个车让我们知道到了答案!话说以前以上君并没有太关注过新能源车型,总感觉没有乐趣,但是真正开上贴近生活以后才发现插电混动是真的实用。YishangAuto第一眼看到唐100就...

    2018-04-07
  • UED专访 | 张永和、王昀:寻找未来城市共生的答案

    📌编辑、剪辑| P.S📌采访| YHz2017年10月16日,全球天文学界联合发布一项新的重大发现,在1.3亿光年外,双中子星合并产生的引力波带着他的伴侣首次造访地球,这次长途跋涉的旅行为人类探索宇宙打开了新的大门。从爱因斯坦预言引力波到如今的发现,百年间,人类在探索未知空间的同时,也不断改造着我们的生存家园。着眼当下,我们对未来城市有何新的畅想?下文中有张永和、王昀专访视频不要错过!!!未来城市探讨在UED之前的采访中,厦门大学建筑与...

    2018-02-08
  • 超好看APP交互设计~

    设计APP,不是简单的把界面绘制好,漂亮的色彩搭配、可爱、卡通或者扁平化的图标设计等等。如今的移动APP界面设计,更要追求有趣与实用的完美结合。今天,小编分享来自印度的设计师Joney vino的超好看APP交互设计作品。第一款是APP交互设计是关于免费试驾APP的选车界面与整个选车的流程。整个过程就是把选车类型、日期、人数等功能元素在流畅的界面转换场景当中完成。追求一气呵成。很不错的免费试驾体验。第二个APP交互设计当中的有趣、创意与...

    2018-03-03
  • 「交互设计七大定律」在设计中的应用(二)

    今天给大家介绍的是:希克定律(Hick’s Law)。1、希克定律定义希克定律指的是:一个人面临的选择越多,所需要作出决定的时间就越长。用数学公式表达为:RT=a+blog2(n),其中,RT表示反应时间,a表示跟做决定无关的总时间,b表示根据对选项认知的处理时间实证衍生出的常数(这个例子对人来说约是0.155s),n表示同样可能的选项数字。比如,假设需要两秒测知警铃、了解其含义,接着假设按下五个按钮中的一个按钮,可以解决触动警铃的状况...

    2018-02-05
  • 2019交互设计考研普通长期班招生简章

    “应部分报考交互设计方向考生特殊需求,我们在保证搭建一个完整交互知识框架体系及备考专业课复习完整性标准下,特开设交互设计长期普通班课程。该课程更强调考生的“主动学习”能力。”招生简章开设课程:交互设计长期普通班(线上课程)课程时间:2018年5月中旬——2018年12月初试前(每周3课时)课时       :110课时(每课时1小时)费用      :7500元招生人数:线上课程16人(超数不招生)课程总框架:Part 1▪交互知识学习...

    2018-04-06
  • 【18应届报考北师大map用户体验方向】经验分享贴

    BNU学习小组互助互帮,轻松考取北师大,我们团队致力于为报考北师大MAP心理学专业的学弟学妹提供最精准的专业课辅导,官方微信:yanni513351。QQ:2194691060。专业课方面:普心、社会心理学我主要是看书背知识点,这两门课不难理解,看书熟悉内容以后将知识点背熟就可以,另外要通过做题检验自己的程度。测量心理学、实验心理学和统计心理学这三门课注重理解,尤其是统计心理学,要将每个知识点弄懂是什么意思,再做题巩固。而实验心理学重点...

    2018-04-15
  • 【专访】全美交互设计No.1:卡内基梅隆的实验性字体设计课程

    卡内基梅隆设计学院美国最Top交互设计专业辛向阳老师毕业于此此学校的毕业生大多会输出到硅谷顶级的互联网公司:google\facebook等今期为大家推荐一位学生的学习心得周于阡Bettina Chou过去4年在卡内基梅隆大学,给了我许多机会学习各种各样的设计,不管是UX/UI, 传媒设计或课外作品,我都希望作品能给观众带来欢乐。我认为任何经验都能发出灵感,所以总是在吸收新东西。现在我正在:念村上春树写的 “Absolutely On ...

    2018-03-28
  • 互联网产品经理常用工具有哪些?

    互联网产品经理的工作是复杂和多样的,PM们通常要负责产品各方面的事务,因此工作中需要用到的工具有很多,现在就跟这笔者一起来看看互联网产品经理常用工具有哪些,想走产品经理路线的同学可以提前了解一下。一、产品经理的主要工作"工欲善其事,必先利其器!"既然是"善其事",关键就是搞明白产品经理相关的工作内容,针对工作合理有效的利用软件,才能达到事半功倍的效果。要说到产品经理的职能,这是另开新篇的话题,这里我们先通俗概括一下PM的主要活动:1、参...

    2018-03-13
  • 怎样挣钱?用户体验是一个值得关注的话题

    近年来,“快闪”成了营销届的新玩法,不少大品牌纷纷开起了快闪店。何为“快闪店”Pop-upshop在一个固定地点,临时搭建起来的零售商店,存在时间长短不一,几天或者几周,有的几个月,也称Pop-up shop。坐标:成都远洋太古里品牌:欧舒丹时间:2018年3月2日—8日欧舒丹粉樱咖啡快闪店的出现,正值樱花季。这场满载法式浪漫的活动,呈现出唯美场景,现场随处可见,络绎不绝的打卡人群,这场营销又让欧舒丹火了一把。坐标:香港皇后大道品牌:C...

    2018-03-30
  • AxureUX后台业务管理系统原型模板发布

    这是一套基于电商产品的后台业务管理系统原型模板,包含了商品、订单、库存、用户、促销、运营、内容、统计、财务、设置、权限等十多个电商后台系统管理模块。模板中提供了多套登录界面和布局框架方案,同时整理出了后台系统中各类常用的交互元素及组件,可以方便快速的复用到任何中大型系统项目原型方案中。模板框架采用了自适应布局处理,可以在各种屏幕分辨率下达到最佳的兼容性和浏览效果,同时所有功能模块二级界面都是单独设计并使用内联框架嵌入,可极大的提升输出效...

    2018-03-06