设计师解读网页设计的构图法则

2016-02-16 20:41 6 1 收藏

有一种朋友不在生活里,却在生命力;有一种陪伴不在身边,却在心间。图老师即在大家的生活中又在身边。这么贴心的服务你感受到了吗?话不多说下面就和大家分享设计师解读网页设计的构图法则吧。

【 tulaoshi.com - 平面设计 】

平衡意味着和谐。当你看到一些看起来不错一致性和相似的感觉,你看到一个完美的平衡的构图。它可能是一幅画,一栋楼,一个摄影,甚至一个网站。

在这篇文章中,我们希望你去注意网页设计中的视觉平衡。如果你希望学会完美的构图方法,那么不妨好好看看这篇文章。

对称平衡

如果你想在你的网页看上去美观和优雅,那么你应该做一个网站对称。这种效果很容易通过将类似的对象上的中心轴线的任一侧来实现。这可以通过相同的尺寸,基于网格的文本段落,或具有匹配文本相片的图像进行说明。这里有一对遵循这一格式的网站设计实例。

1.Mount Barker High School

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

设计师解读网页设计的构图法则,PS教程,图老师教程网

2.Wonder Bread Ballon

设计师解读网页设计的构图法则,PS教程,图老师教程网

您可以轻松地在网上找到各地的许多中心的布局,实际上,对称性设计被认为是最赏心悦目的设计。这也是大多数人的典型思维模式。

当然,当你准备采用对称性设计的时候,更多的时候它并没有你想象中那么肤浅简单。考虑到这点,你不妨以平面配色方案开始。如果你是新手,可以尽量多运用白色,直到你有足够的能力创造你自己的设计。

毕竟这样的设计最赏心悦目,所以大多数人都喜欢干净简洁并且完美对称的网页。但是更多别出心裁的设计师会采用一些更加新颖的一些更复杂的设计布局。

不对称平衡

不对称平衡带来一种自由随意的感觉。尽管有时候看上去不是那么自然,但是它还是经常在网页设计中得到实用。你可以看到不对称平衡常常运用在一些大的高清图片作为页面背景,主体远离了中心轴线的情况,目的是为了把更醒目的标题留在中间。

3. Biamar

设计师解读网页设计的构图法则,PS教程,图老师教程网

4. Orangina European Site

设计师解读网页设计的构图法则,PS教程,图老师教程网

5. The Enterprise Foundation

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

设计师解读网页设计的构图法则,PS教程,图老师教程网

它的设计的主要目的是移位到左边或右边(或顶部或底部)。因此,如果您决定要用不对称功能,你应该准备好多次的试验,以避免混淆网站的访问者。

来源:http://www.tulaoshi.com/n/20160216/1573962.html

延伸阅读
标签: 摄影入门
构图作为摄影中形式感最强的要素,对画面的影响力不言而喻。各种经典的构图方式和技巧为我们提供便利的同时也给我们带来了思维上的局限,并让我们的照片变得乏味、千篇一律。殊不知,只要改变一下机位或利用特殊的光源和动作就能让我们的片子不一样,本期小编将实例向你证明这些。 1.封闭空间:压缩才有爆发力 通常遇到模特向侧面看时,要...
以下内容摘自《美国视觉设计学院之完形设计》,新手可以多看这些法则,并运用到你的设计过程中,防止自己做出甲方式审美的作品。 一、必须有一个概念 设计从创意开始。这可能是非常不确定的把这些信息畅通无阻地组织起来非常重要。也可能是有创意的设想如果这些饼干是用小精灵做的,可能味道会更好吧。没有创意,就没有设计! 二、需要...
生动有趣的网页设计总是能吸引到更多的用户驻足停留。千篇一律的网页设计已经无法满足如今挑剔的用户了,想要抓住他们的眼球,必须尽可能的打开他们的好奇心,并且在细节上取胜,让他们在细节中感受到设计师的用心。 以下是AnyForWeb为大家总结的设计有趣网页的小方法,供大家参考评论。 1.Krystalrae是一个极具个性化的网站,纵观全局,每一...
腾讯同学的教程一向都是良心之作,今天这篇长文收罗了常见的UI动效设计方法,不仅有案例,而且分析透彻入微,从表现形式到动效的作用,对用户产生的影响,都有全面专业的解说。今年动效也是一大热门,想自我提升的同学可以放手来学习了。 概要 xavieryuan:UI是基于静态页面来设计的,页面之间通过跳转切换。在设计过程中,设计师很重视单...
在生活杂志网站浏览的时候,发现了这个如何拍摄好照片的系列文章,What Makes Photos Great? Taking Great Pictures。这是LIFE发表的一个摄影系列课程,讨论摄影中的不同元素。本文是有关构图的,由职业摄影师Tyler Stalman讲解。觉得对摄影的认识很有帮助,尤其是如何欣赏好的作品,提高摄影知识和技巧方面。 1、寻找自然的画框 使用经过时...

经验教程

794

收藏

58
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部