设计干货|聊聊设计师玩转Sketch的那些事儿

点击蓝字关注GOMEOS用户体验设计1调整组内图层父级变换属性新的调整大小选项可以帮助我们更灵活地调整对象与子层之间的响应:1. 默认属性下的成组放大缩小变化,内部的图标跟随组的缩放比例进行变化.2. 锁定图标的固定宽度&固定高度,成组的缩放比例不会影响到图标的比例与尺寸.3. 当锁定上部及右部间距时,成组缩放比例时,图标距离组内上部及右部的距离保持不变.2嵌套样式这个十分强大的功能使得symbols的复用更加的强大,可以同一内容复用多...

点击蓝字关注GOMEOS用户体验设计

设计干货|聊聊设计师玩转Sketch的那些事儿

设计干货|聊聊设计师玩转Sketch的那些事儿

1

调整组内图层父级变换属性

新的调整大小选项可以帮助我们更灵活地调整对象与子层之间的响应:

1. 默认属性下的成组放大缩小变化,内部的图标跟随组的缩放比例进行变化.

设计干货|聊聊设计师玩转Sketch的那些事儿

2. 锁定图标的固定宽度&固定高度,成组的缩放比例不会影响到图标的比例与尺寸.

设计干货|聊聊设计师玩转Sketch的那些事儿

3. 当锁定上部及右部间距时,成组缩放比例时,图标距离组内上部及右部的距离保持不变.

设计干货|聊聊设计师玩转Sketch的那些事儿

2

嵌套样式

      

这个十分强大的功能使得symbols的复用更加的强大,可以同一内容复用多种样式,也可以同一样式改写不同内容。

设计干货|聊聊设计师玩转Sketch的那些事儿

3

支持WebP压缩格式

     

当看到Sketch支持WebP格式时,不禁感叹Sketch的强大,WebP也是被小编十分看好的当下图片压缩处理的趋势.

WebP在2010年由Google发布,在Google的明星产品,如:YouTube、Gmail、Google Play,在国内如腾讯、淘宝等都可以看到WebP的运用.

Webp是一种支持有损压缩和无损压缩的图片格式文件,派生自图像编码格式VP8.根绝Google的测试,无损压缩后的WebP比PNG文件少了约50%的文件大小,即使这些PNG文件经过其它压缩工具压缩之后,WebP还是可以减少约30%的文件大小.     

设计干货|聊聊设计师玩转Sketch的那些事儿

通过研究,整理了WebP的显著优势:

1. PNG转WebP的压缩率要高于PNG原图压缩率,同样支持有损与无损压缩;

2. 转换后的WebP体积大幅减少,图片质量得到保障;

3. 转换后的WebP支持Alpha透明和24-bit颜色数,不存在png压缩后色彩不够丰富可能会出现毛边的情况.

4

Libraries功能

       

一个Library本质上就是一个普通的Sketch文件,其中的Symbols可以被其他Sketch文件调用. 如果你编辑了Library当中的Symbols,那么调用了该Library的其他Sketch文件便会收到更新通知,你可以对变更进行预览、对比和确认,使这些Sketch文件所调用的Symbols自动更新至最新版本.

1. 打开Sketch,快捷键【command+,】,打开【偏好设置】,选择【资源库】;

设计干货|聊聊设计师玩转Sketch的那些事儿

2. 点击【添加资源库】按钮,如选择【GOME OS3.0组件库】.

注意:此处可能会遇到一个小问题,当第一次选中文件时,右下角【打开】为置灰显示,这个时候再随意点击一下其它sketch文件,注意不要重复点击,然后【打开】按钮就会正常显示,直接点击打开即可.

设计干货|聊聊设计师玩转Sketch的那些事儿

3. 添加组件完成后,可以选中需要替换组件的图层.

设计干货|聊聊设计师玩转Sketch的那些事儿

4. 当组件库有内容更新时,右上方会出现提示【资源库有可用更新】.

设计干货|聊聊设计师玩转Sketch的那些事儿

5. 可以点击提示,查看更新的内容,对比更新前后的设计样式,选择是否更新.

设计干货|聊聊设计师玩转Sketch的那些事儿

