联系电话136 8812 4668(业务咨询) / 158 8206 4880(服务投诉)
赛门仕博官网

1

2018年06月15日

为何不平衡的网站布局设计越来越流行?

长期以来,网站设计要求界面必须是平衡的、比例性和对称性的,被认为是网站设计的标准和伟大设计的名言。网站设计师们都在努力实现网站细节的完全和谐和平衡。但现在情况已发生了变化。很多网站设计师和企业公司开始尝试并接受混乱不平衡的网站布局设计方式。我们目睹了另一种将网站不平衡设计变为优势的设计尝试,以不平衡的布局和构图为代表。以下案例中的网站设计人员正确地做出了网站设计解决方案,显然是总结了过往大量错误经验吧。


一,如何设计不平衡的网站布局

不平衡的网站布局就像"胡乱"设计的网站一样,这也许不适用于每个企业。唯一可行的方法就是遵循一些一般的做法并从其他成功的不平衡的布局设计模式下学习经验。这些经过验证的成熟的设计方法经验包括:走出界外,使用局部组合,操纵页面空间,重叠块,混合文字和视觉效果,使用非传统网格设计等等。


1,混合文字和视觉效果

设计不平衡布局的最简单方法是随便设计玩一下。采取设计的两个主要组成部分:文本内容和视觉材料,将这两种元素组合并匹配,直到得到满意的设计效果。忘记对称性和平衡性设计的规则: 享受创造设计的过程。如果喜欢采取布局小范围的不平衡设计,只需从页面最小板块开始设计,例如“将某一侧的内容移动一点或稍高”,以避免水平面上的一致性等等。下面下面这个网站例子就具有代表性了,不过是水平移动还是垂直移动,整个网页布局都保持和谐。

不平衡布局1

2,走出想象的边界

“走出想象的边界”听起来就知道不是那么容易,实际上确实不容易,因为这相当于需要自己去创造设计了,以前的理念规则都不管用了。不过也是有技巧的:不管如何设计网站布局结构不要分崩离析。

不平衡布局2

这个网站中一个图片在网格内; 另一个图片却并没有在网格中。主标题下方的文字紧紧贴在边框上,而主要文本块位于其下方并使用左侧的一些空格。感觉设计需要完成调平和调整。然而,所有这些微小的明显差异实际上形成了完整的构成。因此,该网站以优雅的方式感受非凡。


3,忘掉经典网格规则

非常规网格可以帮助实现预期的设计结果。忘记标准的行和列的规则; 只需把内容板块放置在任何地方。但要记住的是,当正在放置确定位置时,需要创建一个视觉路径。通过这种方式,将设置焦点并轻轻地将用户从一个点引导到另一个点,就像下面这个网站案例一样:

不平衡布局3

4,单面组织

如果不想进行测试设计就找到适合的特殊设计方式,可以参考“Maison Vignaux”这个网站的中心布局和排版组合。将内容放在页面的两侧,使中间保持不变,设计效果非常有趣。

不平衡布局4

5,添加空间

网页使用白色空间是任何网站达到良好用户体验的核心。也是大多数设计问题几乎认同的答案。页面没有空白,网站不平衡的布局就没有了。

不平衡布局5

这个网站页面采用了很大的白色区域,这个白色区域不会分散用户视觉,相反创造了一种特殊的氛围。


6,重叠

页面布局重叠技术是多层设计更简单,优雅和微妙的方式,这种设计方式很少。但只要记住保持页面视觉清晰即可,下面列举一个设计错误的网站例子。

不平衡布局6

这个网站中的文本内容块和图片内容无法组合成一个整体,图片部分重叠。但对于不平衡的网站布局设计来说这一切看起来都很和谐愉悦。


二,吸取网站设计趋势总结

1,享受多层次的美学

简而言之,“多层美学”是试图拥抱视觉混乱的方法。很明显,这两个概念都“反对”常规设计方法。多层次设计毫不费力地引起了人们的注意,为网站增添了诱惑力和挑衅。很难对这类设计设置很多规则和其他条条框框。

不平衡布局7

该网站成功找到了“多层次美学”和“视觉混乱”这两个概念之间的关键。整齐的精确积木,干净的背景,平面风格和其他空白区域。


2,通过“桥梁”联系在一起

网站设计中也许只有一个小小的错误,就会导致整个网站出错。不是每个人都可以掌握“桥梁”的方法,特别是在游戏中存在的不平衡。这两个概念都应该谨慎对待。

不平衡布局8

该网站不平衡的布局设计,厚重图案的背景和散落在整个屏幕上的装饰元素的融合使设计变得独特。每个细节都设计得别有用心。


3,丰富视差和3D效果

警惕重新设计的视差效果,也许这一切看起来都更好。但它增加了一种难以抗拒的微妙交互感。这同样适用于真实的场景,渲染的视觉看起来很温暖诱人,这些元素与不平衡的布局完美配合。

不平衡布局9

该网站的抽奖活动成功地采用了这种方法,在设计中加入了一些不平等。结果令人印象深刻。