查看原文
其他

如何营造一个舒服的空间?这点一定要知道

董掌柜 视研设 2022-12-08



今天带来的是关于版式设计空间协调的文章,我准备出几期关于空间逻辑的文章,帮助大家梳理好这个空间的处理思路。

本篇文章要讨论的话题是关于负空间的,这个是很多小伙伴都非常头疼的,我私下在交流以及指导的时候发现大量的新手都在犯这样的问题。下面就通过一些简单的例子和一个案例实操来解释这个问题,过程我会尽可能拆分的详细闲话不多说,下面开始今天的正文。


负空间的意思其实就是元素和元素之间的空间,大部分设计都会存在负空间只不过不好的负空间呈现的状态是细碎的,是形状奇怪的。

比如这里的图片处理的就很好,整体空间非常完整,主视觉也比较清晰,大小面的组合撑满了设计,没有给画面留下什么空间上的明显破绽。

唯一可能存在的麻烦就是右下角的位置,但这里巧妙的使用了一个手写体来解决空间。

正如刚才所说,没有负空间指的是没有难搞的负空间, 你要确保你留下的元素和元素之间的位置的形状是在你能力范围内可控的。


为什么有些设计一看就可以开始摇头了?就是因为这样细碎的负空间我们很难处理,一看就头晕,但是放在那不管又不行。

同样没有负空间也不意味着全部填满,只要视觉上看起来相对舒适,留白位置相对完整平衡这就可以。

留白和负空间完全是两码事,留白位置中提到的一点就是视线消失的位置可以作为留白。

亦或者维持左右的平衡也是留白的好方法,时刻关注左右上下的元素重量,只要匹配就可以适当收手形成留白。



解决问题要在问题发生前,我们选择主体时候就要提前预判到这个主体会给你带来什么样的空间麻烦,关注主体自带的空间缺口是选择主体时候非常重要的点。

类似这个设计,所形成的的两个空间缺口都是偏向于矩形,这就很好处理,因为信息的编排非常容易形成这个形状。

这个主体的缺口在哪里?很明显是两侧所以添加文字与主体叠压扩大主体的横向占比,这也是一种解决空间的思路。



先来看看文案,是一个医美行业的设计。整体需要一点留白但也不能空太多,调性要往高级一些走,所以色彩方向我想以黑白的配色去走解决。

下面开始进行一些基础调整,构图暂定为上下分割构图。

主空间内再分出来一个左右的结构

这就是我们的视觉阅读顺序,一定要确保文字部分不要抢主体的风头,因为主体的主空间内的大小基本和文字所占的空间属于对等关系。左侧放图片侧放文字,我们观察空间形状发现,竖排能最大程度的解决空间问题。



这里我个人调整为横向编排,稍微增加点编排难度,竖排有些过于简单在这里就不演示了。

整体调整为宋体字形,注意但凡需要放大的文字就要保证他的内部结构足够丰富。

整体调整为暗色,暗色的聚焦效果会更好一些。

添加人物主体,黑色背景下抠图要手干净一点,要不漏出来的白边就太明显了。

调整主体为黑白的图,注意关注对比度,直接转黑白的效果是很差的。

大家可以看一下前后的对比,压出一些暗部才能更好的让他和背景融合。

我们观察到主体头部附近空间存在一点点问题,所以这里我采用叠压的方式解决这块空间。

注意这里添加的一点点色彩就是为了后续能让标题呼应到主体。

适当增加标题层级,同时让其颜色细节匹配主体。

稍微给信息加点形式感,这都是核心区域,很多小伙伴犯的问题就是重点区域粗略刻画,辅助区域全是细节。

最后把下面的辅助区域信息处理了,左右结构改为左中右



当然做到这还没结束,我们通过分析发现目前还存在以下三个问题我们来逐一解决。

根据主标题的时光驻足很容易就联想到添加一些时钟之类的元素,这里要注意尽可能添加的元素是线性的,这样看起来会更高级一些。
让分割线别太直,适当用曲线去过渡一下。
补上一些小的水泡作为碘元素点缀一下空间。
最后做一个样机就完成了。



本篇文章我们学习了如何面对负空间以及负空间到底是什么,同时还带来了一个完整的案例拆解。希望本篇内容对大家有所帮助。讲道理这不加个好友平时白嫖问问题嘛~

扫下面的二维码加我好友,可以和我一起讨论交流设计~如果喜欢视研设的内容,可以加一个星标非常感谢。今天的文章就先到这里,我们下期再见。

回复关键词:海报样机   获取样机素材




您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存