策略型品牌整合设计提供商

网站地图  |  收藏本站

品牌咨询: 0755-86191023  18926511023

整合设计全案  |  vi设计  |  标志设计  |  网站设计/托管  |  空间设计  |  物料设计

分享到

网页界面设计版面构成法则

标签:

界面设计 美工设计 版面构成

2012-06-11

上传

概要

网页界面设计版面构成法则:栅格理论,对称与均衡,对比与调和,重复与交错,节奏与韵律,虚实与留白,变化与统一。在遵循视觉艺术形式美构成法则的同时,更要具有创新意识,因为在艺术问题上没有什么严格的法则。

1.栅格理论
栅格理论产生于20世纪初叶的西欧诸国,完善于50年代的瑞士。栅格设计风格特点是运用数字的比例关系,通过严格的计算,把版心划分为无数统一尺寸的网格。先将版面分为一栏、二栏、三栏或更多的栏,然后把文字与图片安排在其中,使版面具有一定的节奏变化,产生优美的韵律关系。网格设计在实际运用中特别强调比例感、秩序感、整体感、时代感和严密感,创造了一种简洁、朴实的版面艺术表现风格,具有科学性、严肃性,但同时也会给版面带来呆板的负面影响。设计师在运用网格设计的同时,应适当打破网格的约束,努力使画面活泼生动。网格构成是现代版面设计最重要的基础修养之一。作为一种行之有效的版面设计形式法则,它将构成主义和秩序的概念引入到设计之中,使所有的设计元素——字体、图片以及点、线、面之间的协调一致成为可能。

2.对称与均衡   
视觉平衡就是将页面中每一板块做得基本一致,从而达到相互平衡。视觉平衡主要分为对称平衡与不对称的平衡,也叫均衡。虽然绝对平衡对网页界面设计没有太大的用途,但左右水平对称常在网页布局中得以运用。均衡是一种最常见的构成手法,也常用于网页界面设计中。如果你关注一下两栏布局设计的网页会发现,面积大的一边,通常是浅色的,或内容安排得较少,而小面积的常常会用深色,可以安排导航栏,这样不对称的布局就会取得均衡的效果,而不会导致重心的偏失。
对称的版式设计稳定、庄严、整齐、秩序、安宁、沉静,体现了一种古典主义的风格。但是,为了避免对称界面所带来的单调乏味,就必须在对称中略带些变化。

3.对比与调和
页面中视觉元素强调差异性就会产生对比。比如图形、文字和色彩三者在页面中互相比较之下,就会产生大小、明暗、强弱、粗细、疏密、动静和轻重的对比。调和是指适合、舒适、安定、统一,是近似性的强调,使两者或两者以上的要素相互具有共性。对比与调和是相辅相成的,在网页界面设计构成中,一般对比总是在局部,而调和却总是反映在整体版面上。

4.重复与交错
在页面设计中,会不断重复使用基本形或线,它们的形状、大小、方向都是相同的。重复使设计产生安定、整齐、规律的统一,但重复构成在视觉感受上有时很容易显的呆板、平淡、缺乏趣味性。因此,我们在页面中宜安排一些交叉与重至,打破页面呆板、平淡的格局。

5.节奏与韵律
在页面设计中,图文的安排是按照一定的条理、顺序、重复连续地排列一种律动,这种形式就是页面的节奏有等距离的连续,也有渐变、短,明暗、形状、高低等的排列构成节奏中注入美的因素和情感—个性化就形成了韵律,节奏与韵律来自于音乐概念。有节奏就会有情调,可以增强网页的感染力和吸引力。

6.虚实与留白
中国传统美学上有“计白守黑”这一说法。就是指版式的内容是“黑”,也就体,斤斤计较的却是虚实的“白”可是细弱的文字、图形或色彩,需根据容而定。留白是版中未放置任何图文的间.它是“虚”的特殊表现手法。没有很好的留白,页面就会显得拥挤不堪,留白可以引导用户视线转移到页面的四周,使页面设计有“透气”的感觉。在网页 设计中,巧妙地留白讲究空白之美,有渲染气氛,集中视艺术表现力的因素之一。助于更好地烘托主题变化是一种智惫、想象的表现线,加强空间层次,使版面疏密有序,布局清晰。

7.变化与统一 
变化与统一是形式美的总法则,是对立统一规律在页面构成上的应用。两者完美结合,是页面构成最根本的要求,也是调各种因素差异性而造成视觉上的跳跃统一是强调物质和形式达到某种因素的一致性.最能使页面达到统一的方法是版面构成要素要少些,而组合的形式却要丰富些。统一的手法可借助均衡、调和、顺序等形式法则。

总之,创造优秀网页界面的构成法还有许多,但万变不离其宗。我们在遵循视觉艺术形式美构成法则的同时,更要具有创新意识,因为在艺术问题上没有什么严格的法则,杰出的设计师、艺术天才不可能是结构的奴隶。秩序是创造形式美感最基本的方式,和谐是以美学整体性观念为基础,变化地体现了设计的存在。

>>本文由阳拓品牌编辑供大家探讨交流,转载请注明出处。  

与本文相关的文章

    如何选用网站字体颜色

美工设计 字体颜色 界面设计

    如何设计出良好的网页界面

界面设计 美工设计 网页设计

    解密网站设计原则

网站设计 设计原则 常用方法 美工设计

    vi在网站中的完美体现

vi设计 网站设计 网页设计 美工设计

    色彩与网站风格的关系浅析

网站色彩 美工设计 网站设计

    走近网页界面设计流行趋势

界面设计 美工设计 网页设计 流行趋势

    关于品牌标志的陈旧问题

标志设计 logo设计 标志优化 标志修改

    关于设计不统一

整合设计 品牌整合 阳拓 统一设计
深圳阳拓 | 品牌整合设计提供商,您理想的品牌战略合作伙伴
人才招聘设计师招聘
阳拓是2005年创立于深圳的品牌整合设计公司,为全国各行业提供公司vi设计、公司logo设计、公司标志设计、企业vi设计、企业logo设计、企业标志设计、品牌命名、商标设计,是专业logo设计、vi设计、标志设计、网站设计、店面设计和画册设计的设计公司,深圳广告公司,品牌设计公司。