Photoshop将死:设计师必看的设计大数据报告
本报告数据来源为1,127,302份设计项目,调研范围涵盖整个设计流程,由Avocode权威发布。
(关注【英雄设】,回复“报告”,获取完整版)
本报告数据来源为1,127,302份设计项目,调研范围涵盖整个设计流程,由Avocode权威发布。
在报告中,我们可以清晰的看到全球互联网设计趋势,看到设计软件的革新,从而选择更快捷、更高效的工作方式。
设计软件重新布局
2012年,Sketch作为专业网页设计软件,强势登陆Apple,抢占Photoshop和Illustrator势力范围。2016年,设计软件再次重新布局:
▶Sketch在移动产品设计领域人气飙升,不断开发新功能。(例如Symbols加速迭代过程,Export加强协作,Mirror帮助建立模型)。
▶Adobe意识到市场转变之后,开始着手彗星项目,并于2016年发行Adobe Experience Design。
▶Affinity Designer、UX pin、Figma、Framer.js等新工具大量涌现。

过去两年Photoshop vs. Sketch在网页设计中的使用比例
年度设计工具Symbols
Symbol当选年度设计工具,完美提升设计效率:
▶Symbol是一柄用于快速设计(组装)和更改的完美利器。可以创建一组命令,并重复加以使用(插入),或同时改变(通过Master Symbol)并提供Overrides选项,允许设计师只改变文本和位图图像而保留风格。Symbols甚至允许嵌套使用(就像《盗梦空间》)。
▶Sketch在2016年4月发布了这些令人惊叹的功能后,用户量已增长了760%。现在每三个画板(平均)就包含一个Symbol。
▶AfnityDesigner和Adobe Xd等软件也已引进 Symbols。

含Symbol的Sketch设计图比例
可以预计,2017年Symbols将迎来人气和功能的持续爆发。
加速版本控制将主导网页设计的将来
在编码前,Photoshop设计图平均只有2次再编辑,而Sketch设计图有4.5 次,再编辑次数越多,意味着设计越容易更改。从设计图的历史版本来看,Photoshop设计图的再编辑次数几乎停滞不前,而Sketch则稳步上升。
客户改变想法不过分分钟的事,但设计师们却需要好几个月才能重新设计好网站。

设计再编辑次数(平均)
因此,一个支持灵活修改的系统,对设计师们来说不可或缺。从整个协作设计过程来看,我们不可忽略Sketch在导出时间、文件大小,从而在分享时间上的优势。
轻量设计让文件更小、分享更快
极简理念依然大行其道,网页设计趋向“瘦身”:
▶Photoshop设计图的平均大小从24.37 MB(2015年)下降到8.62 MB(2016);Sketch设计图的平均大小从2.99 MB(2015年)下降到1.97 MB(2016年)
▶每个Photoshop图层组含15% 位图和30% 矢量图形;每个Sketch图层组含5% 位图和50% 矢量图形。
这种变化与设计内容的精简息息相关。设计文件变小不仅让设计师和开发工程师喜闻乐见,各终端网络用户也同样受益良多,因为随着位图图像减少,网页变得更简洁,加载更快且消耗更少流量。
Sans字体凭借可读性高居人气榜首
文字依然是设计的重要一环:
▶文本图层仍然占据31%的Photoshop设计图层和24%的Sketch设计图层;
▶几乎100%的设计图都含有文本图层;
▶serif字体已被排除在前20名之外(在过去两年间);
▶Sans字体凭借可读性高居人气榜首。

最受欢迎的7种字体所占比例
解密PSD和Sketch设计图的“黑白配”
作为经典的黑白灰,使用情况如下:
▶在2016年,55%的Sketch设计图使用了白色(比2015年增长23%),而只有25%的PS设计图使用了白色(比2015年减少20%);
▶灰色阴影的使用在Photoshop中增加2%,却在Sketch设计图中下降约4%。两款软件对黑色的使用则在过去两年间持平(约6%)。

各颜色在设计图中的使用比例
设计师们终于良心发现,放弃混合模式了?
混合模式的使用在2016年大幅下跌:
▶在Photoshop设计图中减少了21%,Sketch中减少了3.5%。
混合模式是设计师之蜜糖,却是开发工程师之砒霜。因为添加混合模式只需一键之劳,但要用CSS代码来编辑却十分棘手,有时甚至无法实现。因此开发工程师都很高兴看到设计趋向于简单化,且混合模式运用减少。

Photpshop与Sketch设计图中各混合模式的使用比例
图层效果为何“缩水”了一大半?
扁平化设计似乎在2016年大势风行,然而最惊人的是渐变效果的减少:
▶描边和投影仍然是最受欢迎的图层效果
▶2015年 41% 的PS设计图含有投影效果,在2016年跌至17%(相当于减少58%);
▶纹理效果同样如此,在PS设计图中至少减少60%,Sketch设计图中减少30%;
▶2016年仅有8.4%的Photoshop设计图使用了渐变填充效果(相比于2015年的35%,下降了76%);10.7%的Sketch设计图使用了这一效果(相比于2015年的20.6%,下降了48%)。

Photoshop与Sketch设计图中最常用的6个图层效果比例
圆形为什么受欢迎?
圆形依然是最受欢迎图形:
▶283.8%的Sketch形状和86.9% 的Photoshop形状都具有圆角边框
为什么圆形如此“泛滥”?没错,就是因为他们有吸引力,让人不自觉想要触碰或点击它。随着移动端的普及,“我想触碰它吗?”成为至关重要的问题。

圆角半径和尖角半径所占比例
2017年设计趋势如何?
我们有理由相信,轻量、扁平化和模块化的设计是大势所趋:
a.偏爱纯色、细微渐变和矢量图,少用阴影和重量图像。
b.偏爱易改变、易替换的元素。
这些设计,更符合时代和用户需要。
想看更多数据和分析?
关注【英雄设】
回复“报告”
即可获取完整版
作者 |Avocode
译者 |刘芸妨
校对 | Cherry
设计 | 张国敏
责编 | Grace







































