赞助商
立即赞助

想要版面统一?用这九种手法盘它!

平面设计3年前 (2021)发布 流光
2.8K 0 0

@研习设K先生 :一同学向我们咨询,他的问题概的意思,类似网站或者淘宝详页的那种图怎么设能好看?我们之的分享里常强调设规则的普性,看似不同品类的设作品,其实这里面的绝多数规则都其他的品类中同样用的。如果不同的话,这里面的不同,也只侧重点一些不一样已。

想要版面统一?用这九种手法盘它!

比如这问题里提到的图,好,视觉的统一性在这里起到了主导作用,不是长图,其他海报、画册、DM 甚至空装饰等都是样。统性能做好,这个设计才能算及格。

什么是统一性

既然统性这么要,那么什么是统性呢?用句话来概括,视觉统性指是各个元素明显和谐致。也是说,统意味着协调致。在个框架内,元素没有做到这协调致话,设计作品会变支离破碎。如有说你设计做很乱,那90%问题是出在统性上。

想要版面统一?用这九种手法盘它!

打个比,在高冷狼群,出现了哈士奇,算它长和狼很像,是感觉是怪怪,这是不协调元素乱入,我们带来观印象。括开会穿正装,你穿着拖鞋、大裤衩去了,效也是样。

统一性的作用

了解了什么是统性,下我们再来看看统性作用有哪些,主要作用有4。

  1. 规律秩序带来美

想要版面统一?用这九种手法盘它!

由于处环境的影响,人类天生就对统一、秩序有着很深的偏爱。就像松塔、向日葵、多肉植物,研究过例的同应该知道,他们的生长轨迹都是按照金例来走的,这种美例带来的统一性就会很自然的给我们带来美的享受。

  2. 通过统一性引导视觉

引导视觉和我们类视觉习惯有关,过统性可以把相似或者处于层级设计元素联系到起,能够优化信息传递效率与晰度。

想要版面统一?用这九种手法盘它!

像书籍杂志目录,用简单大小比,梳理好这里核心内容层级关系,能让读者更快更晰了解这些内容。

  3. 加深用户印象

想要版面统一?用这九种手法盘它!

这点是牌视觉形象的统一性,通过某种视觉元素的断重复,够深受众对牌的印象,在这里给大看一套 VI,还是很容易解的。

  4. 节省时间提高效率

想要版面统一?用这九种手法盘它!

统一就味着这面存在重复。让做这种变化多的计容易,还是做这种有规律有秩序的形式容易?各种炫酷的效果加进去还是挺累的,右边的这个就简的多,相大多数人都会选这种简的对吧。

提升统一性的九种方式

构成版式的常见素:字体、文字组、图形、图片、背景,如果能把这些素统一性增,就可以避免大部版面混乱的问题,那如何化这些素的统一性呢?这九种方式就能帮你,大、重量、间距、方向、对齐、色彩、形状、布局、风格。下面来了解一下这九种方式在计中的应用。

  1. 大小

在这些方式里,控制设计元素大小的方式来强作的统一性,应该是最简单见的。

想要版面统一?用这九种手法盘它!

看这组字,字的大小参差齐,有的人这样做可是为了强调这里面的键容,但是这种形式的变就会成字组参差齐,产生很多没有必要的负空间,字组变碎。把这样一组字填充到版面中,这种和谐会更突。

想要版面统一?用这九种手法盘它!

如果调整成右边这样,统一性就会好很多了。设计要务于整体,每个小都做很多变,变多了就会难控制,控制好整个版面就会混乱。字外的元素同,这是版面中元素大小的统一。

  2. 重

想要版面统一?用这九种手法盘它!

注这组文字,放在一起给的觉是统一的吗?不是,的粗细度都是不一致的,如果一个版面中存在着大量的粗细对比,统一性就差了,这也是多同学没注的地方。

想要版面统一?用这九种手法盘它!

为什大部常用的字体都会有字体家族,这些不同粗细的字体就可以帮助控制字重。在理文字组的候,字重要调整匀称,比如这个文字组,已经出现大对比了,再做字重对比,对比就多了,对比过多就味着混乱、难以控制,把它调整匀称就可以了。

  3. 距离

想要版面统一?用这九种手法盘它!

了解了重的均衡,再看看间距统一秩序的什么区别。

想要版面统一?用这九种手法盘它!

如果版面中同时出了多组文字,的人就会忽略这细节了,特别这些文字处于同一层级下的时候,注意。

想要版面统一?用这九种手法盘它!

字与字这样,同一层级的文字组之间的距离同样这样,包括图形、图片,道理都一样的,看似简单的距离统一,同样重。

  4. 

想要版面统一?用这九种手法盘它!

方向的统一,个理,同一个级下的几组文字,或者把它想成单独的文字、图形、图也以,他们在版式构成中的方向要是统一有规律的。

想要版面统一?用这九种手法盘它!

果版面中加种不稳定的形式,就变得很难控。

  5. 对齐

想要版面统一?用这九种手法盘它!

是以文组为例,常见齐是左齐、右齐、居齐,在组文,相齐很自然会带来统感觉。