在多人协作场景中,你可以将Library文件存放在Dropbox同步文件夹或GitHub的Repository当中,并确保其他同事拥有访问权限,这样他们便可以在自己的本地Sketch文件当中调用Library并使用其中的Symbols了。在你编辑了Library文件之后,他们的本地Sketch文件同样会收到更新通知.

5

查找和替换颜色

查找和替换颜色是一项非常实用的功能,其中包括三种替换的类型:

1. 查找文件中所有使用 A 颜色的地方,并更换成 B 颜色.

2. 查找文件中所有使用 A 颜色(包括使用 A 颜色不同透明度)的地方,并更换成 B 颜色.

3. 查找文件中所有使用 A 颜色(包括使用 A 颜色不同透明度)的地方,并更换成 B 颜色,同时保留透明度信息.

设计干货|聊聊设计师玩转Sketch的那些事儿

下面用一组渐变色替换的方法实际操作一下:

设计干货|聊聊设计师玩转Sketch的那些事儿

6

强大的交互原型功能

画板和热区链接实现页面间的跳转,实现动态交互原型,类似交互软件Marvel中的热区链接,下面看一段来自Sketch官网的视频展示.

设计干货|聊聊设计师玩转Sketch的那些事儿

1. Sketch软件内部预览,类似于Principle中的预览窗口,或xcode中的模拟器;

2. Sketch Mirror内实时预览,USB连接或同局域网内预览操作.
3. Sketch Cloud内实时预览,登录Sketch Cloud后可将项目文件上传至官方云端,实现在线多人预览,并可进行讨论.

设计干货|聊聊设计师玩转Sketch的那些事儿
设计干货|聊聊设计师玩转Sketch的那些事儿

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

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

