爆款酸性设计如何用，你真的知道吗？

 文末有.. 

2022年是竹子在设计行业的第16个年头，在这段时间内有幸经历了多个设计web1.0、web2.0、移动互联网设计的潮起潮落。做过一线设计师执行，也做过大的设计团队的管理，也积累了很久的设计..经验。心理一直有一个想法，把自己一些视觉经验想法系统的总结出来。

我记得我曾经合作过的一个出版社编辑和我说过，市面上销量最好的设计书籍不是各种理论深奥的设计书，反而是一些看似很简单理论和教程。因为通俗易懂，且让设计师可以直接学习应用，所以是最受大家欢迎的。所以接下来竹子撰写的视觉设计教程。会用大家看得懂的语言方式，没有深奥的理论，去解析视觉设计。

酸性设计风格

从2020年底开始，一种潮流设计风格大量在互联网..设计中使用。然后这股潮流设计风格也逐渐传导到线下的各种..视觉设计中。这种独特的设计风格叫酸性设计。

我们知道一种设计风格从出现到流行可能会是多种因素的叠加，但并不会是偶然。可能有很多人不是很喜欢这类设计风格，觉得就是各种素材材质的堆积，也有人对此不屑一顾。我觉得顶级设计师创作潮流，普通设计师跟随利用潮流，既然最近这几年设计圈大量使用这类风格，那我们就去理性的看待并加以学习分析。

移动时代iPhone扁平化设计流行后，设计圈很长一段时间崇尚简约、干净的设计风格。这种纯色平面装饰风格很长一段时间占据了设计的主流。这类风格也叫瑞士风格（Swiss Style），瑞士风格更加强调干净、易读、客观。这个风格最大特点就是抽象几何、大间距、网格运用、使用无衬线字体和简约摄影等，是典型的极简主义风格的代表。

瑞士风格装饰极简图形

而..设计风格本质是一种潮流的轮回。当一种风格长期占据用户的视线后，用户也会觉得审美疲劳，所以具有强烈迷幻视觉风格的酸性设计逐步就登上了潮流的舞台。

酸性潮流设计风格

与崇尚简洁的扁平风格相比。酸性设计的风格就走到了另外一个极端。如果去一些素材网站去搜索“酸性设计”这个关键词，可以看到大量这样的海报和视觉设计，画面中大量使用拼贴矢量元素，高饱和度的材质，混合各种金属，颜色也显得非常的嘈杂。初看这类风格，给人感觉混乱失调无序，会让人产生烦躁不安的情绪，但在我眼中这些风格并不能全部代表酸性设计。

严格来说，竹子觉得酸性设计不止是某一种单一的设计风格，而是一种视觉情绪的表达。因为你看到当下有暗黑的金属风、二次元的可爱风、明亮的幻彩渐变风格，都含有酸性设计结合的影子。

如果酸性设计完全只考虑视觉的冲击力，只考虑美学艺术性。那么注定只能是一种小众的视觉艺术，无法流行起来。想让一种设计风格为大众接受，并且具备大众传播的基础，就不得不去考虑与实际商业设计的结合，并且让风格的设计存在商业价值。那么如何把酸性设计和商业设计结合得更好呢？接下来我们来看看酸性设计如何和一些流行的商业题材结合。

酸性设计与二次元

竹子觉得商业设计与艺术创作最大的区别就是：商业设计你需要去考虑你的产出受众是谁，为谁而设计；而艺术创作可以根据自己的个人喜好，随心所欲去发挥。而酸性设计注定不是通用型设计风格，而是需要找出使用人群和使用场景。

酸性设计与二次元结合是目前看到最广泛运用的设计场景。什么是二次元呢？这是一个ACGN亚文化圈专门用语，字面意思是空间的“二维”。 因为..早期的动画、漫画、游戏等作品都是以二维图像构成，简单来讲就是在纸面或屏幕等平面上所呈现的动画、游戏等平面视觉作品，里面的角色都是二维图像形式。通过这些载体创造的虚拟世界被动漫爱好者称为“二次元世界”，简称“二次元”。

