header_v1.7.40

谈谈Sketch48更新内容及P3广色域支持对我们的影响

88天前发布

原创文章 / 多领域 / 观点
静design 原创,如需商业用途或转载请与静design联系,谢谢配合。

薄荷面团队非常良心的在去年感恩节和圣诞节附近推出了Sketch48版本,真的是非常敬业了。那么Sketch48版本都更新了啥呢?

本文导读

  1. Sketch 48版本更新内容

  2. 什么是P3广色域(解释你图片为什么会产生色差)


色彩管理加入

在之前的版本中,Sketch是不支持色彩管理的,说白了就是只能输出没有色彩配置文件的图片和sRGB色域配置文件的图片。结果有很多设计师吐槽说Sketch输出的颜色为啥和我在手机上看到的不一样捏?如今团队终于良心发现,加入了这个功能,但是估计很多设计师小伙伴就就更蒙圈了。在本文后半段,静电给大家解释下所谓的色域和色彩差异的产生原理-emmmm虽然已经解释过很多次了。


你可以在Sketch的Preferences选项的,General选项卡中找到这个选项。


在Color Profile中出现了三个选项:


Unmanaged:不使用色彩管理,也就是在输出的图片中不加颜色配置文件,那么输出的图片会按照显示软件或者显示器的默认显示效果来走。其实静电还是推荐用这个的。


sRGB:当然后边有一串数字,大家只要记住这是sRGB的一个编号就是了,也就是说在Sketch输出的图片中,加入了sRGB色彩配置文件。告诉显示设备我要显示成sRGB色域,当然如果显示设备比较任性的话,那么也可能显示不出来。


Display P3:可以显示更多的色彩,iPhone7 等系列的现实空间都采用了P3广色域,但是广色域可不是一个配置文件完事的,你的显示设备需要支持更多的颜色显示哦。如果显示器比较烂,那么只能手动拜拜了。需要说一下的是,目前iMac的显示屏幕是支持P3广色域的哦,但是你的外接显示器支不支持,那就需要看他的性能啦,当然一般情况下,支持广色域显示的显示器,都比较贵贵哈。


那我们要用哪个呢?如果你的显示设备是iMac一体机,或者最新款的Macbook Pro,他们是支持广色域的。这时你可以选择Display P3来增强显示效果。但是如果是一般市面上购买的显示器或者比较老旧的显示器,还是算了吧。直接默认不管理色彩比较好。


查找和替换颜色

这里的查找替换仅仅指的是颜色的替换,跟word中的替换文字没有半毛钱关系,你可以在Sketch48的Edit菜单中找到Find and Replace Color的选项。选择一种已有颜色,将它们批量替换成一种新颜色,就这么简单。



Sketch Cloud

这个Cloud其实是很早之前就有的Sketch云服务,之前只能上传设计稿,不能下载,现在加入了下载功能,你可以直接从云端将自己的设计稿下载下来。由于是国外的云服务,国内的小伙伴可能用到的并不多,推荐大家试试国内的蓝湖应用,直接可以实现产品协作和在线标注,很方便。


元件(Symbols)缩放 

之前在将图层转成元件后,大家可以发现Scale工具就会变成灰色不可选状态,现在元件也可以直接用Scale缩放了。


其它主要的改进

  1. 升级了iOS UI Design模板

  2. 按下Shift键启动Sketch的时候,你可以禁用所有的插件(某汉化插件的功劳啊,诶)

  3. 快速工具栏的按钮加入了当前使用状态,也就是说你可以看到你现在正在用哪个工具(就是在工具图标后边加了透明阴影)

  4. 改进了阴影在复杂图形下的表现效果(如复杂的被矢量化后的文字)

  5. 其它若干细节改进和bug修正


小白鼠预警!!

在手残更新Sketch 48之前,确认你能接受各种插件失效和bug吗?如果能,更新吧!另外,你还在用汉化?它可能又失效啦!又闪退啦!



