服务粉丝

我们一直在努力
当前位置:首页 > 财经 >

如何增加画面形式感(3)——空间层叠

日期: 来源:Change Design收集编辑:设计师 doo

前言

本文是“增加画面形式感”的第三篇内容。

上两篇分别是通过“切割”与“重复”的方式来增加形式感,感兴趣的小伙伴请移步:

如何增加画面形式感(1)——切割

如何增加画面形式感(2)——重复


本文主要介绍通过增加Z轴厚度,也就是元素上下层级的方式来丰富画面,让画面更具空间感和层次感。





视频版:



1、文字层叠

如何处理纯文字画面,平铺直叙应该是我们能想到的第一种方案。通过文字对比建立层级,这样固然很清晰,但是也少了一些形式感。在不增加额外元素的情况下,可以将部分文字进行层叠的处理。这样,即便还是由纯文字组成的画面,但文字之间有了空间的关系。文字也不止承担了表意的作用,在视觉上也更加有装饰性。此种手法要注意文字之间的颜色对比,保证可读性。



2、通过模糊,制造景深

以实物图为背景,文字安置在图片之上,是杂志封面常用的手法。这对于图片质量和文字排版的要求较高。如果只用简单的居中排版,会欠缺一些变化。我们可以以现有的文字为素材,制造一些景深效果。

所谓的景深,其实就是建立“焦点平面”。在摄影中,我们所谓的“对焦”其实是锁定一个平面,使其最清晰,而越远离这个平面的元素,则越模糊。

承载主要内容的面,自然是我们的视觉焦点。因此只需要建立一些“模糊的面”就建立了层次区分。选择几个关键文字,拆分放大并模糊处理,安插在主要画面之前,就建立起了“前后景”关系。




3、通过“障眼法”,来建立层级

线的连续形成面,通过调整与线的前后关系,制造出人从线框中“走出来”的感觉。实现方式也很简单,将部分线条擦除即可。同理,文字也可放置在人的“前方”或“后方”,形成空间穿插的关系。




4、镂空上层,透出下层

除了单纯的上下层关系,镂空也是一个不错的选择。将上层遮挡内容进行部分挖空,下层的内容便可局部透出。信息本身没有发生变化,但整体画面更加耐看。



总结:

空间层叠说白了就是利用图层的特性,将原本处于统一平面的元素上下叠加来营造空间感和层次感。在保证关键信息的可读性的基础上,画面更加耐看,给人留下印象。


希望这篇文章能给你带来一些小小启发。

感谢阅读。



欢迎交流讨论

找到同频的学习者,一起成长。






如果这篇文章对你有所启发

那就点个“在看”吧~

相关阅读

  • 关于留白,你需要知道的事

  • 前言首先想要跟大家说一句抱歉,毫无预警停更了这么久。这几个月虽说赶上电商618,同时负责了公司重点项目的设计,客观上确实非常繁忙,很难挤出时间。期间又被拉去集中隔离+居家隔
  • 信息层级与画面主体

  • 视频版前言:画面的两大组成在设计中,绝大多数的画面都是由两部分组成:图片和文字。由于图片天然的聚焦属性,往往更加吸睛,而文字则更多地承担了传达信息、区分层级的作用。1、决
  • 设计没思路?5招,让你的画面立刻活起来

  • 前言相信很多设计新手,常会有这样的感受:技法貌似都懂,教程也看了很多,但是等到真的要着手画图的时候,大脑又一片空白,毫无思绪。这是因为,我们常常只埋头于找参考,照葫芦画瓢,但缺少
  • 使用Notion AI后的几点看法

  • “Notion AI是一款极其强大且易于使用的工具,可以帮助您整理知识,撰写文档和记录笔记。它为您提供了一个可以实现简单快捷导航的用户界面,使您可以轻松访问和管理所有的文件和
  • 那些炫酷的 CSS 文字效果之诗词《兔》

  • 不知不觉已经迈入2023年,今年是兔年,想到兔子就会联想到玉兔,中秋,胡萝卜,兔子不吃窝边草,这就越扯越远了,今天的主题是用纯CSS来实现各种不错的文字效果,文字则摘录古诗词中有关《
  • 1.57版本测试开发中!

  • 大家好!有好一阵子没更新了,本人最近不幸遭到裁员,所以近期会补上之前没有做完的事情。前段时间从1.55到1.57默默开发中文章迟迟没有更新,见谅!1.55版本中主要是修复一些闪退bug;1
  • 拯救无聊假期,收好这份宝藏审美片单!

  • 过年总少不了电影,作为新时代青年的电子年货之一,一份待看电影清单就是避免春节陷入无聊的最佳储备。这期给大家整理了15部宝藏审美电影(每一帧都可以美的截图那种),拜完年聚完会
  • 学会这个套路,情人节的设计轻松做出彩!

  • 文章前言>今天给大家带来的是一个情人节海报的设计思路,帮助大家完成情人节的设计工作。大家在平时的设计过程遇到了什么难以解决的问题可以直接私聊发到我的公众号里,如果大
  • 你和100分插画,差哪亿点点细节?

  • “我在站酷上看到了东奇老师的老北京涮羊肉系列插画,我很喜欢,所以我来报名啦!”这是第六期百图特攻队某位学员在报名的时候说的话。而他看到的正是下面这套插画。左右滑动/点

热门文章

  • “复活”半年后 京东拍拍二手杀入公益事业

  • 京东拍拍二手“复活”半年后,杀入公益事业,试图让企业捐的赠品、家庭闲置品变成实实在在的“爱心”。 把“闲置品”变爱心 6月12日,“益心一益·守护梦想每一步”2018年四

最新文章

  • 如何增加画面形式感(3)——空间层叠

  • 前言本文是“增加画面形式感”的第三篇内容。上两篇分别是通过“切割”与“重复”的方式来增加形式感,感兴趣的小伙伴请移步:如何增加画面形式感(1)——切割如何增加画面形式感(2
  • 浅谈UI设计中的“向右小箭头”

  • 前言相信UI设计师对“向右小箭头”都不陌生,甚至可以说非常熟悉。它的应用场景很广,最常见于各种列表。但它所代表的含义,以及相应的作用,很少被梳理。最近在工作中正好遇到一个
  • 关于留白,你需要知道的事

  • 前言首先想要跟大家说一句抱歉,毫无预警停更了这么久。这几个月虽说赶上电商618,同时负责了公司重点项目的设计,客观上确实非常繁忙,很难挤出时间。期间又被拉去集中隔离+居家隔
  • 如何提升效率

  • 前言:什么是效率?在单位时间内做的事越多,效率就是越高吗?并不是。很多人看似忙碌,但到了要做回顾的时候,还是会感到一阵空虚,似乎平时做的事很多,但真的说得出有成果的没几件。没有
  • 你为什么总是很累?

  • 前言:为什么你这么容易累我相信很多人常常会有“好累”的感觉,包括我自己。明明没做什么事,但就是觉得很累,早上起不来,精神难集中,任何需要花力气的事情都不想做,只想躺着玩手机。