如何利用摄影二分法优化网页设计？

对于摄影师来说，三步取景布局是一个非常熟悉的概念。虽然是一个很吸引人的概念，但是在设计网页的时候，几乎没有人会以三分法为例。当然，这并不意味着不可能，只是这种跨品类的东西很少有人注意到。

所以，在今天的文章中，我将解释三分法，并分享一些将其应用于网页设计的技巧和经验。但是二分法不一定适合所有人。有许多技巧和方法来促进设计和设计过程。但是，作为一个基本的布局规则，三分法肯定是值得学习的，在网页设计中也是相当适用的。

为什么三分？

你可能会问，为什么一定要拿三分？这个奇怪的设定是从哪里来的？好在我很高兴的告诉你，这个东西和数学定理或者复杂的逻辑推理没有任何关系，没有太多的必要去深究这个东西的由来。

三分法只来源于传统艺术，目前特别用在摄影上。并且整个布局被分成九个平均块，在水平和垂直方向上具有两个边界。根据三分法，为了尽可能地吸引观众的注意力，视觉的中心或者说最吸引人的东西应该尽可能地靠近四条线的交点。

你可以在WDD的这篇文章中找到一个很好的例子。很多情况下，不对称布局可以让所有页面都更有趣，但并不意味着要一直使用不对称布局，因为在某些地方，对称布局会更有趣，这个时候，三分法则的意义就不大了。

在摄影中，最富有想象力的目的是从奇特的视角捕捉一些吸引人的场景，不对称的布局使视野中的一些元素比其他元素更突出，而这些突出的元素通常压在上面提到的四个交叉点上。

那么，回到网页设计的问题，三部曲和网页设计是如何结合的？就像摄影中三分法下的布局能吸引观众一样，符合三分法的网页也能让读者更加关注聚焦的内容。

知道网格的三等分线

四行四重九块是三分法下的网格框架。很多网站的首页设计符合F型布局或者Z型布局，用户已经习惯了这种阅读方式。通常视觉起点在左上角，这是设计师要注意的第一块。

这意味着左上角的交叉点应该与页面的一些主要内容重叠。不需要在路口放置链接或者图片(当然不是必须的)。它更像是一个标志，用来区分布局的一个主要节点。例如，页面标题的起点可以与之重叠，所有标题与第一条水平线齐平，然后是横幅图形等。放在标题下面。

值得注意的是，三分法在分析网页设计中的应用更多的是一种用户体验设计的概念，而不是一个完整的设计准则。所以如果要用这个概念来分析网页设计，建议在阅读器中打开网页后，对截图进行分析处理。完整的网页太长，用户总是基于屏幕来阅读，而不是一次看完整个页面。不需要应用所有页面，截图就够了。如果设计还在原型阶段，建议参考屏幕尺度截取分析。

所以你要从用户的阅读习惯出发，结合三分法进行分析优化。用户在阅读网页时，会下意识地注意到问题的症结所在，准确地运用三分法设计页面。你会发现这3次；3的网格可以帮你带来非常有启发性的设计。

小幅调整而非重新设计

在你知道如何应用三点法的网格之后，你需要明确更重要的一点:三点法带来的不是无懈可击的网页设计框架，而是对现有设计进行微调的布局测试框架。

可以帮你设计网页的免费网格系统太多了，比如960GS，但是基于三分法的九网格系统可以帮你稍微调整网页的布局，比如调整导航栏的高度，把Logo移近或移远。

幸运的是，这种测试方法非常适用和简单，没有选择任何软件。分析完截图，可以在PS里画一条虚线。GIMP等开源免费软件也能轻松帮到你。如果出了问题，可以直接在屏幕上画个九宫格来分析...(据说盲狙在玩CS之初就用了这么笨的方法~)反正可以帮你搭建一个九宫格分析的工具，帮你找到准确的设计方向。

完成初稿，用三点法测试，然后进入下一步。随着时间的推移，你会更清楚地知道如何将视觉元素放在正确的位置。

处理的对称性

有时，在页面中恰当地应用对称元素是非常有用的。但是在网页设计中处处使用对称设计就太盲目了。事实上，在艺术和摄影领域，不对称布局的应用仍然占主导地位，因为它的相对大小和适当的距离使它更令人愉快，这也证明了不平衡的视觉设计更能吸引我们的注意力。

实际上，布局设计也有类似的原则和规范。例如，当您在页面顶部应用大横幅图形时，它通常会占据页面高度的2/3。同样，标题和正文的字体大小也需要比较，读者自然会注意到更大的横幅图形、标题和副标题。大小对比是一方面，另一方面还要考虑图片和文字在页面上的位置。简单的应用三分法并不能保证作文的丰满。把九个方块放在页面上，适当调整页面上元素的位置和中心，会好很多。

二分法的优点是可以兼容非对称布局，也可以用来优化对称布局。两种布局巧妙配合，借助三分法突出页面重点，同时控制页面平衡，可以训练出优秀的网页。

最后的想法

大部分的艺术情境都没有固定的规则，但是有可供参考的规则，在这些规则的基础上不断完善设计。像第三师一样驾驭规律，理解这个规律的目标，深刻理解即使不是刻意应用，也会自然而然的在你的设计中表现出来，类似于第二本能。这个时候，你就有了打破常规的可能！

设计和艺术虽然有基本的区别，但并不是对立的。诚然，按照规则，你可以设计出更符合人们口味的作品，但打破规则，充满个性和艺术感的设计作品却并不令人印象深刻。

非常感谢您读完创新互联的这篇文章："如何利用摄影二分法优化网页设计？"，仅为提供更多信息供用户参考使用或为学习交流的方便。我们公司提供：网站建设、网站制作、官网建设、SEO优化、小程序制作等服务，欢迎联系我们提供您的需求。

分享名称：如何利用摄影二分法优化网页设计？
转载源于：https://www.cdcxhl.com/news29/315579.html

成都网站建设公司_创新互联，为您提供服务器托管、微信公众号、品牌网站设计、全网营销推广、虚拟主机、关键词优化

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联