江门三分网页设计规则:使用布局秘密

2018.03.30 江门网站设计

141

 

江门三分网页设计规则:使用布局秘密

 

 

 

 

是什么让一个版面更容易阅读,更让人赏心悦目?它不仅是图形的质量,甚至是多么酷的动画。你可以拥有世界上所有伟大的图像和效果,但是如果它们不是以一种容易与观众互动的方式表现出来,你就不会保持他们的兴趣。在这种情况下我们江门网站设计使用布局技术,如三分之二的网页设计规则,确实能起到作用。


江门网站设计

 

三分法的规则是什么?

 

三分网页设计法则用于创造愉悦的美感和形象的平衡。它基本上说,把兴趣放在图像的三分之一上比集中或其他对称的方法更令人赏心悦目。这三分之一是通过把一个图像(或工作空间)分成九个相等的部分来创造的,它们有两条等间距的水平线和两条等间隔的垂直线。

 

江门网站设计


像这样:

 

每一行沿着图像的第三运行。把你最关键的元素放在三分之一(特别是它们相交的地方)会创造出一个令人满意的平衡设计。虽然最经常提到摄影(这就是为什么网格似乎每次你使用裁剪工具在图片编辑,如PS图象处理软件或腔),三分法用于一切从电影和绘画的网站和海报只是渴望正面的视觉冲击的东西。

 

使用三分网页设计规则



 

三分之一的网页设计原则通常用来确定最重要的元素在哪一页上的位置,负空间应该在什么位置,你的图像应该按什么比例设置。如果你已经在使用网格设计,那就更好了。三分规则将帮助您选择每个网格元素应该具有哪些维度。它也可以成为转换优化的一个因素,因为观看者的体验越愉快,他们就越有可能坚持阅读你的动作。

 

放置重要元素的地方

 

站点布局中的第一个问题是放置最重要的元素(例如站点徽标、调用操作等)。答案通常是把它们放在观众首先看的地方。但是那是哪里?当使用三分网页设计规则时,答案相当简单:在十字路口。为什么?观众的眼睛路径不是随机的,除非另有指示,它沿着一个可预测的路线行进,从图像的左上方(或网站)开始,向下移动到左下角,移动到右上角,然后在右下角结束。碰巧的是,观看者的这些甜蜜点正好落在三分格规则的交叉点上。这里江门网站设计是眼睛降落的地方:


江门网站设计公司

 

这意味着如果你把最重要的元素放在左上角网格点附近,你就更有可能确保你的观众先看到它。下面举个例子:


江门网站设计企业

 

在这里江门网站设计,选择把他们的重要文本TechValidate最近接近# 1位,紧随其后的是一个叫行动# 2点附近。记住,你不必把事情完全放在离他们不远的地方。这一点尤其适用于响应性的Web设计,因为不同的移动设备将改变位置。

 

确定负空间

 

如果你选择一个干净、简约的设计,那么三分法则将不仅有助于确定你的图像设置位置,还能帮助你决定消极空间的位置。负空间是一个站点周围元素之间的空间,没有图像、文本或分散的背景。这是一个重要的设计元素,可以创建一个高可读性的因素和令人愉悦的用户体验,让大脑更好地将它所看到的图像放入上下文中。

 

江门网站设计公司


在下图中,设计公司staak.co.uk选择时尚,简约的设计与大量负空间及其元素定

义清晰的焦点:


江门网站设计公司

 

staak的设计保证了观众的眼睛打第一和停留在定义它们的元素。记住,眼睛扫描可以预见,否则没有指示。在这里,它们被直接指向屏幕的右第三。在左下方的甜蜜点,他们有他们希望用户点击的链接。相反,流行的甜蜜点的设计,左上是负空间,但由于staak引导眼睛的权利,它工作得很好。

 

这是奥斯丁儿童收容所的另一个:

 

在这里,负空间是在中间,和规则的三分之一是用来指导图像的位置上的权利和文字在左边,与呼吁行动附近底部左甜点

 

江门网站设计企业


这是来自法国网站uzik另一例。注意右手边的负空间是如何把眼睛吸引到左手边的甜蜜点上的。

 

用三分法则排列你的图像

 

三分之二网页设计规则的另一个主要用途是决定如何在屏幕上显示你的图像。假设你有一个主要通过它的图片来说话的网站,你应该如何给他们空间?那么,三分法则将你把它们直接放在页面的三分之二上。在阿姆斯特丹,下面的特色,使用三分之二的规则,为他们的形象安置和他们的文字:

 

江门网站设计公司


虽然你不需要如此严格地遵守规则,但大致上它会帮助你找到最佳的设置图像的地方。

 

黄金比例

 

虽然三分之二的规则已经存在了大约二百年,但它基于一个更老的设计元素:黄金比例。无数神秘的根源,黄金比例是一个几何比率,它被誉为美丽和有效比例的永恒蓝图。黄金的比例,黄金分割,和PHI,黄金比例是所谓的视觉代表A + B超过A = 1.61803以上

 

江门网站设计企业


第一个被Euclid定义为一个简单的几何大约在公元前300年的事,黄金比例已经有几个世纪的数学家、科学家、哲学家、建筑师、甚至神秘主义的思考和辩论的普遍性和吸引力。披爱好者声称黄金比例已用于从埃及金字塔的建设到蒙娜丽莎的一切,以及文艺复兴以来的许多艺术家都将他们的工作按照黄金比例,特别是在黄金矩形的形式(一个长度约一倍半宽度的矩形)。

 

它在网页设计中起什么作用?嗯,黄金比例最强烈地应用于矩形,让我们江门网站设计从电脑

屏幕到手机,我们江门网站设计生活在一个长方形的世界里。虽然黄金比例对网站的整体应用是有问题的(你不能改变比率,因此你不能压缩或扩展它,使其适合),它可以告诉你设置你的重要元素的最佳地点。如果你的站点有大量的信息,它提供了特别有用的信息,提供了放置最重要元素的指南。

 

Twitter和美国国家地理杂志是两个在设计中使用黄金比例的大品牌。

 

三分网页设计秘密的归纳规则


江门网站设计公司

 

有一点值得注意的是,在任何给定的点上,您不必使用黄金比率的整个公式。你可以使用它的部分。例如,如果你想知道放置两个垂直柱的间距是多少,黄金配给有一个简单的模板,用于前两个矩形/正方形。

结果是有点微妙的比使用三分法,但在大多数情况下,更加赏心悦目。话虽如此,如果使用这种形式似乎对你很有挑战性,你总是可以默认为三分法则。比例仍然会产生令人赏心悦目的结果。无论您选择哪一种,这两种技术都将为您提供最佳用户体验的设计元素提供宝贵的指导。正如我们江门网站设计所知道的,更好的用户体验意味着更长的停留时间和更多的转换。

 

转载请注明:江门网站设计http://www.mfwind.cn/newsshow/159.html

最新案例