接下来说说色彩管理和色彩空间吧!


其实色彩管理这个问题,说起来很复杂,大家都知道色彩空间,这个取决于两方面,第一,你的显示设备的支持(最直接的说就是你的显示设备和手机是否支持显示这么多颜色);第二,图片内部的色彩配置文件。


首先来说一说色域,显示设备的显示色彩越多,那么显示器从某种方面说,它的性能就越好,衡量显示效果的因素,其中一个就是色域。sRGB和P3属于两种色域,他们可以显示的颜色数是不一样的,我们看下这幅图,从中可以看到,sRGB可以显示的颜色数是比较少的,而P3能覆盖更多的颜色区域。当然能否真正能显示P3色彩空间,取决于你的显示器的好坏,近两年的iMac和Macbook pro都支持P3色彩空间的显示,另外iPhone7及以后的手机,屏幕也升级啦,因此它们都可以支持P3,所以这些设备可以完美的搭配在一起,输出更一致的颜色。



而图片内部的色彩配置文件就像一个图片身份证,它告诉显示器和显示软件,我可以用这种色彩空间来显示哦,这个时候显示器和显示软件就知道怎么显示,效果是最佳啦。但是问题是,如果你把你的图片标注为P3色域显示,那么显示器由于性能没那么好,无法显示出P3广色域,那显示器也很绝望好吗?总之来说,这两个要求都要匹配,你看到的面前的显示器显示的色彩才最完美,这就是为什么很多同学说Sketch输出的图片导入到手机上有色差的原因。


《不一样的UI设计师》一书中,我们也详细的解释了他们的逻辑关系。建议大家仔细阅读这些内容哦。



因此,如果你觉得你的设计图颜色产生了差异,最关键的因素就是你的显示设备,你的iPhone显示效果太好,而显示器却无法支持更多的色域,这就是造成差异的原因。要尽可能的消除这种影响,你可以换个更好的更好的更好的显示器,比如EIZO艺卓,这些高端显示器可以尽可能的将色差降至最低


除了显示器之外,电脑软件对图片色差的支持也会产生影响,尝试将一张图片拖到Safari,Chrome和Firefox浏览器,然后对比,你会发现他们的色彩都不太一样,原因是,某些显示器比较任性,它强制将图片的色彩空间做了改变。


因此,目前纠结这种细微的色彩差异,没有太多的意义。要消除这种差异,除非我们完全更换自己的手机和更换更好的显示器,同时你的客户和用户的手机的显示屏也要尽可能的支持同种色域,这个时候,世界也许会大同吧。


要知道,同一品牌的油墨,打印出来也可能颜色不一致呢。Let it be~



总结发言

  1. 如果你使用了支持P3的显示器和手机,那么大胆的将Sketch的色彩空间改为P3,毕竟我们是为手机做设计的(但是你能保证用户的手机也支持P3吗?)

  2. 如果你的显示设备毕竟烂,同时客户的手机屏幕和显示器比你还烂,那么保持sRGB或者不要管理色彩空间了,因为越调你就越烂,保持Sketch默认就好了。(各种安卓机表示不服,广色域俺们不支持~)


最后,你说你听不懂,那你要加油哈,平面设计师要懂印刷工艺,UI设计师也要懂计算机技术,你说这没错吧!加油!



哪下载Sketch48版本?

你可以在SketchChina.com   SketchChina中国社区快速本地下载Sketch48新版本及各种历史版本,也可以与我们交流各种使用问题和下载插件,及各种精品素材。


++++++++++++++++++++++++++++++++++++++++++++++++++++++++


微信公众号:jingdesign91

 

个人微信号:hixulei

 

《静电的UI设计教室》第十一期 正在招生ing 欢迎加微信hixulei咨询

 

也欢迎各位小伙伴关注和交流


0

    文章信息

    • 文章标签

    没有新消息

    提示文案

    提示文案

    提示失败
    提示成功