对于摄影师来说,三步取景布局是一个非常熟悉的概念。虽然这是一个引人入胜的概念,但在设计网页时,几乎没有人会以三分法为例。当然,这并不意味着不可能,但这种跨类别的事情很少被注意到。
因此,在今天的文章中,我将解释三点法,并分享一些将其应用于网页设计的技巧和经验。但是二分法不一定适合所有人,有很多技术和方法可以促进设计和设计过程。但是三分法作为一种基本的布局规则,它本身当然是值得学习的,在网页设计中也是相当适用的。
为什么是三分?
你可能会问,为什么一定要拿三分?这个奇怪的设定是从哪里来的?幸运的是,我很高兴地告诉你,这个东西与数学定理或复杂的逻辑推理无关,无需过多深究这个东西的起源。
三分法只来源于传统艺术,目前在摄影中特别使用。整个布局分为9个平均区块,水平和垂直方向有2个边界。按照三分法的规则,为了尽可能吸引观者的注意力,视觉重心或最吸引人的东西应该尽可能靠近四条线的交点。
你可以在这篇WDD的文章中找到一个很好的例子。很多情况下,非对称布局可以让所有页面都更有趣,但并不意味着非对称布局就应该一直使用,因为有些地方,对称布局更有趣,而此时,三点法则意义不大。
在摄影中,最具想象力的目的是以奇特的视角捕捉一些吸引人的场景,而不对称的布局则让视野中的某些元素比其他元素更加突出,而这些突出的元素通常会压在前面提到的四个交点上。
那么,回到网页设计的问题,三部曲和网页设计是如何结合在一起的呢?正如摄影中三分法下的布局可以吸引观众一样,符合三分法的网页也可以让读者更加关注聚焦的内容。
知道三等分 的网格
四排四要点九块是三分法下的网格框架。很多网站的首页设计都是符合F型布局或者Z型布局,用户已经习惯了这种阅读方式。通常视觉起点在左上角,是设计师要注意的第一块。
这意味着左上角的交叉点应该与页面的一些主要内容重叠。没有必要在路口放置链接或者图片(当然不是必须的),更像是一个标识来区分布局的一个主要节点。例如,页面标题的起点可以与其重叠,所有标题与第一条水平线齐平,然后标题下放置横幅图形等。
值得注意的是,三分法在网页设计中的应用更多的是用户体验设计的概念,而不是一个完整的设计准则。因此,如果我们想用这个概念来分析网页设计,建议在阅读器中打开网页后对截图进行分析和处理。完整的网页太长,用户总是基于屏幕阅读,而不是一次看整个页面。不需要应用所有页面,截图就够了。如果设计还在原型阶段,建议根据屏幕比例进行切割分析。
所以你要从用户的阅读习惯出发,结合三点法进行分析优化。用户在阅读网页时,会下意识地注意到问题的症结所在,准确地使用三点法设计网页。你会发现这个33的格子可以帮你带来很有启发性的设计。
小调整而不是重新设计
知道三分法的网格应用后,需要明确的是,三分法带来的不是无懈可击的网页设计框架,而是对现有设计进行微调的布局测试框架。
可以帮你设计网页的免费网格系统太多了,比如960GS,但是基于三分法的九格系统可以帮你稍微调整一下网页的布局,比如调整导航栏的高度,将Logo移近或移远。
幸运的是,这种测试方法非常适用和简单,并且不选择软件。截图分析后,可以在PS中画一条虚线。像GIMP这样的开源自由软件也可以很容易地帮助你。如果出了问题,你可以直接在屏幕上画一个九平方的网格来分析.(据说当初玩CS的时候盲狙击手就用了这么笨的方法~)反正可以帮你搭建一个九平方的网格分析工具,帮你找到准确的设计方向。
完成初稿,用三分法测试,然后进入下一步。随着时间的推移,你会更清楚地知道如何将视觉元素放在正确的位置。
处置的对称性
有时,在页面中适当地应用对称元素是非常有用的。但是如果对称设计在网页设计,到处使用,那就太盲目了。事实上,在艺术和摄影领域,非对称布局的应用仍然占主导地位,这是因为它的相对大小和适当的距离更令人愉快,这也证明了不平衡的视觉设计更能吸引我们的注意力。
其实布局设计也有类似的原则和规范。例如,当您在页面顶部应用大横幅图形时,它通常占据页面高度的三分之二。同样,标题和文本的字体大小也需要对比,读者自然会注意到更大的横幅图形、标题和副标题。大小对比是一方面,另一方面要考虑图片和文字在页面上的位置。三分法的简单应用并不能保证构图的饱满。把九个方块放在页面上,适当调整元素在页面上的位置和中心会好得多。
三等分法的优点是可以兼容非对称布局,也可以用来优化对称布局。两种布局巧妙搭配,借助三点法突出页面重点,同时控制页面平衡,可以训练出优秀的网页。
最后的想法
大部分艺术情境都没有固定的规则,但有规律可循,设计也在这些规律的基础上不断完善。像控制三分法一样控制法则,理解这个法则的目标,深刻理解即使不是刻意应用,也自然会在你的设计中展现出来,类似于第二本能。这个时候,你有打破规则的潜力!
设计和艺术虽然有基本的区别,但并不是对立的。诚然,按照规则,你可以设计出更符合人们口味的作品,但打破规则,充满个性和艺术感的设计作品,给人的印象并不深刻。
流年SEO成立于2012年,是国内较早一批专门从事网络营销、网站优化和网站建设,并将大数据、云计算、人工智能、SEO等技术应用于商业服务的企业。您可以联系我们,了解网站优化和网站建设需求。