高端响应式模板免费下载

响应式网页设计、开放源代码、永久使用、不限域名、不限使用次数

什么是响应式网页设计?

2024年网页设计 对称(必备3篇)

网页设计 对称 第1篇

不对称也可以用颜色(色块)来表现。鲜明的对比色调——例如白色和黑色,坐落在色轮上对立的位置,可以感觉到失去平衡,甚至是混乱的。非对称的彩色图案也是自然界中的一种,他们也有一种奇怪的平衡感。在许多物种中,雄性动物颜色图案将几乎完美对称的而雌性却很少。(人们认为这种是自然界发生的自然现象,这是帮助“更有吸引力”的男性引走掠夺者,让掠夺者远离女性和后代)平衡的配色方案是基于色轮的原则,结合并充分对颜色的选择,在经典颜色组合之外,创建少对称与和谐的颜色组合:背景色与在背景色上面的图片或文本组合对比;米色的背景和霓虹灯的紫色组合。这些都是比较少使用的组合配对。另一个常见的技巧是创建一个产品(有很多种的颜色)和另一个(含有很少或没有颜色)的产品进行组合对比,形成不对称设计。

不对称的设计可能会非常复杂繁琐但它也是非常的美丽。我喜欢不对称设计创造了几乎无法预料的平衡感和充满惊喜的感觉,不对称设计的美观已经完全的达到了平衡设计。最好的设计是保持了强大图片和文字之间的平衡性,在屏幕上创造一个独特的眼睛去追踪美。

网页设计 对称 第2篇

对称分三种:反射对称、 旋转对称、平移对称。不同方法的使用可以创造出强烈的兴趣点和视觉稳定性。

1、反射对称

反射对称也叫做左右对称。反射对称就是一种镜子效映,一个物体在平面内反射后得到另一个自已。自然界是最普遍的反射是水平反射,如:蝴蝶、人体,中心轴是垂直的。反射对称可以是任意方向的、垂直的、对角线的,或是界于这两者之间的任一角度。(图01)

图01

2、旋转对称

旋转对称(或称放射对称)是指某一物体绕着某一点在某一方向上做转动。在自然界中,从花瓣到水母的顶部视角图,随处可以发现转动对称的存在。在艺术和设计中,转动对称可以用来表达动作和速度。即使在一个静态的介质中,转动对称也可以表达出动态的意味。(图02)

图02

3、平移对称

平移对称,是将一个物体移动到另外一个位置,物体大体的方向不变。如下图,物体以相等的间隔移动了若干次。平移对称的称动间隔不一定是相等的,只需要成比例移动。平称对称可用来制作各种图案,例如平铺的网站背景和重复的设计元素。如果运用的好,平移对称完全可以像转动对称一样打造出运动和速度效果。(图03)

图03#p#e#

二、不对称

不对称即是对称的缺失。不对称打破了预先的对称模式,是设计中不协调的元素。不对称的使用可以创造出不同的兴趣点,在一组相似的元素中建立视觉层级。不对称创造出无秩序的效果从而突出设计。自然界中,树木的枝杈、云朵和动物的皮毛都是不对称的体现。不对称具有很强的吸引力,因为它可以在统一的设计中营造出视觉的复杂性和多样性。(图04)

图04

网页设计 对称 第3篇

不对称物体在视觉上要重于对称物体。因此,对称最适合用在图案、背景、总体布局、内容及一切视觉上被动的设计中。而不对称可以抓人眼球,打破千篇一律。(图05)

图05

四、对称/不对称设计技巧和最佳案例

在使用对称或不对称做设计时,以下最佳案例可以用来参考。

1、适当的使用对称

合适的使用对称是一个强大的设计法宝。以下情形中更趋向使用对称,如:需要更大稳定性的设计中,牢固的组织结构中,或是要传递传统的、令人信赖的信息时。对于一些大胆、创新的设计,不对称更可以强化这种效果。不对称可以使平淡的设计出彩。

2、平移对称最适合用于结构布局

将内容条块设置成大约相同的尺寸,扩展至整个页面,或者输出内容条块是实现对称的最好方法,同时也可以为主要文本和图像留有足够的空间。例如,许多网格布局系统通过打破列宽来展示平移对称,以保持平衡和比例。(图06)

图06

3、使用旋转对称传达动作和行为

即使在平面静态的介质中,旋转对称也可以模拟运动。旋转对称可以推断发展进程和向前运动的方向。(图07)

图07#p#e#

4、利用不对称突出重点

总的来说,不对称可以让设计更有趣,但其另有更基本的功能:抓人眼球和营造视觉层级。有时设计者故意打破平衡以将用户的注意力引导到某个区域。(图08)

图08

5、跟着感觉走

对称是与生俱来的。如果你熟悉格式塔原理,你必定知道人类的大脑对遇到的事物本能产生对称和平衡。我们的身体生来就是对称的,对称在自然界中,对称就在我们周围。然而如果什么东西看起来或感觉起来是不平衡的,这种现象也许是存在的。(图09)

6、案例:网页设计中的对称

下面的15个案例中,你将学到对称和不对称是如何使用的。通过对称的使用,我们能够了解到各种设计是如何传递特定的信息:使用大量对称手法的设计看起来更深沉,更有条理;而不对称的大量运用感觉更个性化。

猜你喜欢