想要版面统一?用这九种手法盘它!

算在这些文组基础上,加入其他图形或者图片,让这些所有元素进齐,个结构仍然会很和谐。

想要版面统一?用这九种手法盘它!

反过来,算是层级下文组,我们保证了大小、量、距离和统,如齐不致,也会破坏版统性。

  6. 色彩

彩的统一也很理,像我们做设计,一般不把文字得颜六的对吧?包括版面中背的颜,使用单一的颜或者近似是比控的,颜越,越难控,想做出统一的感就越难。

  7. 形状

想要版面统一?用这九种手法盘它!

这个形状统性我们可以拿图形、图片来做例子。圆形、椭圆、形、菱形、三形、多边形很多基础形状,在这些形状入图片,算图片样,统性都不见有多好。

想要版面统一?用这九种手法盘它!

更何况在多数情况下,这入图片都是不样。我们在统形状框架内使用图片,可以有效避免这个问题,让图片或者图形,形成秩序,保证图形图片元素和谐统。

  8. 布局

局指的是所有的设计元素在整个版面中的合理置安排。种局和上面提到的设计元素的大小、方向、距离、对齐等等有关系,是对他们的一种统筹组合。特别是网页长图,局的统一节省我们设计师很的时间,也让整个品具有很强的统一。

通常使用网格来约束,控制版面中的这些计素会方便。网格系统的使用可阅读→《高的面课堂!网格系统的入门基础知识+案例演示》

  9. 风

最后一点格的统一,字体、图形、图片、颜色包括布等等都会影响到格统一。而且同一种格,就有着极强的统一性。

想要版面统一?用这九种手法盘它!

简单来说,就像我们想设计类似无印良的那种大留白的极简格,就把作做的和电商的感觉一样。这全是两种格的东西,使的字体、图形、图片、颜色包括布都会有很大的差异。至于择么样的格,一般根据项目的题和客户的要求来就可了。

案例演示

想要版面统一?用这九种手法盘它!

这网页作品的设就遵循了面提到的那9种方式,包括里面使用的设元素也都面出过,虽然里面使用的设元素很多,但他们看起还一整体。对于这案例,网格与风格的统一可以拿出单独看看。

想要版面统一?用这九种手法盘它!

这里截取了案例中的一部分网格,可以研究一下网格与对应元素之间的关系,整案例都这同一种网格框架下行布局的,这样从布局就能保证案例整体的统一性。包括这里面出的图片,风格都基本趋向一致。

统一与变化

设的过程中,能够注意到面这点,就能让作品具统一性,看起、读起很舒服。当然这种绝对的统一也会给人死板、缺乏变化的感觉,设作品中需变化调节的,不过这种变化也统一的基础行的。加入变化可以再得10分,变70分的作品,但加入了变化以后,控制不好,这分数很可能会变50分,甚至低,那可能就不合了。

想要版面统一?用这九种手法盘它!

这就好比这张人脸,的状态很完很自然,右下角还一颗人痣,统一变化都很好。如果把这张脸变左右完全对称的,很完,但就之那么自然了。完全对称的人脸就绝对的统一。

想要版面统一?用这九种手法盘它!

如果这样的话,就变化太多的后果。

想要版面统一?用这九种手法盘它!

总结

你说你这两张脸都不喜欢,是想要这样自然完美状态,其实不容易。长相看命,设计作品要靠你个努力了。做是要现实,能做好统,到及格标准以后,我们有会再聊聊这个变化问题。

欢迎关注研习设的微信公众:「Yanxishe2017」

想要版面统一?用这九种手法盘它!

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

重复、对比、对齐以及亲密性是版式设计中的四大原则,各种排版形式与规则都是基于这四大原则衍生而来,而掌握这些具有指导性...
对齐原则
创意字体排版既是 2020 年的主要平面设计的趋势,也是一直以来一直在趋势前沿的一个设计门类。对于设计师而言,优秀的创意字...
字体排版
每个人都在关注趋势。Dribbble 是设计师的集散地,也是设计趋势最容易体现的地方。如果你经常关注 Dribbble 上的那些设计作品...
2018设计趋势
@研习设K先生 :所谓设计就是按照人的生理和心理需求,来对我们周边的事物、环境、生活方式进行研究和设计,是和人的审美心理...
对称
相信大家平时生活中拍照都应该接触过美颜滤镜,即使没用过也应该听说过,自然也都知道各种滤镜的强大之处。但是大家有没有思...
双色调
时隔不知道多久,终于我又开始更新《随手拍一张照片,就是一幅海报》系列设计分享文章了,让大家久等啦! 这个系列的文章是...
做设计的面条
一年一度的春运今天正式开启了,有些小伙伴可能已经在兴高采烈的准备回乡的计划了,但由于疫情原因还有一些小伙伴却只能原地...
平面设计
上回,咱说完了文字跳跃率,今个儿,咱就来说道说道图片跳跃率。 说道之前,咱照例还是先来看俩问题。 下面俩版式,哪个给人...
图片跳跃率