Photoshop将死:设计师必看的设计大数据报告

用户头像
杭州/设计爱好者/9年前/864浏览
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等新工具大量涌现。

63a258c664b4a801219c771b3f6e.jpg

过去两年Photoshop vs. Sketch在网页设计中的使用比例

年度设计工具Symbols

Symbol当选年度设计工具,完美提升设计效率:

▶Symbol是一柄用于快速设计(组装)和更改的完美利器。可以创建一组命令,并重复加以使用(插入),或同时改变(通过Master Symbol)并提供Overrides选项,允许设计师只改变文本和位图图像而保留风格。Symbols甚至允许嵌套使用(就像《盗梦空间》)。

▶Sketch在2016年4月发布了这些令人惊叹的功能后,用户量已增长了760%。现在每三个画板(平均)就包含一个Symbol。

▶AfnityDesigner和Adobe Xd等软件也已引进 Symbols。

0eca58c664bea801219c77f2420c.jpg

含Symbol的Sketch设计图比例

可以预计,2017年Symbols将迎来人气和功能的持续爆发。

加速版本控制将主导网页设计的将来

在编码前,Photoshop设计图平均只有2次再编辑,而Sketch设计图有4.5 次,再编辑次数越多,意味着设计越容易更改。从设计图的历史版本来看,Photoshop设计图的再编辑次数几乎停滞不前,而Sketch则稳步上升。

客户改变想法不过分分钟的事,但设计师们却需要好几个月才能重新设计好网站。

f13458c664cba801219c77c00636.jpg

设计再编辑次数(平均)

因此,一个支持灵活修改的系统,对设计师们来说不可或缺。从整个协作设计过程来看,我们不可忽略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字体凭借可读性高居人气榜首。

ec0158c664d5a801219c772fd233.jpg

最受欢迎的7种字体所占比例

解密PSD和Sketch设计图的“黑白配”

作为经典的黑白灰,使用情况如下:

▶在2016年,55%的Sketch设计图使用了白色(比2015年增长23%),而只有25%的PS设计图使用了白色(比2015年减少20%);

▶灰色阴影的使用在Photoshop中增加2%,却在Sketch设计图中下降约4%。两款软件对黑色的使用则在过去两年间持平(约6%)。

364d58c664e0a801219c7756624f.jpg

各颜色在设计图中的使用比例

设计师们终于良心发现,放弃混合模式了?

混合模式的使用在2016年大幅下跌:

▶在Photoshop设计图中减少了21%,Sketch中减少了3.5%。

混合模式是设计师之蜜糖,却是开发工程师之砒霜。因为添加混合模式只需一键之劳,但要用CSS代码来编辑却十分棘手,有时甚至无法实现。因此开发工程师都很高兴看到设计趋向于简单化,且混合模式运用减少。

4f0458c664eca801219c77e796a9.jpg

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%)。

55a558c664f5a801219c77882aa0.jpg

Photoshop与Sketch设计图中最常用的6个图层效果比例

圆形为什么受欢迎?

圆形依然是最受欢迎图形:

▶283.8%的Sketch形状和86.9% 的Photoshop形状都具有圆角边框

为什么圆形如此“泛滥”?没错,就是因为他们有吸引力,让人不自觉想要触碰或点击它。随着移动端的普及,“我想触碰它吗?”成为至关重要的问题。

04c358c66501a801219c775271cc.jpg

圆角半径和尖角半径所占比例

2017年设计趋势如何?

我们有理由相信,轻量、扁平化和模块化的设计是大势所趋:

a.偏爱纯色、细微渐变和矢量图,少用阴影和重量图像。

b.偏爱易改变、易替换的元素。

这些设计,更符合时代和用户需要。

想看更多数据和分析?

关注【英雄设】

回复“报告”

即可获取完整版

作者 |Avocode

译者 |刘芸妨

校对 | Cherry

设计 | 张国敏

责编 | Grace



2
阅读原文
|
举报
|
5
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
城阙凡花
城市园林平面布局航拍
学习,优惠券,平面,海报
玄关入门地毯印花图案红地毯
金色颗粒质地的平面
中国传统纹样创新图案设计
金色颗粒质地的平面
平面插画情侣/矢量
城市园林平面布局航拍
平面风格黄绿色系花朵装饰
倒计时,海报,平面
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
平面花卉图案扁平简约无缝拼接插画
“知识宅急送”外卖,快递,平面,海报,素材,教育
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
平面设计 吊牌设计
课程海报,平面素材
空的平台平面和自然景观
平面书法字手写
金色颗粒质地的平面
牛奶乳液层次平面平铺平面
金色颗粒质地的平面
牛奶乳液层次梯田平铺平面
金色颗粒质地的平面
海底世界插画
你可能喜欢
大家都在看
登录注册