浅谈立体书形式在设计中的应用

杨绛先生的父亲有一次问杨绛:“阿季,三天不让你看书,你怎么样?”

她说:“不好过。”

“一星期不让你看书呢?”

她说:“一星期都白活了。”

父亲笑了,说“我也这样。”

阅读,即是一种本能,也是一种生活。有这样一本书,能给你视听触味嗅的体验,赐你探索世界的好奇心。它就是“立体书”。就现在,翻开它,让它带着你去冒险吧~

什么是立体书

立体玩具书简称立体书,泛指书页中加入可动机关或透过书页展开立体纸艺的书籍。世界通用的立体书专有名词被称为“POP-UP”

《Kellogg’s Story Book》 – additive studios

《Goldsmiths – Stand out to Future Employers》 – Sam Pierpoint

立体书的种类和样式

翻:最普及最基本的技术,翻开就有立体纸艺跃然纸上。

《Creative Pop Up South Indian Wedding Invite Design》 – Atma Studios

折叠插页:不增加立体书页,却能纳入更多内容与纸艺表现作用,就好像文章中的标注。

《The Huxtaburger Book》 – A Friend of Mine

拉:可以从地板运动迅速变身为花式体操的变脸专家。

《Personal Holiday Card #3》 – Joseph Veazey

旋转木马:转动着欣赏,转景书。

《Alice in Wonderland》 – Macmillan

隧道书 :多层景片一前一后平行且间隔排列,再以类似手风琴的百褶结构串联,观赏时必须将书本往后拉伸,通过多层次景片构成的景深产生立体透视的效果。

《Книга Загадка-Разгадка / Riddle-Answer book / 2014》
– Natalia Yugay

《Hermès – La nature au galop》
– Coney Leung

投影剧场:光的照射产生影的造型。

《More from Hari & Deepti’s Line of Backlit Paper》
– Sculptures

案例欣赏

LACOSTE L!VE作为新生代品牌,代表着一种年轻的态度,充满活力的穿衣风格。结合了LACOSTE经典元素与街头艺术,特立独行,充满个性。这本pop-up使用了以上所述的几个形式,通过新鲜有趣的freestyle传递够年轻够活力的时尚理念。

立体书形式的应用

对于咱们设计师来说,不能光想着玩呀,得想着这么好看有趣的东西怎么应用到实际工作中去si不si~

立体书的形式应用在banner、字体、海报、h5等设计上会有意想不到的效果!!不信你看!

摄影师谭硕作品《《时尚芭莎》 7月刊 美妆鲜货》

Lush Cosmetics – Set Design

SKU设计摆放:将产品置于“隧道”空间形式的纸艺之上,一层层边缘一条条流动的曲线,将产品气质衬托开来。

箱包pc端

Banner设计:使用前后叠加素材的隧道感形式,与人物形成反差,人物像是走进了童话世界,画面丰富配色和谐。

圣诞购物

POP-UP KITCHEN: Food on Canvas

海报设计:(上)画面主体居中,加以有前后关系的“纸片”做点缀。(下)字体与元素穿插,部分隐藏部分显露,给人意想不到的叠加关系。

H5设计–火影剧场版(腾讯):主体为轮回的父子情。使用立体书carousel的形式360度转动着看。这种旋转也体现了“轮回”的主题。原理上使用电动转盘,插上纸雕片,在灯光的照射下,圆盘的转动形成若隐若现的光影动摇效果。将色彩-动感-力度-音乐-节奏融为一体。

H5设计–大孩子童话(京东):京东618与迪士尼合作,用立体书形式奉上几处关于大孩子的童话。一镜到底的艺术表现,加上立体纸的创意贴合,这支h5把每个人带入迪士尼的经典童话中。细节上注意了书本翻页给用户带来的听觉感受,不同故事的不同翻页声音更加赋予用户的想象力,感受“大孩子童话”。

立体书形式在设计中的应用实践

在参考了上述案例之后,想在设计上做尝试。

主题:限时抢1000元礼包(开机图)

场景:梦幻红包星球

构思:构图上采用文案居中形式,元素上选择红包金币等表现主题,颜色上参考时下流行的微渐变风格。在处理完中间部分主视觉后,发现四周部分太空,过于简单。在考虑到不影响主体又要丰富画面的情况下,想到使用peepshow的层次感纸艺元素点缀在四周,最终达到想要的画面效果。

立体书形式在设计中的应用总结

