在日常闲逛Behance、Dribbble时候我们可能经常会看到这些高逼格页面,被他强有力的视觉冲击所惊艳到,例如这些...
看完老外的一些作品后大家有没有发现,他们所表现信息层级区分的都非常清楚。
说白了就是
标题特别特别大!!!
好的,那么今天我们就围绕来外的这些排版方式总结出了他们常用的三种排版方式!
一、标题大小对比强烈
通过上面例图对比很明显左边的对比强烈,更能吸引眼球。所以标题与说明文的字号大小比例最好在2倍以上。
说到吸引眼球,报纸的排版可以值得学习,标题都是超级大。
因为人类的眼睛无论是看报纸还是看电脑看手机,都是快速浏览状态,而非阅读状态。顾客只有先看到感兴趣的标题,才会选择阅读说明小字。
高对比度不光可以吸引人,高对比度本身也具有美感。比如高鼻梁肯定比扁的鼻子要好看,因为人眼不喜欢看平的单调物体,有对比有隆起变化才美观。大眼睛也是一样的道理。
案例应用
仔细看上面这些图的背景层上,都有很粗的半透明英文。这一点在国外的设计中特别常见,主要有2个目的。
其一丰富背景避免单调
其二是制造画面前后的遮挡层次感
二、背景加中英文制造层次感
比如下面这些产品下加一些英文,上下形成遮挡关系,是让画面更有形式感的好方法。
下面这个京东的落地页也是如此,背景层的英文。
三、加小符号/英文装饰
当你观察老外的页面设计时,你会发现他们非常喜欢在图片的四角加一些小英文,或者其他的小符号,以此让画面显得特别精致,这也是老外最爱用的一个装逼大法!
这么做仅仅只是为了点缀吗?
并没有,除了点缀还可以起到充实并均衡画面的作用。实质上就是取得视觉心理上的稳定感。
注意这些小符号一定要够小才行。生活中我们会说某个女生很精致,假如她是一米九的大个子…精致这个词就不合适了。
那针对这些小点缀我们在设计时候应该注意这三个地方:
1、对齐、等距
仔细看下图,四个边都是等距离,并且几个元素之间都是相互对齐的。
老外做的不用说,大多都是等距。
下面这个详情页的头图也是如此。距离都是相等的。
2.保持均衡
在保持均衡的同时,尽量有细节变化,不然容易做呆板。
比如下面这个图左下是英文,右上改成了一道竖线。相互对称。当然你也可以换成其他的符号试试效果,不一定都用英文。
适当错位排版,增强细节变化。
下面这个图,左侧都是横排,右侧改为竖排,做些变化,防止呆板。大家根据各自实际版面调整。
第三、随机应变,灵活运用
以上所举得例子,有的四个角都有小元素,有的只有2个角落有,总之他们的目的都是一样的,点缀、充实、并对称均衡画面。
下图只在最右侧加了一串英文,整体视觉依然很平衡。
下面这个海报,四个边中英文都有,本质跟上面例子的视觉原理都是一样。搞懂了视觉原理,就可以举一反三。不然就是照葫芦画瓢,会进步很慢。
说了这么多具体还得实际去操作,毛主席教导我们,从零乱的现象中发现事物内部存在的必然联系,用规律指导实践,再在实践中验证规律。
閱讀更多 壹念視覺 的文章