网页的版式设计是设计师感性表达和理性思维的产物,指在有限的屏幕空间内,设计师按照一定的艺术语言将网页的多个组成要素进行合理安排,使其形成整体,力求最佳的视觉效果。通常以浏览者阅读为目的,运用合理有序的安排,将网页中的元素多个元素如文字、图像、动画、音频、广告视频等组织在一起,通过画面上的统一产生视觉上的美感。
网页版式设计往往决定了网页的设计风格及个性特征,目的在于增强网页内容的表达效果。因此,网页中的版式设计在整个网页设计中占有着非常重要的地位。但是初学者往往忽视了这方面,认为技术能代表一切,知道用哪个做网页的工具就一定能做出质量较高的网页。其实不是,因为软件仅仅是一种工具,就像手中的笔,仅仅是一个工具而已,并不代表能写出好的文章来。很多人对技术掌握得熟练,但做出的网页却通常是照搬别人的东西,并没有体现出网页水平的提高。
一、提高网页设计的审美能力
在当今的网络时代里,人自身的因素是重要的,只有提高审美能力,才有可能设计好网页。所以,培养自己的审美修养是至关重要的。在网页具体布局的设计上,网页设计虽然呈现出多样化的趋势,但是最基本的模式是平面设计中的内容。平面设计就要考虑到形式美的因素,网页中版式布局就属于形式中的内容,就是体现在页面的形式美方面,具体表现在对页面的布局上。整个页面形式美得到体现可以分为几个部分,每个部分体现不同的形式有不同的功能,具体来看就是左边、右边、上边、下边、中间,自身具有许多独特之处。通常中间的部分一般承载着主要的信息,使用者主要看中间这个部分的内容。
二、设计遵循的原则
在网页设计中,版式设计的好坏它决定了整个页面设计的成败,作为网页设计的基础在具体版式设计中应注意以下几点:
(一)网页中的版面编排问题。网页作为一种特殊的表现形式,在页面中既包含文字和图片,还包括一些附加广告、视频等内容。对于不同的网站版式设计,根据页面内容的不同,又形成不同的版面安排形式。如电子商务类网站,设计过程中根据内容需要主要的款式图片和一定的促销文字。
在主页中以图片为主、文字为附进行编排布局,使其成为有机的整体,以吸引浏览者的关注。在政府网站设计中,页面的编排不宜用过多的活泼的艺术图片,为传达信息的重要性、准确性,突出文字的编排。在网页版式的设计中要力求清晰、简练、精确和单纯。如文户网站的设计,文字量比较大,为了浏览者易读相关内容,版面设计中要力求简洁性。
同时注重网页中版式的节奏感及韵律,它如音乐作品里的节拍,是组织内容的一个重要单元,主要通过画面疏密的编排让画面形成节奏感。在网页的设计过程中,横向往往是固定的,那么纵向的排列就非常重要,随着鼠标的向下滑动,不同版面的信息会跃然眼前,同时,纵向排列的设计更加容易添加大量的信息,这也成为网页浏览的特点。如新闻网站,根据不同内容进行划分,充分体现了“一个主页,整个世界”。在导航栏的下方,按照网页中的内容分栏设计出新闻、娱乐、体育、美食、旅游等不同区域的编排设计。
(二)网页版式设计的视觉流程有一定秩序性。人们通常在一个网站中浏览网页时,一般较大的图片和字号偏大的文字更能引起浏览者的注意,这就要求版式的设计中必须依据人们在视觉上的生理和心理的特点,来突出设计主题形成页面合理的浏览秩序。如在电子商务类网站中,既有多媒体展示又有图片、文字,为突出设计主题,设计时要根据页面信息的主次来确定设计内容的顺序,同时要符合人的视觉习惯和有效的传达信息,通过合理安排页面的秩序性使画面具有节奏感和流畅感,以突出主要信息,引导浏览者阅读网页。
(三)排版网格的设计。网格的设计目的解决网页中不同版面的定位问题,在设计中为避免网格太过于呆板,影响设计效果。网格可以当作一个的框架,在逐一向不同的框架中添加小的表格成为分级效果,形成版面内容的主次之分,用以拼贴图片,组织文字的排版,所以说,网格设计的定位问题成为一幅好的版面设计的基础。
版面设计中强调整体性,又在统一中求变化,以避免版面的呆板。在版式方面主要的难点是如何精确地安排各个元素,精确的网格设计可以使图片进行无缝衔接,更能很好地体现设计者的想法。如何进行网格设计,其设计的合理性成为关键。如校园网站的设计,在网格的区域规划中,充分考虑到网页内容进行划分,现在的设计中更加考虑人性化的设计方案,因为一般都是右手点击鼠标进行浏览页面,所以设计时一般导航条放在版面的右边,这主要是与大家操作有关的考虑。在网页网格设计中导航成为主要问题,对于最后的版权信息放在网页的最下边。
三、版式中文字效果的处理
对于任何一个网站而言,信息的传递主要依靠的都是文字,所以文字的设计及编排对于网页设计的成功都是至关重要的。一般来讲,页面中有大标题和小标题、副标题,设计中可以按照常规的方式来设置字体,通过文字字号的设置及字体的应用确定文字在页面中的主次顺序。同时,也可以将文字处理成图形化,而且字体进行艺术化的设计,将文字意象化、图形化,能够避免网页中往往产生的单调和平淡。如个人网页设计中,通过文字与图像之间或文字与文字之间进行叠置,通过浅色的背景图片衬托出图片上方的文字效果,或不同字母之间进行上下错落的叠加,以丰富画面增强画面美观,以更富创意的形式表达出深层的设计思想,从而打动人心。它不仅运用于传统的版式设计,在网页版式设计中也广泛采用。但是要注意的是网页设计主要是便于阅读,是为人服务的,不易于过多的运用叠加效果。
四、版式设计中图像的处理
页面中除了文字效果设计之外,最重要的设计元素还有对图像的处理。合理的运用图像设计会使网页更加具有欣赏性和趣味性,同时,对于图像其本身也是传达信息的重要手段。比起文字,图像更具直观性,可以很生动容易地把文字衬托出来,更易于浏览者理解文字的内容。首先,在图像的编排上可以各幅图像相互自由叠置或分类叠置而构成的块状组合,具有轻快、活泼的特性,同时也不失整体感。其次,在图像的处理方面,如网络教学类网站设计中,对图像的外形本身加以变化或在图形的下方采用不同的背景,都能使页面的整体效果加以改变。在一些影视学院的网站设计中,图片的下方以电影胶片为背影衬托,更能突出网站的主题设计。一般情况下图片的外形变化也能给人以不同的视觉感受,如以方形为外形的图片给人以稳定、严肃,以圆形或曲线外形的给人以柔软、亲切,退底的图像以及不规则或不带边框的图像给人以活泼。另外在网页中图像所占据的面积大小也能显示出其重要作用。小图像一般用于穿插在字群中,既衬托文字内容,又使版面显得简洁而精致。在一个页面中,大图像易形成视觉的汇焦点,更易引起浏览者的注意。
通过图像的大小对比,使主角更突出。值得注意的是在设计网页时,还要注重图像大小主次得当地穿插组合,确定哪些图像为主要形象哪些图像为次要形象,进而扩大主要图像的面积,只有这样才能构成最佳的页面视觉效果。虽然网页设计不是一件容易的事,但设计者可以通过网页中各个设计元素的合理的编排,通过平面设计形式美法则,提高审美能力,同时与用户形成交流,以达到最佳的版式效果。
参考文献:
〔1〕顾群业.网页艺术设计〔M〕.山东:山东美术出版社,2010.9.
网页设计在视觉传达设计中表现形式可谓是多种多样,它不仅涵盖了平面设计的传统优缺点,还具备了在融媒体时代的便捷性和个性化,是一个相对综合要求较高的设计。...
从面前中国的教育变革,以及全球范围内的教育方式变迁情形来看,未来的教育结构中远程教育所占有的比例势必会越来越重。在远程教育的模式中,网页课堂教育视频的质量关系着学生的课堂学习质量。网页中的模拟教师动态性表达效果,以及其声音、动作之间的同步...
远看色,近看花,七分颜色三分花。色彩为网页提供了最有效的表述语言,同时也是最重要的表现方式,色彩是网页之魂。20世纪90年代,互联网兴起,网页设计随之发展起来。早期网络的带宽很有限,因而网页上多为对纯文本的编辑,图片很少,彩图更少。在色彩搭配...
一、前言目前我们处于一个互联网极度盛行的时代,而网站则被各大公司视为争夺利益高地的第一战场,网页设计的重视程度被前所未有的抬高并作为自我展示平台的核心。在网站页面设计这一方面,优秀的设计师可以充分利用用户的使用习惯来为自己的企业形象增光添...
1骆驼服饰旗舰店总体说明1.1骆驼服饰旗舰店网页设计的总体规划网页设计是通过很多的设计领域启迪、顺应时代要求而产生的一门新的艺术设计类型,它既有与传统的设计艺术相同的美学规律,又有其自己的特色,具有相同的智慧和激情的表达方式,它是需要用头...
摘要现今社会,Internet网已将全球联通,信息的共享和交流已经成为人类的共同需求,网络作为高科技与信息交互式媒介的产物,成为人类生活中不可或缺的重要连接纽带。信息的传播和获取已是国家、企业甚至个人发展充实的必要手段。统计显示,人们通过Intern...
1.引言目前家家户户都被互联网连在一起,不仅仅是公司,有很多个人都简历了自己的网站。各有各的用途,公司用于展示自己的产品,个人用于交流,展现自我等。但是大家都没有考虑过这样一个问题,我们现在使用的这个网页,它的结构是什么,怎么才能最大的优化...
结论多数人在确定某个网站的设计是好还是坏的时候,有两种标准。从严格的可用性角度来说,这种判断集中于功能性,信息呈现的有效性及效率。还有一种是纯美学的角度,这是关于设计的美学价值和视觉吸引力的。有些人沉迷于美学和图像中,而忘记了用户,而...
第1章引言1.1选题的背景在互联网充斥着人们生活方方面面的今天,伴随着良莠不齐的网站的暴增,浏览网页成了人们获取外界信息的主要方式。各大网站为了吸引大量用户访问,增加人气,从而带来可观的流量和收益,也是卯足了劲,纷纷标新立异,展现给用户...
互联网已然成为人们生活中重要的部分。网页作为互联网的信息传播的主要媒介, 其所含内容、网页布局和风格具有影响着人们的视觉感受和审美品位的作用。...