三点法在网页设计中的应用并不总是网站设计领域的热门话题。摄影师可能是熟悉的照片三合一。但是界面设计者如何使用第三条规则创建有趣的接下来我们 东莞网站设计公司 解读三

东莞网站设计公司研究三分法在网页制作中的运用

发布时间:2019-12-08 18:03

三点法在网页设计中的应用并不总是网站设计领域的热门话题。摄影师可能是熟悉的照片三合一。但是界面设计者如何使用第三条规则创建有趣的接下来我们东莞网站设计公司解读三分法在网页制作中的运用,不懂的就来看看吧。

三分法在网页制作中的运用:

364.jpg

数字设计?

在本文中,我想解释三点方法以及将应用程序规则共享到网站布局的一些技巧。不是每个人都会发现这有用,通常最好坚持一个小组的加速过程。然而,三分法是一个基本概念,确实值得学习它是如何工作的,以及它如何适应网站的布局。

为什么得分?

你可能会问自己为什么3分是个好主意?这甚至来自哪里?你会很高兴知道没有太多的数学 - 至少不是绝对的实际应用。我们可以坐在神奇的数学俱乐部圈子里和斐波那契序列交谈,但这并不是必需的。

三点法来自传统艺术,尤其是摄影,其中一件作品可分为九个偶数正方形。这是一条有两条垂直和水平线穿过的构图。规则规定,引人注目的物品应排列在这些线的交叉点,以获得最有影响力的结果。

你可以找到这篇文章主题的一个很好的例子。这是艺术真正变得艺术的地方,因为不对称的想法通常比对称更有趣。但有时一张有点对称的照片可能很有趣 - 规则的三分之一,这只是一小部分。

理想的目标是以独特的方式捕捉某些东西,记下照片的某些部分。你想要的不平等,因为它迫使一些元素看起来比其他元素更重要(即使它只是聪明的摄影)。

现在我们要讨论网站设计问题。好吧,我没有问过一个问题.三点法怎么不涉及网页设计?这与您注意到照片的方式相同,您也可以专注于网站的重要部分。

东莞网站设计

了解网格

该技术可分为9个街区4个关键交叉点。大多数用户都知道扫描网站是F或Z类型。因此,眼睛将从上到下跟随字母F或Z.网站的左上角是吸引注意力的首选区域之一。

线框网格网站组合概念

这也意味着左上角的交叉点应该落在页面的重要部分上或附近。交叉点不需要先前的链接或图片(虽然没关系)。它应该更像是一个区分布局重要部分的标签。例如,网页的标题可能会使第一条水平线在附近和下方三分法在网页设计中的应用,您可以进行照片幻灯片放映。

如果你尝试这种技术,我想推荐你浏览器的截图。如果您只有原型设计作为裁剪的典型显示,并将其用作精确尺寸的屏幕截图。完整的网站原型不提供最有用的结果,因为它们往往比它们更宽。同时,三点方法是UX的概念,而不是一个完整的设计原则。

当用户第一次登录您的网页时,他们只会看到折叠中的界面元素。使用这个原理来分析画布并确定页面的各个部分自然会引起注意。正确使用它,你会发现33网格是一个愉快和鼓舞人心的体验。

进行调整

由于我们理解在网页设计中使用此规则,因此我想提出一个非常重要的观点。第三,规则不应该是无可挑剔的设计网格结构。相反,将其用作测试工具或调整现有设计。

有一个免费的网格系统可以帮助您从头开始规划线框或模型的完整布局。在检查设计时,三分法应该更像是指南。您可以选择将导航栏调整为高或低,并将徽标移近或远离交叉点。

幸运的是,您几乎可以使用任何软件测试这个想法。 Photoshop是我的首选,甚至像GIMP这样的免费替代品也有足够的功能来创建一个简单的顶级设计截图网格。首先创建一些 - 你正朝着正确方向前进的任何项目肯定会更好。

有了草稿,然后测试三分法则。查看元素落下的位置和它们相交的位置。随着时间的推移,您将开始注意到对其他网站的影响,它将帮助您意识到您自己的设计实现了相同的功能。

域间

处理对称性

在某些情况下,对称页面元素可能很有用。但如果这是规则,艺术将是相当无聊的。事实上,不对称是绘画和摄影,照片显示土地比天空更常见,或者更接近另一侧的物体。似乎不平衡并不是吸引我们注意力的因素。

在设计方面,您可能会认为这与原理非常相似。如果页面标题使用大型英雄图像,则可以是

101.jpg

占据整个网格的2/3。类似地,您可以放置带有字幕文本对比效果的超大标题文本。这种设计意味着标题文本非常重要,应该被认为是第一个 - 如果它足够有趣,读者也可以考虑辅助文本。

最后的想法

大多数艺术形式都没有规则。规则是人们仍掌握着手艺,这当然也适用于网页设计中的三点法。一旦你完全明白这个“规则”将出现在你的潜意识工作中。这是当你开始接近掌握时,通常在这一点上,所有规则成为第二天性。然后你就可以开始违反规则了!

我希望这篇文章可以澄清网页设计中三部曲规则的一些常见用法。请记住,如果他们不帮助您的手艺,您不需要遵循这些准则。然而,许多设计师发现使用这种三合一方法取得了成功,因此其价值在您自己的工作流程中进

我认为念完上文,您大约会搞清楚三分法在网页制作中的运用了吧,东莞网站设计公司已经在上文带领大家进行了详细的了解,希望上文的讲述能对大家大有用处,如果你还有其他的疑问不妨来咨询小编哦。

© 2009-2022 互域网络
本网站素材来源于网络,如有侵权请告知删除