设计干货|聊聊设计师玩转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

相关推荐

  • 2018年04月04招聘岗位

    招聘服务员工资底薪2500加提成收银员2700元加提成招聘电话:8663888,15750516333 13948455099促销员20名,要求:年龄20-40岁,时间15-20天,底薪(80一120),提成+提成工资多劳多得!加微信15849572346了解工作内容,今日下午3点面试掌上明珠全体员工欢迎你的到来!招聘电话:158495723468876688内蒙古泽强医药有限公司招聘职位及岗位需求:一、人力资源专员具体要求:1、年龄2...

    2018-04-08
  • 2018年用户体验趋势(二)

    2017年,我们见证了很多。在与全世界的189489位设计师策划并分享了1926条链接后,我们从行业内的所写、所说和所想中,预见了几个趋势。以下就是2018年用户体验的预期。#4每个界面都是一个故事设计世界中的讲故事和写作从未如此现实过。随着客户的体验旅程越来越碎片化,我们要确保在不同渠道中讲述连贯的品牌故事,并且这些故事清晰、有趣、富有人性。有段时间,大概是几年前,我们听说过显微术语。但是到了2017年,业内人士发现,不仅要重视在设计...

    2018-03-02
  • 华润创业、建信融通、便利蜂等4家名企春招

    求职奶爸华南最活跃的大学生求职平台旗下公号求职奶爸、校园宣讲会V、名企校招实习,50W+粉丝企业合作请加 QQ 3527488757 或微信 naibabd01(添加请备注公司名称)学生求职请加创始人微信 qiuzhinaiba101全国 | 华润创业全国 | 建信融通全国 | 便利蜂广州 | 卡宾服饰华润创业/ 公司介绍 /华润(集团)有限公司是一家在香港注册和运营的多元化控股企业集团,其前身是 1938 年于香港成立的联和行,194...

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

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

    2018-03-23
  • 百度UED:运营设计那些事儿

    数十万互联网从业者的共同关注!作者:百度搜索用户体验中心 授权早读课发表,转载请注明出处。在现如今的社会中,每天都在进行着一场场没有硝烟的商战。运营设计则是至关重要的一部分。那么怎么才能做出一个好的运营设计或者一个相对比较成功的运营设计呢?我们要知道设计的目的。设计的目的是什么?设计核心在于能够让用户在有限的时间内Get最有价值的信息,找到所得,从而实现转化。知道设计的目的了,在项目中自然形成了一些思路流程。1、需求分析需求分析分为:产...

    2018-01-31
  • SKETCH | 周鸿祎自述:我的价值观

    在这本书的开头,我想讲讲影响我价值观的电影和书。说到价值观,有的人可能要笑了:都什么年代了,还讲价值观?虽然这本书的书名是《我的互联网方法论》,但这并不是按图索骥的说明书,你如果认为读完本书,就会做产品了,就能向互联网转型了,对不起,真的是做不到。赵括把兵书读了千百遍,在纸上推演了千百遍,到了实际的战场上,还是一个输。因为无论是做互联网产品,还是传统企业向互联网转型,能不能做得成,是看你能不能创新。而能不能创新,除了你的技能、阅历、领导...

    2018-04-26
  • 手机app开发交互设计的四大要素

    app开发中的交互设计是用户体验好坏的关键点,在开发手机app时,注重的应该是交互设计的效果。用户是交互设计的直接受益人,手机app怎样进行交互设计才能让用户舒心,在这里有四个要素需要把握。手机app开发交互设计在开发过程中是重中之重,这个环节一旦出现问题,用户的体验也会变得别扭难受。怎样进行交互设计,很多人都找不到其中的诀窍,其实只要把握四要素,一切就会变得比较简单。一、遵循平台规范的基本原则遵循平台规范的基本原则并不是说限制于设计规...

    2018-03-24
  • 中国交互设计“教父”辛向阳老师首次线上分享会来啦

    应集创堂的邀请,中国交互设计“教父”辛向阳老师将在4月20日为大家带来首次线上分享会!辛老师是卡耐基梅隆大学设计哲学博士,是目前很少数在美国获得设计哲学博士、并首个回到中国内地的华人之一。有着跨多个学科的教育和工作背景,包括机械、建筑、平面设计、油画、交互设计以及艺术史。同时,辛老师还是IXDC(交互设计国际大会)大会主席,提出了“交互设计五要素”和“行为逻辑”等交互设计领域的重要理论和方法,并在香港理工大学成功创办了中国首个交互设计专...

    2018-04-17
  • 实例剖析尼尔森十大交互设计原则在设计中的用法

    Jakob Nielsen(雅各布·尼尔森)的十大交互设计原则。它们被称为“启发式”,因为它们是广泛的经验法则,而不是特定的可用性指导原则。因此,我们不能把它上升为一种标准,而是应该当做一种经验来学习,然后跟现实中的设计结合来使用。本文作者(熊猫小生)通过一些具体的实例来跟大家深度解析尼尔森十大交互设计原则在设计中的用法~一、雅各布·尼尔森(Jakob Nielsen)简介雅各布·尼尔森(Ja...

    2018-01-30
  • 聊聊Axure RP 8 的动态面板(文末赠书)

    点击上方“蓝字”关注本公众号《Axure RP 8入门手册》本书的写作初衷是面向初学者,由浅至深地引导读者学习Axure RP 8.0的使用方法,从而实现最终的学习目标。本书不但适合初学者学习,在知识结构与案例的安排上,也非常适合工作中的查阅与参考。初学者只需要按照从前至后的顺序进行学习,就能够迅速、全面地掌握原型开发技能。具备一定原型开发基础的读者,也能够在本书的大量案例之中,获得各种实战的参考。书中的案例均为网站或App中采用的一些...

    2018-04-09