对于摄影师来说,构图的三步法是一个非常熟悉的概念。虽然这是一个引人入胜的概念,但很少有人在设计网页时使用三分法则作为示例。当然,这并不是说不可能,只是这种跨类的东西很少有人注意到。
所以,在今天的文章中,我将对三点法进行讲解,并分享一些将其应用到网页设计中的技巧和经验。但二分法并不一定适用于所有人,促进设计和设计过程的技术和方法有很多。但是作为一种基本的布局规则,三分法则本身就绝对值得学习,在网页设计中也是相当适用的。
为什么是三分?
也许你会问,为什么一定要拿三分?这个奇怪的设置是从哪里来的?幸运的是,我可以很高兴地告诉你,这东西跟数学定理或者复杂的逻辑推理没有任何关系,也没必要太深究这东西的来历。
三分法仅来自传统艺术,目前特别用于摄影。纵横,将整个布局分为9个相等的块,水平和垂直有2个边框。三分法则规定,为了尽可能吸引观看者的注意力,视觉重心或最吸引人的东西应尽可能靠近四条线的交点。
您可以在WDD 的这篇文章中找到一个很好的示例。在很多情况下,非对称布局可以让所有的页面变得更有趣,但这并不意味着非对称布局应该一直使用,因为有些地方对称布局更有趣,而在这一点上,三法则没有多大意义。
在摄影中,最奇特的目的是从一个奇怪的角度捕捉一些有吸引力的场景,其中不对称的布局使视野中的某些元素比其他元素更突出,而这些突出的元素通常会压在前面提到的四个交叉点上。
那么,回到网页设计的问题,三部曲方法和网页设计如何结合在一起?正如摄影中三分法的布局可以吸引观众一样,符合三分法的网页也可以让读者更加关注重点内容。
知道三等分 的网格
四线四点九块是三分法则下的网格框架。很多网站的首页设计都符合F型布局或者Z型布局,用户已经习惯了这种阅读方式。通常视觉起点在左上角,这是设计师首先要注意的块。
这意味着左上角的交叉点应该与页面的一些主要内容重叠。交叉点不需要放置链接或图片(当然不是必须的),它更像是一个标志,用来区分版面的一个主要节点。例如,页面标题的开头可以重叠,所有标题都与第一条水平线齐平,然后将横幅图形等放置在标题下方。
值得注意的是,将三分法应用于分析网页设计更多的是用户体验设计的概念,而不是完整的设计指南。因此,如果想用这个概念来分析网页设计,建议在阅读器中打开网页后的截图进行分析处理。完整的网页太长,用户总是基于屏幕阅读,而不是一次查看整个页面。不需要申请到所有页面,截图就够了。如果设计还处于原型阶段,建议截图并参考屏幕比例进行分析。
所以你要从用户的阅读习惯出发,结合三点法进行分析优化。用户在阅读网页时,会下意识地注意到问题的症结所在,并准确地运用三点法来设计页面。你会发现这个33 的网格可以帮助你想出非常鼓舞人心的设计。
小调整而不是重新设计
在知道如何应用三分法的网格之后,你需要明确更重要的一点: 三分法带来的不是一个无可挑剔的网页设计框架,而是一个用于微调现有设计的布局测试框架。
有太多免费的网格系统可以帮助你设计网页,比如960GS,但是基于三分法的九格系统可以帮助你微调网页的布局,比如调整网页的高度导航栏,将Logo 移近或移开。
好在这个测试方法很适用也很简单,而且不选软件。截图分析后,可以在PS中画虚线。 GIMP 等开源免费软件也可以轻松帮助您。有问题的话可以直接在屏幕上画个九宫格分析一下。(据说盲狙刚玩CS的时候就用这么傻的方法~)反正可以帮你建个九宫格分析工具,可以帮你找到正确的设计方向。
完成初稿,用三分法测试,然后进行下一步。随着时间的推移,您将更好地了解如何将视觉元素放置在正确的位置。
处置的对称性
有时在页面中正确应用对称元素非常有用。但如果在网页设计处处采用对称设计,那就太盲目了。事实上,在艺术和摄影领域,不对称布局的应用仍然占据主导地位,这种布局相对大小和适当的距离更令人赏心悦目,这也证明了不平衡的视觉设计更能吸引我们的注意力。
其实布局设计也有类似的原则和规范。例如,当你在页面顶部应用一个大横幅图形时,它通常占据页面高度的2/3 左右。同样,需要比较标题和正文的字体大小,读者自然会注意到更大的横幅图形、标题和副标题。大小比较是一个方面,另外一个方面就是要考虑图片和文字在页面上的位置。三分法则的简单应用并不能保证构图的完整性。把九宫格放到页面上,适当调整页面元素的位置
置和中心,会好很多。三等分法的优点是可以兼容非对称布局,也可以用来优化对称布局。两种布局巧妙搭配,借助三点法突出页面重点,同时也控制页面平衡,可以训练出优秀的网页。
最后的想法
大部分艺术情境没有固定的规则,但是有规则可以参考,设计也是在这些规则的基础上不断完善的。像类似三等分一样控制规律,明白这个规律的目标,深刻理解即使不是刻意应用,也自然会在你的设计中展现出来,类似于第二本能。这个时候,你就有打破规则的潜力了!
设计和艺术虽然有基本的区别,但并不是对立的。诚然,按照规则,你可以设计出更符合人们口味的作品,但打破规则,充满个性和艺术感的设计作品,给人的印象并不深刻。
我们专注高端建站,小程序开发、软件系统定制开发、BUG修复、物联网开发、各类API接口对接开发等。十余年开发经验,每一个项目承诺做到满意为止,多一次对比,一定让您多一份收获!