2019高级排版设计美学趋势｜头部品牌大号必读

我们在 16 年帮助微信团队制定了《 微信下 SVG AttributeName 白名单 》后，17 年和 18 年交互式图文爆发，高阶定制的设计如雨后春笋般涌现（点击查看） ：

林肯 | 第一太平戴维斯 | 梅赛德斯奔驰 | 起亚 | 腾讯

分期乐 | vivo | 滴滴打车 | 20世纪福克斯 | 一加手机

不过，伴随着越来越多的设计需求，市面上的交互图文越发同质化，重复设计严重，用户逐渐失去兴趣。那么在 2019 年对于头部品牌大号来说，有哪些新的交互和视觉方案可以在图文排版中应用？独立设计师荒村（yiwebsite）认为： “我们应当融合其他设计思维。”

不得不承认，哪怕是新媒体头部品牌的排版设计， 离传统 PC 网页的高阶美学还有巨大鸿沟。 以 PC 网页的主 banner 为例，作为整个网站的门面，如果转移到新媒体图文就是一种很好的设计移植 ▼

web-banner 设计↑

可以适配手机尺寸↓

适用：微信图文第一满屏设计

移动端网页（H5）: 竖版整体设计，从上到下无与伦比的连贯性。这是移动端网页设计非常大的优势，过渡和谐、整体连贯。如果想做微信竖版图文，优秀的移动端网页是非常不错的参考。

范例参考：手机厂商移动端官网

定制作品： 小米6X，拍人更美

平面设计的趋势性报告我们在《 2018创意设计指南 》 （点击蓝字阅读） 中已经介绍过，其中有一些设计风格是非常适合图文排版设计，甚至 SVG 交互式新媒体艺术设计的 ▼

定制作品： 青春赋活水 | hold住肌肤危“肌”

图标和 LOGO 一直是小元素设计和灵感的聚合体。但是，只有静态设计的时代正在过去。传统LOGO先靠边，动态LOGO嗨起来！有很多 LOGO 设计都可以直接通过代码转化到图文排版中 ▼

定制案例： 花式排版｜喵喵喵喵喵喵喵喵喵喵喵喵喵喵喵

基于 SVG 的大型 H5 作品并不在少数。他们交互感极佳，设计风格灵动。只要排版设计技术登峰造极，我们完全可以将他们移植到图文排版中去 ▼

范例参考：2017年拉勾之夜 | 年度盛典

范例适用：微信SVG交互图文（节日、活动）

脱离 HTML5 背景，荒村 （yiwebsite）认为我们也可以有一些不同选择，一起来看看还有哪些头部品牌可以进阶的美学思维。

2.5D插画，目前在 APP 启动页广告、网页 banner、商业插画、主题海报等等领域应用越来越火热。基于娴熟的平行透视设计能力，我们可以得到多种形式，甚至适合 SVG 图文高级交互设计的版式 Reference ▼

另外，如果你记得我们曾经在考察过台北故宫博物院后发布的《 哇！台湾人画出中的二向箔了耶！ 》 （点击蓝字阅读） ，应该也会意识到可以借鉴类似的设计风格 ▼

定制案例： 萤火城堡

在最近新发布的《 惊呆！三维立体图文排版？！ 》 （点击蓝字阅读） ，我们为全行业带来了全新的高阶排版设计——低面多边形设计三维交互排版。

荒村 （yiwebsite） 认为，基于三维元素设计周期长，后期适配微信需要做较多处理，尤其在设计水平没能同步跟进的情况下，三维立体排版还需要一段时间才能火热，未来半年仍然会以2.5D为主。企业想标新立异做一篇炸天图文，三维设计倒是不错的选择。

我们所熟悉的波普风，是重口味大色块与硬朗线条的结合。与当下的简约线条性冷淡风截然不同 ▼

荒村 （yiwebsite） 认为高阶排版设计中，SVG 甚至可以跨界打劫。艺术二维码、CSS 特效等都可以与之融合。

以一个实验性的图文排版《 呆！二维码还可以这么玩！ 》 （点击蓝字阅读） 为例。通过交互操作，用户自行拼装完成了一个二维码。也只有基于 SVG 才能完成这样的设计 ▼

定制案例： 乌镇 · 涟漪 · 动画二维码名片

把 CSS 的一些基础能力与 SVG 结合，或许会有更多新的艺术设计可能 ▼

左右滑动，找对象

另外还有更多脑洞可能，如高级漫画排版可以基于 SVG 的交互能力，让漫画剧情经过用户触发而逐步推进。适合品牌 Storytelling 演绎设计。

更多脑洞设计，欢迎品牌主们在 2019 年疯狂试探。如需参与专业培训，也可以点击下方小程序链接了解 我们的线下课程 ▼

其他你会感兴趣的内容

回复 排版 入门专业级新媒体排版技术

回复 广告 阅读更多广告营销行业指南

回复 漫威 获取漫威片头 AE 速成模版

回复 汉仪 获取字库免费试用优质字体

回复 多边形 下载低面多边形背景素材

H5、平面、视频等数字营销服务请致电

TEL：（021）3721 8818

合作客户： APEC 峰会 | 中国航天科技集团 | 华为 | 三星中国 | 香奈儿 | 肯德基（湖南） | 中国国际航空 | 湖北省电视台 | 河南卫视 | 浙江省人民广播电台 | 三生制药 | 交通银行 | 建设银行 | 真格基金 | 南方周末 | 上海闵行教育学院 | 牛津大学出版社 | 新东方集团 | 伟巴斯特 | 雪佛兰汽车 | 观致汽车 | 雷诺汽车 | TNS 新华信 | 高力国际｜第一太平戴维斯｜德国莱茵｜盖茨基金会｜追星集团