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

<table><tbody>

除了干货,其它什么也没有

职场

数据

新媒体

设计

极客

/<tbody>/<table>

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

不过,伴随着越来越多的设计需求,市面上的交互图文越发同质化,重复设计严重,用户逐渐失去兴趣。那么在 2019 年对于头部品牌大号来说,有哪些新的交互和视觉方案可以在图文排版中应用?独立设计师荒村(yiwebsite)认为:

“我们应当融合其他设计思维。”

网页设计

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

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

web-banner 设计↑

可以适配手机尺寸↓

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

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

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

平面设计

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

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

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

LOGO、UI 设计

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

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

H5 设计

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

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

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

范例适用:微信SVG交互图文(节日、活动)

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

2.5D 插画

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

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

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

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

定制案例:萤火城堡

3D 低面设计

在最近新发布的《惊呆!三维立体图文排版?!》(点击蓝字阅读)

,我们为全行业带来了全新的高阶排版设计——低面多边形设计三维交互排版。

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

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

波普风等

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

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

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

矢量艺术二维码等

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

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

CSS 结合

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

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

左右滑动,找对象

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

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

我们的线下课程

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

其他你会感兴趣的内容

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

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

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

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

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

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

TEL:(021)3721 8818

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


分享到:


相關文章: