经历 | 3招让你的「版式」即简单，又不失设想感。

质下于

来历：知乎



优异作者保举：张家彬    小我公众号：美工美邦





在平常的设想工作中，板式即一个画面的骨架，也是视觉转达的重要组成部分，板式整体的活跃水平也能起到改变画面基调的感化，这也就是为什么很多作品看似很“简单”，但却不失设想感的缘由，若何把原本比力中规中矩的板式结构经过设想手法将其差别化、提升设想感、增强活跃度，这样做的目标是为了打破故步自封的形式，提升用户逗留时候、以及画面的兴趣性，所以本期就和大师一路总结一些常用增强板式活跃度、提升板式设想感的设想手法，有哪些？



色块叠压法，望文生义就是改变色块的摆放方式，可以分为两类，第一类是：色块与色块之前的叠压；经过色块与色块之间的很是规摆放形式，打破原本常规的板式结构，增强其形式感、活跃度，下面我们举个例子：



经过高低对照，我们不难发现，下侧画面整体板式结构更腾跃，直白的说就是不死板，而且形式感更强，给人的感受也更舒服、有兴趣性；而上侧画面的整体感受并不是说不公道，只不外相对照而言，这类种结构形式很常见，板式结构变化性不高，形式感和设想感也稍有欠缺，那末形成这类现象的缘由是什么呢？

1、顶部LOGO地区因采用了色块叠压的手法且故意将LOGO处的色块放大，使其超越导航栏的牢固范围，在视觉感受自己来说就已经构成了很激烈的形式感，打破了原本质块地区清楚的结构，是以，板式的腾跃性也加倍激烈~

2、时候说明地区将原本高低关系的色块分别经过叠压的手法将其改变成前后关系，且公道的将海报、时候说明、以及下半部分三个分歧模块毗连为一个整体，在提升板式活跃度的同时也增强了视觉的整体性！

色块叠压的形式在很多优异作品中也是很常见的，这类手法对于板式结构的重组、改变也是最直观的一种，比如：



经过色块之间的相互叠压，构成了很好打破常规的结果，使得页面板式的腾跃性更强！

第二类：色块与主体的叠压方式，经过色块与主体物大概产物之间的相互叠压感化，营建出很是规的设想形式，从而提升板式整体的灵活度以及设想感，举个例子：









这里应用的就是将主体物与色块之间相互叠压的手法，构成了一定的前后关系，而且这里主体处色块最高文用还是打破常规的板面形式，目标是在视觉上给人以加倍新奇、更具形式感的感受，且虽然做了结构上的改变，但并没有影响到主体信息的转达；牢记，不能一味的追求很是规而疏忽了设想本质题目，一定要公道应用！



看成品板式不够活跃的时辰，我们可以尝试决心改变某处的部分信息，将其放大，提升视觉变化的对照性，由于放大的元素其自己就具有很激烈的视觉冲击力以及装潢性，比如大号字体、数字、图形等等，所以部分放大的手法在页面板式设想中也是很常用的一种表达形式，比如：







将主体的某一处细节大概某一部分放大处置，与原本偏常规结构构成了鲜明的对照关系，在页面整体而言也起到了很好的打破板式关系，试想一下：当用户前面一向在阅读比力常规的结构结构时，忽然有1-2处这样很是规的处置模块，会很洪流平上提升页面临于用户视觉的冲击力，，给用户留下更深入的印象；同时也使得作品整体的版面结构加倍富有腾跃性！

还有别的一种部分放大形式，即在放大的根本上故意依照很是规的形式摆放，常常也能起到很好的打破版面结构的感化，只不外这类形式在利用时相对欠好把握，比如：





类似案例中所展现的一样，经过产物很是规的部分放大以及摆放形式，画面给人的感受加倍大气，视觉冲击力更激烈，同时板式的腾跃性也更强；只不外这类形式在应用时要留意：页面整体中最多出现1-2次即可，用于活跃板式、提升设想感，一点出现次数过量，很轻易构成混乱的现象；之所以叫做很是规是由于有常规方式加以陪衬、帮助，所以才会在视觉上构成反差！



既然是为了提升版面的活跃度，那末版面中一切的元素都可所以尝试改变的元素，比如常用到的按钮，再大概线条等等；利用很是规的外形、图形也是方式之一，比如最简单的：



说到矩形，很多人城市想到常规形式，而也有一部分设想师会联想到很是规形式1，少数人会想到2和3的形式，这四类并没有设想上的黑白之分，而是当我们习惯了常规形式的色块以后，也可以尝试一下其他形式，也是会成心想不到的成果！比如很是规形式2的应用：





相比平常看到的矩形排列方式，这一作品则给人很新奇的感受，原本平面的作品，由于色块外形的改变使得整体有了很激烈的纵深感，版面的腾跃性很激烈，这样的板式还会有人说死板、常规吗？

很是规外形3的利用可以参考下面这个案例：



在原本页面中完全同一的外形图形中幻化其中一处的形式，对于页面整体腾跃性的提升还是了如指掌的，缘由在于：此处矩形的形状就属于很是规范例，自己就具有一定的腾跃性、设想感，而用在此页面中又与高低构成了一定的反差对照，所以使得版面整体加倍活跃！

还有很多很是规的外形，一样也可以尝试，比如：



想要版面看似来不古，、就要在页面中的每一个视觉元素上找冲破，板式听起来似乎一个很大的整体一般，实在一样可以抛开整体，把每一个部分作为冲破点，寻觅合适的视觉表达形式；当某一种形式已经让大师所熟知甚至成为常识的时辰，我们无妨稍作改变，在不影响辨识度以及视觉转达的根本上，做一些形式上的改变，常常可以授与板式更激烈的腾跃性以及设想感！



板式就像配色一样，很感性，没有完全原封不动的理论；当我们想要提升版面整体腾跃性的时辰，我们无妨试试以上方式，也许小小的改变对于整体而言就是完全分歧的两种感受，固然，也不能自觉标追求形式感、特别性，要牢记：特别是经过对照表现出来的，没有对照，就没法构成很好的视觉反差，同时也起不到应有的感化；还是要提醒大师：一个整体很是规的手法用在1-2处即可，太多的话是很难把握的！



关于不错研讨室

不错研讨室是由一群酷爱设想分享的设想师倡议的奥秘构造、以题目为导向的分享构造，定期保举不错的全球设想师停止直播分享，原创干货+精选转载+微课报名，不错真的不错！




原文地址：https://zhuanlan.zhihu.com/p/57085022
免责声明：
1、文章部分图片源于收集，均为表示图；
2、一切文章、图片、音频视频文件等材料版权归版权一切人一切；
3、因非原创文章及图片等内容没法和版权者联系，如原作者或编辑以为作品不宜上网供阅读，或不应无偿利用，请实时告诉我们，以敏捷采纳适当办法，避免给双方形成不需要的经济损失；
4、本页面内容由爬虫法式自动收集于互联网，如无意中加害了媒体或小我的常识产权，请电邮【E-Mail:cb@yoyodoc.com】告之，我们将于24小时内删除。