相关推荐

  • 在007里的用户体验是“爽”还是“不爽”

    有一天在微信上和007社群的班级一位同学聊天,一通天南海北的乱扯后,话题就回到007这个社群上了,因为这段时间我参与007社群的一些活动,对这个话题特别敏感,然而他却流露出对这个社群的很多不满意,我们之间的一段对话让我思考了很久很久。对了,这两天你看了你们小组的信息了吗?小组信息?刚看,不过我最近在考虑要不要直接退出007,感觉没意思,也啥时间整这些了。那你当初为啥参加007啊?没啥,就是觉得应该养成一个写作的习惯以及可以认识一些稍微志...

    2018-04-11
  • 智能窗帘:场景化智能应用 让用户体验“懒”生活

    科技总是带给我们惊喜。智能家居不再是一个研发层面的概念,在日常生活中已经越来越普及。智能窗帘是智能家居系统中常常被忽视,却又见微知著的家装部分。智能窗帘无需手动,一键掌控家居空间的透光度,智能防紫外线、隔音隔热和保温环保,给用户细致的关怀。智能窗帘的场景化智能应用,让用户体验懒惰带来的享受。冬天清晨,想打开窗帘让阳光温暖房间,却又懒得起身离开暖被窝,使用智能窗帘,应时自动打开,敞开度适宜,光线强弱刚刚好,惬意的在阳光中醒来。炎热夏日,离...

    2018-02-25
  • 广告与用户体验只能二选一?

    最近公司的移动端产品在优化广告投放,其中也遇到了不少的困惑,我翻看了部分APP的广告展现形式并结合了几位设计师&产品经理的想法之后,整理总结出了这篇文章。本文将结合实际案例就常见的广告形式以及它们如何合适地呈现与大家进行分享。遇到的困惑我们知道无论是自身的品牌活动宣传还是第三方的商业广告都能为公司和产品带来不小的收益,但与此同时不恰当的广告也会对用户体验造成很大的影响,特别是移动端,因为屏幕有限更是“寸土寸金”,一不小心就会引起用户反感...

    2018-04-04
  • 关于Axure8.0中继器的使用1

    废话少说,请开始你的表演!!!1.拖入一个中继器,将中继器多余的行删除;2.在中继器中添加三列(可以直接双击编辑),分别命名:name、sex、age;3.双击拖入的中继器会跳转类似动态面板的“(中继器)(page2)”新页面;4.在(中继器)(page2)中再添加两个和已有矩形大小一直的矩形,分别命名:name、sex、age;关于中继器的准备工作完毕,因为中继器需要存放动态数据,所以需要在页面增加动态数据的输入入口。5.回到拖入中继...

    2018-03-10
  • 产品学习——用户体验要素

    最近看完了这边和产品相关的书籍——《用户体验要素》,读完之后感觉这本书写的挺好。下面做了一些思维导图,做的比较详细,这样就可以当做是读书笔记了。自己的不足:1,读起来的困难是这本书翻译的不是特别好,所以为了理清楚这个本的脉络,还是花费了比预期要久的时间。2,是第一次使用xmind,在一边做思维导图,一边学习使用xmind上面花费了一些时间。3,是专注度还是不够,集中精力的时间太少了,所以做一件事的时间就会拖的太久。第一章:用户体验为什么...

    2018-02-23
  • Sketchelp | 画笔是设计师的思考工具

    作为公众平台的第一篇推送~这不是一则成立宣言,而是一篇老友记。五年ACCD手绘教学实战+三年工业设计考研方法传授,期间无数沉淀,我们想用一种更纯粹的方式去记录。于是,Sketchelp这个名字诞生了。Sketchelp,顾名思义,秉持着助人的心态,提供国外知名设计学院ACCD扎实的手绘观念,结合设计师多年在造型上的实战经验,用浅显易懂、循序渐进的方式带给大众关于设计与手绘的知识。在此基础上,我们将根据行业需求及未来趋势,持续不断地更新及...

    2018-05-04
  • 【用户体验.春节特辑】我拿什么记住你(总第268期)

    亦可访问www.koushutianxia.com了解详情编家谱   修家史   留视频建祠堂   亲互动   传万代总第268期时间是这个世界上最锋利的武器,没有任何事物能够阻挡。所有的一切,人、物、事都随着时间的磨砺逐渐模糊、逐渐消逝。父亲的突然去世,一直是我心中最深切的痛,他的离去是那样的突然,突然到我完全无法接受他已经永远离去的事实。总觉得父亲依然还在,总会幻想我下班回家,父亲还会像往常一样在门口笑眯眯的看着我说:“回来啦,儿子...

    2018-02-19
  • 【用户体验】和路通X1真实详细评测——智能车时代的钥匙

    点击蓝字关注这个神奇的公众号~中国移动和路通智能后视镜的项目已经开展了一段时间,这期间收到了多位客户的体验反馈,今天,小编整理了一些产品体验测评分享给大家,从使用者的角度,让大家对中移动智能后视镜有更加深刻的了解!用户体验和路通X1真实详细评测——智能车时代的钥匙很荣幸从天津蜂享信息技术有限公司,购买了一台和路通X1智能后视镜,并进行装车体验。感谢中国移动对智能出行的重视与执着。目前智能后视镜的市场方兴未艾,市场上智能后视镜产品如雨后春...

    2018-02-05
  • 华景招聘用户体验分析师啦!

    作为华景员工,除了能体验旅游之外,还能体验华景食堂的凉皮儿和拉面,包子和油条,腊牛肉和酱猪肘,狮子头和卤肉饭,肉夹馍和艇仔粥,老婆饼和豆沙酥,酸辣汤和叉烧饭,泰式河粉和肉酱意面,干煸四季豆和蒜蓉蒸茄子……华景集团招聘1. 用户体验部    用户体验分析师岗位职责:*负责产品的用户研究,分析用户的使用习惯、情感和体验需求*负责原型/产品用户体验评估工作,参与产品的交互界面的设计,分析影响产品用户体验的因素*定期开展用户测试,观察用户使用产...

    2018-05-04
  • 求职指南 | 阿里巴巴2018春季实习生招聘-中科大站

    阿里巴巴2018春季实习生招聘技术高校行中国科学技术大学站从全世界规模最大的电商双11安全级别最高的支付金融到全球领先的云计算覆盖全球的智能物流……今天的阿里巴巴正在从商业模式创新的引领者逐渐成为科技创新的引领者在技术高校行现场有资深的技术大牛和亲分享阿里重点技术有各级学长们和亲聊一聊这一年的成长有亲切的HR带领亲领略阿里的企业文化本硕场同学们提前将简历投递到官网相应职位报名,将有机会获取交流会名额、免笔试、现场面试、进入快速Offer...

    2018-03-23