信阳网站建设如何用摄影三分法来优化网页设计?

网站建设知识 phpacg 2年前 (2018-04-23) 157次浏览 0个评论

信阳网站建设如何用摄影三分法来优化网页设计?

关于摄影师而言,取景规划三分法是十分熟习的概念。虽然它是十分引人入胜的概念,但是在停止网页设计的时分,简直没有人会拿三分法来说事儿。当然,这并不意味着不能够,只是这种跨范围的事情很少被留意到罢了。

所以,在明天的文章里我想解释一下三分法,并且分享一些将其运用到网页设计时的技巧和阅历。不过三分法并不一定适宜一切人,毕竟提升设计和设计流程的技巧和方法有很多。不过作为一项基本的排版规划规则,三分法自身是相对值得学习的,并且在网页设计中也颇为适用。

为何三分?

也许你会问,为什么一定要三分呢?这种奇异的设定究竟是从何而来?还好,我可以很快乐地通知你这玩意和数学定理抑或复杂的逻辑推理都没有关系,也没有太多的必要在这个东西的来源上过度深究。

三分法仅仅是来自于传统艺术,目前在摄影中运用得尤其多。纵横三分,整个规划被分为9个平均的区块,横向纵向各有2条分界限。三分法规则,为了尽能够吸引观者的留意力,视觉重心或许最吸引人的东西应该尽量接近四条线相交处。

你可以在WDD的这篇文章中找到绝佳的实例。很多时分非对称的规划经常能让整个页面愈加富有生趣,但是这并不意味着着任何时分都得用非对称规划,由于在有的场所,对称规划会更有意思,而在这个时分,三分规律意义并不大。

信阳网站建设如何用摄影三分法来优化网页设计?

摄影的时分,最理想的目的是一共同的视角捕捉到一些能吸引人的场景,而非对称的规划使得视野中的一些元素比其他的愈加突出,而这些突出的元素通常压在之前所说的四个交点上。

那么重新回到网页设计的效果上,三分法和网页设计究竟是如何结合到一同的呢?正似乎摄影时三分法下的规划可以吸引观者一样,契合三分法的网页也一样能让阅读者愈加关注焦点内容。

信阳网站建设如何用摄影三分法来优化网页设计?

了解三分法的栅格

四条线,四个焦点,九个区块,这就是三分法下的栅格框架。许多网站的首页设计都契合F式规划或许Z式规划,用户也曾经习气了这样的阅读方式,通常视觉的终点都是左上角,这也是设计师需求关注的首个区块。

信阳网站建设如何用摄影三分法来优化网页设计?

这也就意味着,左上方的交点处应该与页面的某个重要内容相堆叠。交点处并不是非要放置链接或许图片(当然非要放也并非不可),它更像是一个标志,用以区分规划的一个重要节点。比如页面标题的起始点可以与之堆叠,整个标题与横向第一条线相齐平,然后在标题下放置Banner图之类的内容。

值得留意的是,运用三分法来剖析网页设计更多的是一个用户体验设计上的概念,而非一项完整的设计准绳。所以,假设你想借助这一概念来剖析网页设计的话,建议将网页在阅读器中翻开之后截图剖析处置,完整的网页太长,而且用户阅读永远是基于屏幕而非一次看完整个页面,所以也没有必要运用整个页面,截图足以。假设设计尚处于原型阶段,那么建议参考屏幕比例来截取剖析。

信阳网站建设如何用摄影三分法来优化网页设计?

所以,你应该从用户的阅读习气动身,结合三分法来停止剖析优化。当用户阅读网页的时分会下看法留意到关键部位,正确的运用三分法来设计页面,你会发现这种3×3的栅格能帮你带来极具启示性的设计。

小调整而非重设计

了解三分法的栅格的运用方式之后,你还需求明白更重要的一点:三分法带来的并非是一个无可挑剔的网页设计架构,而是一个用来微调现有设计的规划测试框架。

有太多的收费的栅格系统可以帮你设计网页,比如960GS之类的,但是三分法的九宫格栅格系统是一个帮你微调整个网页规划的,比如调整导航栏的高度,把Logo挪近一点或许远一点。

信阳网站建设如何用摄影三分法来优化网页设计?

值得庆幸的是,这种测试方法很适用,并且很复杂,也不挑软件。你可以截图之后在PS外面画虚线来剖析,诸如GIMP这样的开源收费软件也可以轻松帮你搞定,再不济你还可以直接用记号笔在屏幕上画一个九宫格来剖析嘛……(话说现在打CS的时分盲狙也用过这等笨方法~)反正能帮你构建出九宫格剖析的工具都能带你走向正确的设计方向。

完成初稿,用三分法测试,然后走向下一步。随着时间的推移,你会愈加清楚如何将视觉元素置于对的中央。

处置对称性

有的时分,在页面中适外地运用对称性的元素还是颇为有用的。不过假设在设计中哪哪儿都用对称式设计的话,这也难免太瞎了点。理想上,在艺术和摄影范围,非对称式规划的运用还是占据主流的,大小相对,远近相宜,愈加令人赏心顺眼,这也证明非平衡的视觉设计更能吸引我们的留意力。

信阳网站建设如何用摄影三分法来优化网页设计?

其真实版式设计中,也有相似的准绳和规范。比如,当你在页面顶部运用大Banner图的时分,它通常会占据页面大约2/3的高,相似的,标题和注释的字体大小也需求大小对比,读者会自但是然地留意到更大的Banner图、标题和副标题。大小对比是一方面,另外一方面还需求思索页面上图片和文字的位置。复杂的运用三分法并不能确保构图的丰满,将九宫格置于页面上,适外地调整页面的元素的位置和中心之后,会好不少。

三分法的优势在于它可以兼容非对称式规划,也可以用来优化对称式规划。两种规划灵敏搭配,借助三分法来突出页面重点,也掌握页面平衡,如此才干调教出优秀的网页。

最后的思索

绝大少数的艺术方式其实并没有固定的规则,但是有规律可以参考,设计也正是基于这些规律而不时提高。掌握相似三分法这样的规律,了解这个规律的目的所在,深化了解,即使没有刻意去运用,它也会从你的设计中自但是然地展现出来,形同第二天分。这个时分,你就具有了打破规则的潜力了!

虽然说设计和艺术有着基本的区别,但是两者并非统一的关系。固然依着规则可以设计出更契合群众口味的作品,但是打破规则,充溢特性和艺术感的设计作品又何尝不会令人印象深入呢?

喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址