三分法在网站制作中的应用这是并不一直在网站建设范围讨论的热门。摄影师可能是熟知的照片组成的三分法则。但界面设计师怎么用第三条规则去创造有趣的数字设计的吗?
在这篇文章中我想讲解三分法和共享应用规则到网站布局的一些方法。不是每一个人都会发现这非常有帮助,它总是是更好的坚持一个团的加速过程。然而,三分法是如此的一个基本定义,它确实值得学习一下它是怎么样工作与怎么样适用于网站的布局。
为何分数吗?
你或许会问自己,为何3分是个好主意吗?而这甚至是打哪来的呢?你会非常高兴了解没不少涉及到数学至少不是绝对的实质应用。大家可以坐在神奇的数学会所的圈和说话斐波那契数列但那不是真的有必要。
三分法源自传统艺术,特别是摄影,其中一件作品可以分为9个连广场。这是有两个垂直和水平线穿过的作文。该规则规定,显眼的物品应该排队在这类线的交叉点为最有影响力的结果。
你可以找到一个非常不错的例子这个帖子的主题。这就是艺术真的成为附庸风雅的因为不对称的想法一般比对称更有趣。但有时有点对称的照片可以非常有趣,规则的三分之一,这是一小部分。
理想的目的是在一个独特的方法,注意到照片中的某些部分抓住的东西。你想要的不平等由于这迫使一些元素看上去比其他人更要紧(即便只不过巧妙的摄影)。
目前大家到网站建设的问题。嗯,没问得像一个问题如何三分法不涉及到网站制作?这是你会注意到一张照片的某些相同的方法,你也可以叫人把注意力集中在一个网站的要紧组成部分。
知道网格
这种技术可分成9个方块4重要的交叉点。大部分用户都了解扫描网站在F或Z型。所以双眼将根据从上到下的字母F或Z模式。一个网站的左上角是抓住注意力的最佳选择区域之一。
线框网格网站组合定义
这也意味着左上方的交叉点应该落在或挨近页面的一个要紧组成部分。交叉点无需上一个链接或图片(虽然也可以)。它应该更像一个标记来区别布局的要紧部分。比如,网页的标题或许会使附近的第一水平线和下面这个你可能有一个照片幻灯片。
假如你尝试这种技术,我想推荐你的浏览器的倍以上截图。假如你只有一个样机设计作物的一个典型的显示器和用作为一个截图的精确尺寸。完整的网站原型并不提供最有用的结果,由于他们总是比他们的宽。同时三分法是UX的定义,不是一个完整的设计原则。
当用户首次登陆你的网页,他们只看到坐落于褶皱的界面元素。借助这个原理来剖析帆布和确定页面的部分,自然会引起注意。正确的用法它,你会发现33网格是一个愉快的启发性的经验。
使调整设计
既然大家知道这个规则在网站制作中的用法我想做一个非常重要的一点。三是规则不应该是一个无可挑剔的设计网格结构建筑。相反,用它作为一个工具进行测试或调整现有些设计。
有自由的网格系统可以帮你不少计划全方位布局线框或模型,从零开始。三分法则应该表现得更像一个指导原则时检查出的设计。你可以选择调整导航栏是高或低,移动标志接近或离得远远的路口。
值得庆幸的是,你几乎可以与任何软件测试这一思想。Photoshop是我的偏好,甚至不收费的替代品如GIMP有足够的功能来创建一个顶级的设计截图的一个简单的网格。这一定是更好的只不过创造一些第一任何你行进在正确的方向的一个项目。
一旦你有了一个初稿,然后测试了三分法则。看到元素降低,它们相交的地方页。伴随时间的推移,你会开始注意到其他网站上的成效,它会帮你认识到你一个人的设计达成相同的功能。
博久网络
处置对称性
在一些状况下,对称的页面元素可以是有用的。但假如这是规则的话,艺术将是相当乏味。事实上,不对称是绘画和摄影,照片显示出比天空更土地非常容易见到,或比另一侧的物体拉近。看来不平衡但这不正是吸引了大家的注意力。
当它来设计你可能觉得这很相似原理。假如网页标题用一个大的英雄形象,这可能占2 / 3的整个网格。同样你可以放超大的页眉文本小字幕文本对比效应。这个设计含义说标题文本是尤为重要的,应该是公认的第一假如它足够有趣,读者也可以考虑次级文本。
最后的考虑
与大部分艺术形式表达真的没规则。规则是人仍学会工艺,这当然也适用于网站制作中的三分法非常有用。一旦你完全理解本规则会出目前你的潜意识的工作。这是当你开始接近学会,一般都是围绕这一点的时候,所有些规则成为第二天性。然后你就能开始打破规则的目的!
我期望这篇文章可以澄清一些容易见到的用法在网站制作中三分法则。记住,你无需假如他们不帮你的技术十分接口遵循这类指导方针。然而不少设计师发现成功与这三分法则的办法,所以它的价值在你一个人的工作流测试。
网页题目三分法在网站制作中的应用