关键词:多层次,空间感

形式:隧道书、旋转木马

隧道书:立体纸艺元素与画面相结合,前后叠加创造空间感。设计时有些将主体物前置于元素之前,有些镶嵌在元素里,有些则将主体物部分压住,产生丰富的层次感。

旋转木马:常用于动态场景(h5、gif等)来实现。用户在到前景的同时也能注意到远景,这种近大远小,前实后需的画面很容易将用户带入其中。若是加上光源,画面更有梦幻神秘的意境。

使用场景:一般作为主体以外的元素存在。目的为了突出主体物;丰富装饰画面;光源和投影营造氛围(神秘、梦幻等)。

技法:PS-效果-添加投影;C4D

立体书是平面造型与立体造型的结合,平面造型的立体化,两者有很多共同元素:点、线、面、构成、空间、阴影、透视、形态、色彩、肌理、材质等。其中平面造型主要表现点线面三元素所营造的二维空间感,立体造型则延至上下左右前后等各个角度的三元立体感。在实际工作中,针对无动效的画面更加注重视觉体验,而有动效的画面则强调三维空间给人带来的多种感官体验。在创意构思中除了从立体书的形式上考虑分类,还可以从其内容进行发散思维。比如:历史题材类、自然类、人文艺术类、童话故事类、电影周边类等等。大家感兴趣的可以尝试实践哦~

网易UEDC(公众号)

作者:蔡雨苏

(0)

相关推荐

  • 浅谈每日可在蜀门中获得金钱途径与经验

    浅谈每日可在蜀门中获得金钱途径与经验 步骤/方法 01 以上班族.学生族,以及老板无时间族. 咱来算算.每天蜀门为我们准备了多少金子呢? 02 接下来就是系统算是送给我们的吧. 那就是跑步了. 每星期 ...

  • 腾讯设计师:浅谈小红点的设计

    小编:今天给大家讲解一个你可能会忽略的设计点,这个细节还是很影响用户体验的.如何去更好的应用它?接下来就为大家解惑,让原本烦人的"小妖精"真正的被用户所接受. 导语 随着各类App ...

  • 浅谈随身听产品选购中的十点误区与问题

    在随身听版面混了一年多了,从白头小子到斑竹再到大区--一路走来感慨颇多,解答过很多网友的问题,也发现了一些在选购中常常会出现的误区.错误等等-- 很多问题都是共性的,在放假跑路前这里写出来,给后来的同 ...

  • 浅谈视频监控系统安装过程中的各类注意事项

    在选择安装监控系统时不能过于盲目,要想到达最好的效果,就必须在对监控系统的设备选择时作出正确的决定.笔者将就在安装监控系统时在设备的选择上应注意哪些问题简略的谈一谈. 步骤/方法 01 首先是摄象机的 ...

  • APP 设计中的小红点

    刚开始工作的时候,做过一版消息的页面,当时虽然加上了小红点,但却不知道它为什么要这样设计,现在消息页面需要改动,于是便想弄清楚其背后的设计原理.我提出了一些问题:小红点的定义和作用是什么?有哪些视觉特 ...

  • 浅谈影响用户的行为

    "宜家效应"中的设思维,利用人的创造力,在产品中加入低投入,高贡献度价值,高回报的任务,让用户不知不觉中成为产品品牌忠实粉丝.宜家效应给你一个新的设计思维. 前言 创造力的利用 很 ...

  • 设计中的“视觉层次”该如何体现?

    在设计环节中,为了让信息传达更加准确,界面更加美观整洁清晰,也为了用户更方便提取关键信息,必定要有视觉次序的区分.那么,设计视觉次序要如何体现呢?以下文章为你总结了一部分要点,接下来就跟小编一起学习吧 ...

  • 从设计师角度看待设计中的同理心

    作为一名设计设,为什么要对用户情绪这么重视呢?因为用户不能像专业的设计师那样分层次说出他的体验,他能表现出的就是用户情绪.那要如何分析.整理.总结用户的情绪呢? 篇首语 如果把人想象成一台电脑,情绪就 ...

  • 网页设计中文字排版设计的技巧

    谈到到网页设计中的排版,这是可个大学问.网站上每一个元素都能影响浏览,排版设计的好与坏绝对能考验一个设计师的基本功底,而短短的一篇文章并不能将排版介绍清楚,本文就先主要分享网站主题部分文字的排版,后期 ...