我们日常现在看到的各种描边线性插画就是一种典型的二次元风格应用，在前几年在线教育领域就大量使用这类描边线风格的插画去做..视觉设计。

酸性设计是一种个性的视觉艺术表现形式，不可能各种场合都适用。所以我们在应用的时候，首先需要考虑的就是题材的气质是否匹配适合。因为线性插画具有独特的艺术魅力，所以受众偏年轻潮流。所以在B站，虎牙，字节之类的互联网公司运营设计中使用较多，符合其产品气质。

传统的线性插画就是纯色或者少许渐变上色方式。而酸性设计中会加入一些高饱和度的流体色彩，在画面中的搭配产生的强烈的反差对比效果。从技法角度来说这是一种手法的混合，从视觉冲击力上是非常成功的。因为会产生一种年轻新潮的视觉情绪。

很多时尚潮流复古风格也会大量使用二次元描边线性风格元素加入，严格来说这不算单一酸性设计的范畴了。不过设计风格之间互相借用复用也是常用的。因为商业设计最重要的是视觉风格的呈现，带来独特的视觉体验，吸引用户的注意。例如下图中使用了复古的配色。二次元的描边设计风格，矢量的图形装饰元素，形成了独特的视觉风格。

另外二次元不只是线性插画元素的运用，一些图标元素我们也可以认为是典型的二次元视觉符号。受制一些产品气质的影响，可能不会直接使用线性描边手法，而是混合一些质感渐变元素，加一些经典的Emoji表情和箭头之类的元素。因为这些元素在真实世界中是不存在的，是存在于电脑二次元中的典型元素。例如下图腾讯游戏的宣传页就使用了多个小黄人和像素纹理塑造了一个立体二次元视觉。

酸性设计与Emoji表情

在很多酸性设计风格的海报插画中，你有没有发现都少不了这样一个小黄人脸部表情元素。这个小黄人叫Emoji表情。

Emoji翻译成中文是表情符号。最早来自..早期手中短信中所使用的视觉情感符号，也叫绘文字（日语：絵文字/えもじemoji）“绘”指图画，“文字”指的则是字符，可用来代表多种表情，如笑脸表示笑、蛋糕表示食物等，除了一些模仿人物表情的图形符号，还有大量动物，植物，建筑等日常物体加入，极大的丰富了信息的传达量，这也是来自..的一个亚文化的扩展。

受益于移动设计的以及社交媒体的发展，越来越多的人Emoji符号。苹果手机早期iOS5系统的输入法加入了emoji后，这种表情符号开始进一步席卷全球，目前emoji已被大多数现代计算机系统所兼容的Unicode编码采纳，普遍应用于各种手机短信和社交网络中。

由于酸性设计很多时候是一种情绪的表达，几乎各种酸性设计中都会见到不同设计风格的Emoji融入，而最典型的笑脸（Smiley）符号使用频次非常的高。这张笑脸起源于上世纪六十年代,也是人类文明史上第一个表情符号，成为西方流行文化的重要标志之一。使用这个符号也需要注意文化的差异性，在某些国家这个符号具有特殊意义，要避免不必要的风俗习惯的冲突。

在酸性设计中，很多设计不再单纯使用小黄人表情，这张笑脸也会作为一种独特的视觉符号，进行大量的二次创作，会使用画面中的各种元素加上丰富的表情设计。例如下图中的云朵元素，使用表情设计融入。

酸性设计与元宇宙

