设计工具之Updates 浅析

作者：马宝

写在前面

喜出望外 先后完成了 cc 2017 全套免费升级，又迎来了sketch 41的全新UI大改版。难免内心一点小激动，看似设计工具界的升级小小福利，不单单是效率和视觉层面使用体验提升；还隐含了各大设计产品特质和设计趋势的一些思考。

Mélodies en Courts，作者：Jean-Charles Debroize

一、良心之作 AdobeCC 2017

• Adobe Creative Cloud 软件于2016.11.2 全线更新，Adobe Creative Cloud 2017 震撼上市 （何谈震撼...），对adobe 20多年来大小版本20多次,cc2017 真不算什么。

adobe 在官网首屏中使用了上图大幅的插画，配文“將空白頁面變成精彩絕倫的作品。--”

無論您是設計人員、攝影師、電影製作人，還是夢想家，Creative Cloud 的最新版本都會為您不斷創新。有了全球最佳且容易上手的創意應用程式，您就可以在獲得靈感時創作您想要的一切。Make it. Creative Cloud.

adobe 明确了用户群体服务对象，产品定位在创意领域的最前沿的设计创新工具。带着沉重包袱前行，以adobe这种体量的工具群要有翻天的变化或革新真的很难。以ps cc2017为例，草草小结

1. 启动页的绚丽换妆，每次版本更新都会有亮点变化，这和http://behance.net 深度合作密不可分
2. 新建页 界面修改,这也是一个小幅提升，早在ai cc2015上已经有相类似的界面设计，这期主版本上做了统一，全线一致化 快链 cc2015 升级篇
3. 应用内的快捷搜索，cc 2015设计模式中已经出现端倪，cc2017 多了此项功能在效率上提升巨大，看界面
   
4. 与Adobe XD更紧密的集成
5. 属性增强面板
6. 对SVG的颜色、字体等支持；SVG是较流行的矢量格式，在sketch上的广泛应用和友好的支持度远胜PS；这个是一个历史遗留问题，adobe比较护短主推EPS ai等矢量格式，兼容SVG比较后期，AI和PS上的应用svg 也会有很多问题
7. 其它功能对比 细则

总体感受：adobe cc2017再升级算的上诚意满满的小幅更新；在普遍设计工具优良竞争激烈的大环境中，一致处于霸主地位也对得起领域顶尖的良心之作；

不得不说，adobe 在设计领域主线业务正被蚕食，有大量的adobe 替代品可以尝试

PS + AI   VS  sketch  Affinity Designer
Premiere  VS  Final Cut Pro 
adobe XD  VS  Principle Form
Audition  VS  GarageBand
animate   VS  Hype 3
...

• 小清新 MUSE、Edge 系列 Reflow；网页设计的细分领域做的很别致
• 牛到不行的 Adobe After Effects CC
• 半死的 InDesign、animate cc（原 flash）、Dreamweaver
• 停更的 Fireworks cs6

Adobe CREATE NOW 首次来到中国！此次活动将全面展示创意技术的最新创新。 2016年11月10日，上海

意味着什么，adobe 回天朝啦？不得而知

二、除了美还有壮 Sketch 4.1

除了更新app，这次sketch 顺道把官网也UP了一把，再也看不到彩虹带了 配合APP设计风格，logo 主设去掉之前的渐变修饰，让这颗钻简化到几个面，简洁到精艳； https://www.sketchapp.com/updates/

封面图，官网中大量的SVG资源可以再利用

1. 相比PS全屏启动页 sketch 更加小巧灵活，把之前的模版创建层级在提高一级使用起来更高效了； VS ps cc 2017 新建页

2. 全新的ICONS 设计，加入超饱和度的渐变背景色；小淸新风格，加大了圆角半径，所有的工具图标看起来圆坨坨的；一度怀疑sketch 主设是不是休假去了，或者说设计师的少女心爆棚，受到 新版“instagram”毒害太深！荧光绿、荧光蓝、sketch 和其它的“妖艳贱货”相比还保留了一丝设计的底线与坚持。

3. 性能；本来不是很卡的，慢慢卡了！！ sketch 4.0 就增加了便签页，让单页设计不再孤单了，也满足日常多页面切换的需求，使用起来更方便，性能为体验让步；每次打100M.sketch 需要耗费5秒之多，万一缺字体还要多点一步，体验非常不好
4. 新版本中提高WebP格式支持，WebP并不是什么新概念，简单说就是google出的一种web上使用的高压缩比高质量的位图格式，我做了实验 同尺寸同一张图的不同3种格式对比，WebP：jpg ：png
   • 在保证质量的前提下webp 比jpg文件更小，显示效果略高于JPG而且支持透明通道，JPG是不支持的，单凭这点webp完胜
   • Webp比PNG，尺寸减少一半之多，PNG 24位显示效果最佳
   • 结论上，我们在出图时可以和前端确定哪些大资源的素材可以用webp 替换，显示更好质量也小何乐不为

     https://zh.wikipedia.org/wiki/WebP

     WebP（发音weppy，是一种同时提供了有损压缩与无损压缩（可逆压缩）的图片文件格式[8]，派生自视频编码格式VP8[9]，被认为是WebM多媒体格式的姊妹项目，是由Google在购买On2 Technologies后发展出来[10]，以BSD授权条款发布。
5. 插件 invisionapp 新出 craft v1.5.6 小而全够用就好
6. 一些小bug的修正，抱怨许久的边框转曲，终于正确可用了
7. 演示模式下操作改善很多

三、个人感受结论点（持续更新中、欢迎揪错拍砖）

1. 平并没有那么平了，cc和sketch 设计中大量看到微质感的设计和渐变色
2. 这一年里，Medium上面，层出不穷更是各样的文章表示现在是终结纯扁平化的时候了
3. 情感化设计，更符合设计工具应有的态度，凭着直觉去“画图”无需顾忌使用操作；微交互，不是只在小范围收到空间时间概念限制的交互，而是细微的，细节的，有人性化的交互。
   • 举例ps中的多画布、高级搜索功能
   • sketch的演示模式、库概念、自由变化的选填文案的 “symbol”
4. adobe 系列的体量和sketch 本不是一个级别的，所以没太多可比性，但是两者成长发育的速度来看；
   • 领军者adobe 停滞不前，保住这份家当实属不易
   • 挑战者的sketch 迅猛成长，给予我们这类toB 应用类产品很好的启迪；她是专业的数字化设计app，服务大部分数字媒体设计师，更快的出UI，无线端设计最有效率的app没有之一；虽然她又很多不足，但对于一个 高效务实而且懂产品的团队来说（==>Bohemian coding sketch开发团队）这都不是问题；期待她成长给我们不断惊喜
   • 抛开包袱勇往直前、高执行率
   • 细分用户群体，明确产品本身定位，专精
   • 未来发展，sketch 团队的壮大下一阶段可能会进入知名的omnigroup 阶段，形成系统产品群 http://www.omnigroup.com/（效率领域评分很高的app体系 最著名的GTD OmniFocus）