如何利用摄影三分法优化网页设计?
对于摄影师来说,分三步走的取景布局法是一个非常熟悉的概念。虽然是一个引人入胜的概念,但是在设计网页的时候,几乎没有人会拿三分法来举例。当然,这并不意味着不可能,但这种跨范畴的事情很少被人注意到。
所以,在今天的文章中,我就来讲解一下三点法,分享一些将其运用到网页设计中的技巧和经验。但是二分法不一定适合所有人,推广设计和设计过程的技巧和方法有很多。但是三分法作为一种基本的布局规则,它本身肯定是值得学习的,在网页设计中也是相当适用的。
为什么是三分?
也许你会问,为什么一定要拿三分?这个奇怪的设定是从哪里来的?幸运的是,我可以很高兴的告诉你,这个东西和数学定理或者复杂的逻辑推理没有任何关系,也没有太多必要过分深究这个东西的来历。
三分法只来源于传统艺术,目前在摄影中特别使用。纵向和横向,整个布局分为9个平均区块,横向和纵向有2个边界。三分法规定,为了尽可能地吸引观看者的注意力,视觉重心或者最吸引人的东西,应该尽可能地靠近四条线的交点。
你可以在WDD的这篇文章中找到一个很好的例子。在很多情况下,非对称布局可以让所有页面都更有趣,但这并不意味着非对称布局应该一直使用,因为在某些地方,对称布局会更有趣,而此时,三点法则意义不大。
摄影时,最富于幻想的目的是以一种奇特的视角捕捉一些有吸引力的场景,而不对称的布局使得视野中的某些元素比其他元素更为突出,而这些突出的元素通常会压在前面提到的四个交点上。
那么,回到网页设计的问题,三部曲法和网页设计是如何结合在一起的?就像摄影中三分法下的布局可以吸引观众一样,符合三分法的网页也可以让读者更加关注聚焦的内容。
知道三等分 的网格
四行四重点九块,是三分法下的网格框架。很多网站的首页设计都是符合F型布局或者Z型布局的,用户已经习惯了这种阅读方式。通常视觉起点在左上角,是设计师首先要注意的区块。
这意味着左上角的交叉点应该与页面的一些主要内容重叠。没有必要在路口放置链接或者图片(当然不是必不可少的),更像是一个标志,用来区分布局的一个主要节点。例如,页面标题的起点可以与其重叠,所有标题与第一条水平线齐平,然后横幅图形等放置在标题下方。
值得注意的是,三分法分析网页设计的应用,更多的是用户体验设计的概念,而不是一个完整的设计准则。所以,如果要用这个概念来分析网页设计,建议在阅读器中打开网页后,对截图进行分析和处理。完整的网页太长,用户总是基于屏幕阅读,而不是一次看整个页面,不需要应用所有页面,截图就够了。如果设计还在原型阶段,建议参照屏幕比例截取分析。
所以你要从用户的阅读习惯出发,结合三点法进行分析优化。用户在阅读网页时,会下意识地注意到问题的症结所在,准确地运用三点法设计页面。你会发现这个3×3的格子可以帮你带来很有启发性的设计。
小调整而不是重新设计
在你知道如何应用三分法的网格之后,你需要明确更重要的一点:三分法带来的不是无懈可击的网页设计框架,而是对现有设计进行微调的布局测试框架。
可以帮你设计网页的免费网格系统太多了,比如960GS,但是基于三分法的九格网格系统可以帮你稍微调整一下网页的布局,比如调整导航栏的高度,把Logo移近或移远。
好在这种测试方法非常适用简单,而且不选择软件。截图分析后可以在PS里画一条虚线。GIMP等开源免费软件也能轻松帮到你。如果出了什么问题,可以直接在屏幕上画一个九宫格来分析...(据说盲狙击手在一开始玩CS的时候就用了这么蠢的方法~)反正能帮你搭建九宫格分析的工具,能帮你找到准确的设计方向。
完成初稿,用三点法测试,然后进入下一步。随着时间的推移,你会更清楚地知道如何将视觉元素放在正确的位置。
处置的对称性
有时候,在页面中恰当地应用对称元素是相当有用的。但是如果网页设计中处处使用对称设计,那就太盲目了。事实上,在艺术和摄影领域,不对称布局的应用仍然占据主流,因为它的相对尺寸和合适的距离而更加令人愉悦,这也证明了不平衡的视觉设计更能吸引我们的注意力。
其实布局设计也有类似的原则和规范。例如,当您在页面顶部应用一个大横幅图形时,它通常占据页面高度的大约2/3。同样,标题和文本的字体大小需要比较,读者自然会注意到更大的横幅图形、标题和副标题。尺寸对比是一方面,另一方面要考虑图片和文字在页面上的位置。三分法的简单应用并不能保证构图的丰满。把九宫格放在页面上,适当调整页面上元素的位置和中心,会好很多。
三等分法的优点是可以兼容非对称布局,也可以用来优化对称布局。两种布局巧妙搭配,借助三点法突出页面重点,同时也控制页面平衡,可以训练出优秀的网页。
最后的想法
大部分艺术情境没有固定的规则,但是有规则可以参考,设计也是在这些规则的基础上不断完善的。像类似三等分一样控制规律,明白这个规律的目标,深刻理解即使不是刻意应用,也自然会在你的设计中展现出来,类似于第二本能。这个时候,你就有打破规则的潜力了!
设计和艺术虽然有基本的区别,但并不是对立的。诚然,按照规则,你可以设计出更符合人们口味的作品,但打破规则,充满个性和艺术感的设计作品,给人的印象并不深刻。
推荐新闻
更多行业-
网站建设过程中,网站地图有什么作用?
一个独立的网站页面。包含了网站上所有的内容链接,网站地图俗称站点地图。...
2018-09-13 -
门户网站建设中哪些数据可以做参考
如果你能迅速发现潜在的问题,也会有所帮助。让问题变得更糟,他们会让你日...
2020-03-30 -
建设电子商务网站需要注意哪些细节问题
要建设一个电子商务网站,不仅需要很强的编程能力,还需要良好的设计实力。...
2020-03-10 -
SEO网站优化之交换友情链接需注意的几点
SEO网站优化之交换友情链接需注意的几点谈到友情连接交换站长们肯定不陌...
2011-12-07 -
如何提升网站亲和力?
企业的网站建设对企业的品牌传播推广意义重大。由于网络传播自身的优势,企...
2018-03-26 -
浅谈百度和谷歌收录网站的特点
具备营销而让搜索引擎高度认可的条件后,增外链:一个网站有了完美的网站设...
2012-06-23
预约专业咨询顾问沟通!
免责声明
非常感谢您访问我们的网站。在您使用本网站之前,请您仔细阅读本声明的所有条款。
1、本站部分内容来源自网络,涉及到的部分文章和图片版权属于原作者,本站转载仅供大家学习和交流,切勿用于任何商业活动。
2、本站不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。
3、本声明未涉及的问题参见国家有关法律法规,当本声明与国家法律法规冲突时,以国家法律法规为准。
4、如果侵害了您的合法权益,请您及时与我们,我们会在第一时间删除相关内容!
联系方式:010-60259772
电子邮件:394588593@qq.com