什么是元宇宙呢？每个行业或者每个人都有自己的理解。大家还记得《游戏玩家》这部电影里呈现的虚拟空间的世界观吗？现实中的人物都会在虚拟世界得到一个映射。但如果只是简单的虚拟映射，那和游戏也没什么区别了。一种新兴的设计理念总是需要商业设计相结合。区块链技术和 NFT（非同质化代币）的发展，让元宇宙的经济系统得以和现实世界打通，元宇宙世界获得的NFT可以在现实世界中得到兑换。这也是元宇宙概念在各种..行业中最先得到传播。

图片来源Nikita Replyanski on Behance

由于元宇宙是一个近期非常热门的关键词，当下互联网公司都喜欢把自己的业务和元宇宙关联上。所以各种..页，宣传海报都会使用科技类风格设计。在过去10年我们呈现未来科技感，大多会选择赛博朋克风格的视觉设计去呈现，设计元素会选择电路图，线性模型，或者极简的抽象矢量图形来表达。

我们经常会在酸性设计海报中，大量看到一些复古元素使用，如石膏像、黑白照片、音乐磁带、CD碟片等。这些复古元素是对上世纪流行文化的一种复刻。如果画面只是使用复古设计元素，那么画面只是会是单纯的怀旧风格。

而酸性设计呈现的是一种激烈冲突的视觉风格。酸性设计中会大量的用到金属、玻璃质感等现代类元素，这样画面中同时存在复古元素和现代元素的视觉冲突，这种内容反差会给人很强的时空穿越感。这种视觉反差在蒸汽朋克也经常会用到。

除了设计元素的冲突，酸性设计在颜色上使用也具有未来感，会选择玻璃，金属，沙石等基础材质，基础的材质带来Low Tech的感受。再搭配镭射光贴，渐变流体，霓虹，这类材质的质感带有一种未来科技感，两种材质混合搭配带来的强烈的色彩视觉冲突。

所以酸性设计所强调的高饱和度材质质感、元素风格之间冲撞，正好能体现出科技所需要的想象力，所以越来越多酸性设计在呈现元宇宙题材中得到运用。

酸性设计与潮流艺术

酸性设计大多画面构成比较复杂，元素多，层次丰富。画面中会使用各种金属，玻璃，流体渐变，镭射光谱等多彩的颜色。所以背景倾向于使用深色系背景。这样前景各种高饱和度的元素，画面才不会过于杂乱。当然因为暗黑风格的酸性设计元素对比过于强烈，也招致很多用户不喜欢这类风格。

而电影、音乐、潮流类品牌设计这些艺术类的主题，是一种非常强调独特风格的艺术形式。因为这类题材更加强调艺术的视觉冲击性。且用户对象对于前沿视觉风格接受度更高一些，因为不用过于拘泥于大众考虑接受度的问题，所以可以大胆尝试酸性设计这样的风格。

大多数人看到酸性设计有种混乱的感觉。如果喜欢日式或者欧美的极简风格设计，那是完全不能接受的，因为酸性设计的构图往往很复杂，元素的布局看起来很随机，所以也有一种说法，酸性设计是无规律随性的设计。

其实酸性设计只是运用了比普通排版多的多版式对比。所以才会给人一种应接不暇，甚至视觉混乱的感觉。我觉得版式不论使用技法多么复杂，只要明确..内容的主题，比如核心的标题文字，核心的商品推荐内容。这块可以很清晰的向用户展示，其他图形文字只是装饰的辅助部分，掌握好这条大的原则，酸性设计的排版也完全有规律可循的。

酸性设计与逆反差字体

在商业..设计中，字体的使用是非常重要的设计组成部分。竹子和我的学生经常说，商业设计中字体不要一味追求风格个性化，同时也要考虑识别性问题。就是你需要在这其中取得一种平衡。字体风格过于花哨，别人都看不懂你写了什么，或者风格过于平庸普通，毫无特点都不行。

逆反差字体

酸性设计画面的内容构成比较复杂，元素多，层次丰富。所以需要一种极具特色风格同时具有极强识别性的字体。在酸性设计中，有一种使用频次非常高的字体风格叫逆反差字体，逆反差这个词是从英文（reverse contras）翻译而来，也被称为（reverse stress）或者（reverse stroke）。

