理论教育 界面视觉传达设计:页面视觉法则

界面视觉传达设计:页面视觉法则

时间:2023-07-22 理论教育 版权反馈
【摘要】:在视觉设计中,这些元素将做一致的图形化处理,并遵循形式法则和视觉规律,合理地进行编排和组织,从而达到整体和相互关系的和谐。在网页设计中,这个原则主要体现在整体布局上,如图5-17所示。这方面的能力也表现了设计师对造型的整体把握能力和深入处,如图5-18所示。这个规律可以运用于对页面的层次和图形化的整体性的设计中。在页面中将背景也看作一种图形元素加以合理安排,从而使页面的组成更完整有机。

界面视觉传达设计:页面视觉法则

网络页面是一种平面视觉形式,页面视觉效果往往是建立用户第一印象的依据。页面由各页面元素组成,具体包括标题﹑文字﹑标志符号﹑图片﹑动画﹑视频等。在视觉设计中,这些元素将做一致的图形化处理,并遵循形式法则和视觉规律,合理地进行编排和组织,从而达到整体和相互关系的和谐。

这里所提的形式法则和视觉规律是人类长期进行艺术创作而对审美规律的一般性总结,从不同的方面描述了视觉审美特征,而都以统一变化规律为主要特点。而其根本依据建立在对人的视觉感知特性基础之上,因此具有一定的科学性,对视觉设计有一定的基本参考价值。

1.对称与均衡

对称是指空间与形态的局部—局部的重复对等关系。在自然界和人类社会,很多事物和造型活动都以对称的形态和构图出现,对称可以给人均等﹑平衡﹑稳定的感觉,符合视知觉快速识别物体的功能需要。所以,对称是形式法则中,属于强调统一性的手法之一。

对称有水平对称﹑垂直对称﹑对角对称﹑中心对称;也有放射对称﹑放大对称和缩小对称;有平面对称﹑立面对称﹑色彩对称等多种形式。通过对称处理可以有效地将局部组织在一起,进而构成关系密切的整体。对称的稳定,还体现了重量的均衡,所以对称也是中立均等的表现形式。

均衡是自然界事物中力的平衡关系。它通过局部与局部的相对稳定达到矛盾的调和。均衡分成两种形式:一种是静态的平衡,对称也可以被认为是均衡最完美的表达;另一种是动态的均衡,是那种非等形﹑等量的均衡。

在网页设计中,这个原则主要体现在整体布局上,如图5-17所示。即在充分地考虑整体的页面上所有的图形元素的基础上,如何比较整个页面各部分的量与质并利用图形配置关系加以体现。页面上的平衡是一个动态的平衡,所谓“动态”指的是页面中的元素形象往往繁杂,其平衡的体量关系是页面所有形体的整体综合表现,这是一个最优化的过程。

图5-17

2.重点和从属

重点与从属主要表现在空间及造型的局部与局部关系上。重点是指设计师根据内容的需要,强调和突出其中一个局部,使其成为整个造型中的主体和视觉中心,其余部分则处于从属的地位。这样就能保证主题突出﹑层次分明,既能满足视知觉快速识别,又可以让视知觉在造型的层次中获得不断发现的美感享受。

重点的部分可以通过大的体面关系﹑中心视点的位置﹑反差对比等方法取得。从属的部分可以通过小的体面关系﹑形态的细小部分﹑空间位置的边缘部分等方法来处理。

重点与从属组合为一个整体,重点确定后,从属对重点的配合和呼应就显得十分重要。重点没有从属的呼应,将显得孤立和单调,从属的精心安排能保证造型的丰富和成熟。这方面的能力也表现了设计师对造型的整体把握能力和深入处,如图5-18所示。

图5-18

3.对比与调和

对比与调和表现在整体与局部的关系上,同时也表现在局部与局部的关系之中。对比是不等量的概念,调和是等量的概念;调和之中可以有对比的因素,对比之中也可以有调和的成分。在形式法则中,统一中有变化,以调和为主;变化中求统一,则偏重于对比。

对比可以分为形式对比和心理感受对比两个方面。例如,形态的大小﹑多少﹑曲直﹑粗细﹑疏密,色彩的冷暖﹑明暗﹑深浅的对比,都属于形式对比。而一般的情感对比为心理感受对比,如图5-19所示。(www.daowen.com)

图5-19

调和包含了重复﹑均衡﹑对称﹑渐变等造型规律,也可以从事物的相似性中得到满足。例如,空间相似﹑形态相似﹑位置相似﹑方向相似﹑色彩相似﹑材质相似﹑工艺相似等。

4.节奏与韵律

同一要素的重复是产生节奏的先决条件,节奏具有明显的周期性的特点。节奏有两个方面的特点:一是数量的概念;二是时间的概念。节奏的单元,可以是单数的反复,也可以是复数的组合。节奏是产生韵律的基础,而韵律则通过节奏在时间上的延续产生联系和变化。

节奏带有理智的冷静,韵律给人以愉悦的感受。节奏与韵律,正如同一与变化一样,是互为依存的。以节奏为基础,利用空间﹑造型色彩等视觉元素,经过相互呼应﹑起伏变化﹑方向与位置的交替﹑色彩冷暖的过渡等产生运动感,成为具有韵律感的形式,如图5-20所示。

这往往体现在网络页面设计的具体细节部分。例如,按钮的编排就经常会遇到这个问题,做得好的按钮能够使排在一起的诸多按钮富有音乐般的美感,同时丝毫不损其实用性。

5.比例与尺度

比例是体现整体与局部的数量关系;尺度则是表达数量关系的标准和定量。比例和尺度都属于数学范畴,是数的概念应用于构图和造型中的规律,这突出体现在融入理性设计观的现代设计中。脱离开数的比例与尺度,造型活动就无法进行,只有在数的严格而非准确的限定下,制作和工艺才有依据可寻。

图5-20

比例有多种数的关系,有黄金比例﹑平方根比例﹑平均值比例﹑抛物线比例及自然数比例﹑小数点比例等,如图5-21所示。

图5-21

6.图形与背景

这主要是关于“图—底”关系理论。简单说就是,人类的视觉习惯总是主动将线条﹑色彩等组成“图”提取出来,而把其余的部分作为背景。所谓图形背景关系,就是判定哪些形从背景中突出分离出来构成图,哪些形仍留在背景中做底。

这个规律可以运用于对页面的层次和图形化的整体性的设计中。在页面中将背景也看作一种图形元素加以合理安排,从而使页面的组成更完整有机。这突出表现在处理页面空白问题中,如图5-22所示。

图5-22

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