网页版式构成原理(一)

  • 2020-04-01 10:47:14
  • 阅读次数:
  • 作者:盈岚科技小编
  • 来源:http://www.lyjtt.cn

对称与均衡

对称是指以某一点为中心,其左右或者上下因同等、同量、同形而形成的平衡。对称有以中轴线为轴的左右对称,以水平线为轴的上下对称和以中心点为基准的放射对称。

【示例1】在网页设计中,对称的版式设计稳定、庄严、整齐、秩序、安宁、沉静,如同中国古代宫殿一样庄重、严肃,体现了一种古典主义的风格。在如图所示网页中,男、女装以对称的形式左右排布,给人感觉平稳、有序。

1.jpg

对称构图均衡是指版面以某一点为中心,左右或者上下等量不等形的配置。均衡是一种造型上有变化的平衡状态,具有变化的统一性。它揭示了形式内在的、含蓄的秩序和平衡,体现了造型动与静相结合的动态之美。均衡的形式灵活而富于变化,易于产生现代感。进行界面的网页设计时,根据内容的逻辑性,将各要素按主次、强弱关系进行设计,将获得视觉上的均衡感,表现为呼应关系或起承关系,即由一个要素转移至承接它的另一要素,二者之间必然产生呼应关系,引发观众的情感效应。

【示例2】在如图11.6所示网页中,以一个水晶球为中心点,通过两侧色调的轻重使页面版式获得心理上的量的均衡。

1.jpg

节奏与韵律

节奏是指单体按照一定的条理、秩序,重复连续地排列,形成一种律动形式。例如,呼吸、心跳是人的生理节奏,波浪的前进、四季的交替是自然界的节奏,而图案的连续纹样、建筑上的柱窗结构是设计中的节奏。在版式设计中也是如此,同样的形态、同样的色彩变化、同样的明暗对比以反复、渐变的方式出现,使人体会到一种类似音乐中的节奏,从而产生美学体验。节奏使单纯的更单纯,统一的更统一。韵律是一种规律性的变化,它是比节奏更高一级的律动。韵律是宇宙间普遍存在的一种美感形式,天体的运行、季节的更迭、昼夜的交替、人体的运动体现出一种韵律,音乐、诗歌、舞蹈中更是包含着韵律的美。

音乐是用时间的间隔使声音在强弱或高低变化中产生韵律,诗歌是运用诗的押韵或语言内在的声韵秩序来表达韵律,舞蹈是靠人的舞姿在空间塑造出变化的形态来体现韵律。而视觉艺术的韵律,则由造型元素的有规律的节奏变化形成。一般来说,节奏感和韵律感同时存在,但细分起来,节奏较多地强调“节拍”,韵律较多地强调“变化”,如果说韵律感不够,是指缺少变化,过于平板;如果说节奏感不强,是指变化缺乏条理规则。

【示例】运用节奏与韵律的形式法则,能创造出形象鲜明、形式独特的视觉效果,表达轻松、优雅的情感,使网页界面产生不可思议的活力与魅力。如图所示的网页,页面反复通过不同的人体排列在一起,让人处处感受到音乐的轻松节奏。如图2所示,用大弧度的曲线、椭圆形作轿车的背景,使页面流畅、富于韵律,用来衬托产品的高贵品质。

1.jpg


1.jpg

对比与统一

对比是指将性质相异的形态要素直接或间接地配置在一起,相异的特点因比较而更加鲜明,使人产生强烈的紧张感。对比有形的对比(大小、方圆、长短、曲直、宽窄等),色的对比(色相、明度、纯度、冷暖),质的对比(刚柔、粗细、强弱、干湿、轻重、软硬、虚实等),势的对比(疾缓、疏密、动静、抑扬、进退等)。对比能使视觉效果更生动、强烈、感人、富于活力,从而使人记忆深刻。对比关系越清晰,视觉效果就越强烈。在网页设计中,文字与文字、图形与图形、实体与空白间处处都存在对比关系。在一个页面中,通常是多种对比关系同时并存,以产生多姿多彩的表现效果。

【示例1】如图所示网页中,大大的椅子与水平放置的黑色色块构成方向上的对比,同时还具有色彩纯度、明度、色相的对比,使人获得视觉上的平衡感。

1.jpg

如果说,对比是将矛盾强化,强调“异”的概念,那么统一就是将矛盾弱化,产生调和,趋向于“同”的概念。统一是指性质相同或类似的形态要素并置在一起,形成一种一致或趋向于一致的感觉。统一并不是设计形式的单一化,它使多种多样变化的因素具有条理性和规律性,使各个局部相互联系。为了获得版面的整体效果,我们常用各种手法来取得统一,如在页面的不同位置运用相同的字体、相同的色调,出现相同特征和形状的造型因素等,使版面各处协调一致。

当前文章标题:网页版式构成原理(一)

当前URL:http://www.lyjtt.cn/news/wzzz/3187.html

上一篇:网页版式设计基础(一)

下一篇:网页设计的版式视觉原理

网站建设、网络营销咨询专线:181-8386-5875(点击可一键拨号)