反差的字面意思就是对比强烈，逆反差字体最大的特征就是字体横向和竖向的笔画粗细，具有很强的反差对比，通过夸张的字体变形，形成极具张力的美学造型让人过目不忘。

提炼笔画典型特征

逆反差字体的典型特征就是横笔比较粗，而竖笔画比较细，我们可以寻找一些常见的逆反差英文字体去寻找典型笔画。拉丁字母一般都是横细竖粗，而中文逆反差字体风格经常会反向设计，把细笔画变为粗笔画，把粗笔画变为细笔画，我们经常造字会去寻找一些具有类似风格的基础字体参考。下面竹子介绍一些常见的逆反差字体设计可以参考的字体。

常见的逆反差西文字体有：

Caslon Italian

这是竹子最推荐使用的参考字体，每个笔画的粗细对比都非常强烈，而且笔画末端都有圆润的Q弹感。

Jon Sans Trial Typeface

这个字体和Caslon Italian字体很接近，最大的区别是笔画的末端结尾粗一些，另外笔画比较方正笔直，在中文造字使用这个字体笔画参考的时候可以搭配倩体之类的字体进行构造。

Ouroboros-master

Ouroboros这个字体竹子也觉得非常有意思，比如O这个字母笔画最具有代表性，会内切割出一个笔画形式感，在做类似酸性字体的时候也可以去参考这张非常具有个性的切割形式感。

Salvaje_Display

Salvaje这个字体比较有代表性的是S和A这2个字母，它的笔画末端也会有粗细对比的形式感。同时带有一定的内卷。

Manicotti

Manicotti这个字体有点胖乎乎敦敦的感觉，因为他的粗细笔画体现在横竖笔画上，整个字体比较方正，给人感觉比较规则。

常见的逆反差中文字体有：

造字工房溢彩体

造字工房溢彩体是非常标准的美术体感觉，横粗竖细，且撇捺笔画带有一定的弯曲，这是竹子目前找到作为酸性字体去造字最通用的基础字体。

造字工房超凡体

造字工房的超凡体和西文字体Manicotti具有异曲同工之妙。整个字体也比较方正规整，横笔划比较粗，竖笔画比较笔直。

造字工房拂川体

造字工房拂川体这个字骨架有自己很特别的点，就是内圆弧，这个字体的笔画给人的感觉就是好像一个飘动的丝带。因为整体非常的细而且很直，有点古风瘦金体的感觉。所以适合一些格调文化类商品风格环境去使用。

关于我推荐的这几个字体如何下载，中文字体应该很容易得到，而西文字体可能需要设计师去自行爬梯子去寻找了。另外善意提醒，版权字体，仅供个人学习参考使用，不要商用。关于逆反差字体设计的一些细节，这期篇幅有限，竹子准备下期和大家详细介绍，我打算从互联网..标题方式去思考总结如何设计这类字体。

酸性设计小结

竹子觉得酸性设计从2021年异军突起，通过互联网传播，设计师们大量在使用，到现在依然是一种前沿视觉设计风格。酸性设计从一开始的小众应用不被大众熟知，到目前..领域的应用不断增加，是值得设计师去学习研究的。当然竹子觉得不要只单纯谈艺术风格的新锐，而是设计要结合商业环境的应用去延伸应用，这样才能取得不错的视觉和..传效果。码字很久，大家如果觉得竹子说得不错，别忘记点个赞！

最后附上文中的酸性设计插画资料和字体包，关注“聊设计”公众号，后台回复关键词“酸性设计”获取打包网址哦～

2022年如何做好作品集

这样排版作品集版式更美观

首发 | 2022年UI界面设计趋势

组件化思维的设计流程

设计师想进大厂，这个分析能力必须掌握！

这个方法，搞定了我大部分产品体验分析