构图法则(超实用!带你认识网页设计的构图法则)
平衡意味着和谐。通过将中心轴的任一侧放置在类似的物体上,这种效果很容易实现。事实上,对称设计被认为是最令人愉快的设计。这也是大多数人的典型思维方式。大多数人习惯于从左向右阅读,所以左右布局也是最自然的。这种布局通常应用于小图片的显示,例如以下示例:7.瑞安斯特莱克的投资组合8.悖论实验室结论平衡是网页设计中最重要也是最容易被忽视的事情。
在这篇文章中,我们希望你能注意网页设计中的视觉平衡。如果你想学习完美的写作方法,你不妨好好看看这篇文章。
对称平衡
如果你想在你的网站上看起来漂亮优雅,那么你应该让网站对称。通过将中心轴的任一侧放置在类似的物体上,这种效果很容易实现。这可以通过相同大小、基于网格的文本段落或带有匹配文本照片的图像来说明。下面是一对遵循这种格式的网站设计示例。
1.芒特巴克高中
2.神奇面包气球
你可以很容易地在网上找到世界各地许多中心的布局。事实上,对称设计被认为是最令人愉快的设计。这也是大多数人的典型思维方式。
当然,当你准备采用对称设计时,它往往不像你想象的那么肤浅和简单。考虑到这一点,你不妨从一个平面配色方案开始。如果你是一个新手,你可以尽可能多地使用白色,直到你有足够的能力创造自己的设计。
毕竟,这样的设计最赏心悦目,所以大多数人喜欢干净、简洁和完美对称的网页。然而,更有创意的设计师会采用一些更新颖、更复杂的设计布局。
不对称均衡
不对称的平衡带来自由和随意的感觉。虽然有时看起来不太自然,但它经常被用在网页设计中。你可以看到,不对称平衡经常被应用到一些大的高清晰图片作为页面的背景,并且主体远离中轴线,以便在中间留下更多醒目的标题。
3.Biamar
4.奥兰治纳欧洲网站
5.企业基金会
其设计的主要目的是向左或向右(或顶部或底部)移动。因此,如果你决定使用不对称功能,你应该准备许多测试,以避免混淆网站访问者。
不管哪种对称,核心是你应该平衡整体。
水平平衡
水平平衡是网页最经典的页面布局。大多数人习惯于从左向右阅读,所以左右布局也是最自然的。
这是最经典的布局设计。如果你的客户更传统,那么你的设计应该简单明了。这里有几个案例。
6 .商务配饰
垂直平衡
当头部和底部的元素非常相似时,使用垂直结构。这种布局通常应用于小图片的显示,例如以下示例:
7.瑞安斯特莱克的投资组合
8.悖论实验室
结论
平衡是网页设计中最重要也是最容易被忽视的事情。视觉平衡可以通过界面元素的布局来协调,例如选择元素的最合适的配合、大小和位置。有时候,我们也需要大胆创新,不要拘泥于传统。