我来分享如何利用摄影三分法优化网页设计。

对于摄影师来说,分三步走的取景布局法是一个非常熟悉的概念。虽然是一个引人入胜的概念,但是在设计网页的时候,几乎没有人会拿三分法来举例。当然,这并不意味着不可能,但这种跨范畴的事情很少被人注意到。

所以,在今天的文章中,我就来讲解一下三点法,分享一些将其运用到网页设计中的技巧和经验。但是二分法不一定适合所有人,推广设计和设计过程的技巧和方法有很多。但是三分法作为一种基本的布局规则,它本身肯定是值得学习的,在网页设计中也是相当适用的。

为什么是三分?

也许你会问,为什么一定要拿三分?这个奇怪的设定是从哪里来的?幸运的是,我可以很高兴的告诉你,这个东西和数学定理或者复杂的逻辑推理没有任何关系,也没有太多必要过分深究这个东西的来历。

三分法只来源于传统艺术,目前在摄影中特别使用。纵向和横向,整个布局分为9个平均区块,横向和纵向有2个边界。三分法规定,为了尽可能地吸引观看者的注意力,视觉重心或者最吸引人的东西,应该尽可能地靠近四条线的交点。

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

摄影时,最富于幻想的目的是以一种奇特的视角捕捉一些有吸引力的场景,而不对称的布局使得视野中的某些元素比其他元素更为突出,而这些突出的元素通常会压在前面提到的四个交点上。

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

知道三等分 的网格

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

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

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

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

小调整而不是重新设计

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

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

好在这种测试方法非常适用简单,而且不选择软件。截图分析后可以在PS里画一条虚线。GIMP等开源免费软件也能轻松帮到你。如果出了什么问题,可以直接在屏幕上画一个九宫格来分析...(据说盲狙击手在一开始玩CS的时候就用了这么蠢的方法~)反正能帮你搭建九宫格分析的工具,能帮你找到准确的设计方向。

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

处置的对称性

有时候,在页面中恰当地应用对称元素是相当有用的。但是如果网页设计中处处使用对称设计,那就太盲目了。事实上,在艺术和摄影领域,不对称布局的应用仍然占据主流,因为它的相对尺寸和合适的距离而更加令人愉悦,这也证明了不平衡的视觉设计更能吸引我们的注意力。

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

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

最后的想法

大部分艺术情境没有固定的规则,但是有规则可以参考,设计也是在这些规则的基础上不断完善的。像类似三等分一样控制规律,明白这个规律的目标,深刻理解即使不是刻意应用,也自然会在你的设计中展现出来,类似于第二本能。这个时候,你就有打破规则的潜力了!

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

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/277094.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
创业小编创业小编管理团队
上一篇 2023年6月17日
下一篇 2023年6月17日

相关推荐

  • 如何找到合适的网站建设公司?好的网站建设公司难过「找老公」

    随着互联网的发展,越来越多企业都会制作网站,来提高企业的品牌传播度。因此,网站想要做好,就必须要找到合适的网站建设公司,这样才能彼此建立的互相信任关系,同时还要考虑周到,在网站建设中不断增加意外的惊…

    2022年6月25日
    0120
  • 浅谈页面中的载入动画  

    首先,我们得将页面设计当中需要使用的载入动画规则写出来。比如设定好动效运动的运动时间,除此之外还要将动画的动作进行分解输出,以及动画的大小、颜色等相关的资讯都要明确。最大程度上保证了动画的还原度! 除…

    2022年6月25日
    0256
  • 用户体验为何不能只依靠数据分析

    虽然理论上来讲,进行页面制作时,设计师对用户需求的了解,一定要真实有效,数据分析无疑是最好的方式之一。但是,过度的依赖数据分析,反而会降低用户体验。因为仅它们并不能告知你: 用户喜欢你的页面吗?他究竟…

    2022年6月25日
    0147
  • 如何设计好分屏  

      首先,我们要知道在进行网页设计过程当中使用分页,需要知道两个区域的网页内容非常重要。这就意味着可以在整个介面当中传达出双重重要的概念。 其次,要注重网页的排版。鲜艳的色彩搭配简约的排版方式,能…

    2022年6月25日
    0184
  • 必须遵循的色彩理论

    配色是网页设计的基础,最基本的还是色彩理论当中的对比、互补和感染: 1、互补:指的是色彩与色彩之间相互补足的关系。处於色轮当中处於相对位置的色彩,以此作为配色方案会比较和谐。最常见的互补配色分别是三元…

    2022年6月25日
    0174
  • 网站被黑,网站运营人员应如何解决

    网站安全一直是网站运营中非常关键的环节。如果网站被黑客或病毒入侵,不仅会影响网站的正常运行,还会导致网站或用户的重要数据丢失、被删等情况。网站维护人员缺乏足够的网站安全知识,会让网站存在不同程度的安…

    2022年6月25日
    0200
  • 小编分享个人网页设计应具备的基本技能是什么。

      个人网页设计属于网页设计的一种,网页设计是基于编程和设计技巧的一种具有一定艺术敏感的技能,一名合格的网页设计师必须要熟练掌握相关的软件和艺术知识,同时还应具有综合运用这些知识和技巧的能力。个人网页…

    2023年6月15日
    00
  • 网页设计技巧:界面色彩太乱怎麽办

    界面色彩太乱怎麽办?色彩搭配,一直是网页设计中的重中之重。但由於不同人对色彩的把控力和敏感度不尽相同,导致市面上的网页设计作品质量参差不齐。因此,要想提升网页设计的视觉效果,掌握一些配色规则是非常重要…

    2022年6月25日 建站资讯
    0137

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息