时间:2022-08-26 23:38:53
引言:寻求写作上的突破?我们特意为您精选了4篇网页界面设计论文范文,希望这些范文能够成为您写作时的参考,帮助您的文章更加丰富和深入。
引言
格式塔一词来源于德文“Gestalt”的音译,本意指的是形式、形状、方式、实质。格式塔心理学是一种与艺术有缘的心理学理论,其主要目标是探讨视觉感知及其与学习、思维的关系,它所研究的出发点就是“形”,“形”是经由知觉活动组织成的经验中的整体,与视知觉活动密不可分。而网页界面设计是视觉传达设计向网络媒体的延伸,主要是通过浏览者的视觉感知来接受网站信息。因此,研究格式塔理论在网页界面设计中的运用,无疑对网页界面的设计具有很大的指导作用。
格式塔理论在网页界面设计中的应用
网页设计是将特定的视觉信息要素,根据主题表达的需求在特定的页面上进行的一种编辑和安排,其基础是视觉生理学和视觉心理学。格式塔心理学派通过对视觉感知的生理研究,提出了一系列视感知规律,其中包含了“图底”这个核心概念,和“简明原则”“接近原则”“相似原则”“闭合原则”等视感知特性,将这些规律引入页面设计,有助于我们优化视觉时代“形象过剩”状态下盲目的网页设计,提高信息传达的速度与准确度。
1.图与底
在人的知觉系统中最基本的一种知觉能力是在图形与背景间作出区分。“图”是居于前部的区域,“底”被看成是用来衬托图的背景。相对而言,图比底,轮廓较为完整、封闭,形状较为规则,面积比较小,色彩比较鲜艳;此外,更重要的是,能组织成为一定意义的区域倾向于被感觉成图。
由于图与底之间存在的这种相对性质,在网页设计中,应当明确区分图与底,主体与背景。另外,主体自身结构要清晰明了,背景不能过于复杂,这样才有利于浏览者辨别需要了解的信息。在背景的色彩搭配上应尽量选用同一色系的颜色,尽量避免同时使用色相环中相对的颜色,大面积同一颜色宜采用低对比度,避免用强烈刺激的颜色引起浏览者的视觉疲劳与厌烦情绪。格式塔理论的图-底规则不仅说明了主体从背景中分离出来的条件,而且指出了背景在一个格式塔中的重要作用。因此在网页设计中我们同样不能忽视背景的作用,图形是依赖于背景而存在的,要使主体感到存在,必然要有底将它衬托出来。因此无论在文字、色彩、图像,还是动画和视频方面都要坚持图底原则。
2.简明原则
格式塔心理学家认为,人们的知觉有一种“简化”倾向,所谓简化并非仅指一般意义上的“简单”,即物体中包含的成分少或成分之间的关系简单,而是一种将任何刺激以尽可能简单的机构组织起来的倾向。我们的眼睛只能接受少数几个不相关联的整体单位,如果一个格式塔中包括太多不相关的单位,眼睛就会试图将其简化,把各个单位加以组合,使之成为一个知觉上易于处理的整体,否则,整体形象将无法被正确感知,这种形象势必会被人们忽视,以至拒绝接受。
我们可以将这一观点延伸到网页界面设计中。首先,在网页界面结构的设计上,应避免使用过于复杂的网格结构,结构的设置应尽量简单明了,符合人的视觉流程,也符合人们对规则形的喜好,利于浏览者以最短的时间找到最需要的信息。
其次,在图像的选择上,应避免使用过于繁复杂乱的、容易分散浏览者注意力的图像,这样会增加浏览者找寻信息的难度。
再次,在进行文字编辑时,应该考虑编辑的最终效果。文字应给人以清晰的视觉印象,避免页面繁杂凌乱,减少不必要的装饰变化,使人易认、易懂、易读,不能为造型而编辑,忘记了文字本身是传达内容和表达信息的主体。在字体的选择上,虽然可供选择的字体很多,但同一页面上的字体种类最多只能有三四种,这样才不会显得花哨。字体的选择应依据段落大小和内容层次,由重到轻、由粗到细。字号的选择也应该依据内容层次由大到小,但到了节以下的层面,可以选用同一字号但用不同的字体加以区分。在文本密度方面,文本应该以短小的组块形式出现,并且应该经过编辑,以简化内容。3.接近原则和相似原则
接近原则和相似原则的本质上都是简化和整体化知觉对象的组织原则,与前面的简明原则类似,人们在倾向于简化认识对象的同时,也倾向于将近似、接近的元素组合起来作为一个整体加以认知。也就是说如果不同的文字或图形组成部分位置靠近,浏览者就比较容易看出它们是一起的。根据这一原理,对于页面上的任何元素,如果在功能或内容上是相同或相近的,就应在一定程度上保持相对较小的空间距离,做到“物以类聚”。比如,页面中用以解释图形或用以表明某一部分图形的文字就应当紧挨其所指的图形或部分图形。
相似的物体也很容易被认为是从属于一个系统,具有相似的功能。因而,需要通过将浏览者注意力集中于视觉范围内的关键概念,帮助他们获得信息。在网页界面设计中,可以通过强调、动画、对比色的使用或其他手段达到这一目的。假如一个图形中的组成部分都属于同一风格,这个图形就被视为一个整体。为了使浏览者重点关注图形中的特定部分,对这一部分可采用不同的颜色、动画、闪烁或其他区分方式。但是,如果一幅画面中区别过多,也会使浏览者难以注意需要获得的信息。因此,这些方法应该用于强调关键信息或图形的关键部分,而不宜用于大片信息。
4.闭合原则与网页界面设计
闭合原则是指一种完成某种完形的行动。这一规则表明,每一种视觉样式都可以被看成是一种陈述,对于模棱两可的视觉样式,人们会根据以往的经验按照不同的样式加以组织,这时不同的人会看到不同的东西。因此,在网页界面设计时,应当避免出现不完整的图形,以免使浏览者花费过多的时间去琢磨图形的含义,而不是从网页上获取信息。
闭合规则还表明,视觉形象被知觉的形式是首先作为一个统一的整体被知觉,然后再以部分的形式被知觉。因此,在进行网页界面设计时,要强调整体风格的统一,内容与形式的统一。
结语
将格式塔心理学引入网页界面设计,目的是希望网页设计向理性化的方向发展。随着网络的不断发展,浏览者对页面的要求也越来越高,但现在的页面设计大多还是从直觉出发,离科学的页面设计还有相当大的距离,因此要想达到科学的页面设计,就要在设计时遵照人类的认知规律,并且将这些规律正确地应用到设计实践中。而如何将格式塔理论与设计结合起来,仍是我们需要投入大量精力去研究与探讨的问题。
参考文献:
[1]曹方著.视觉传达设计原理,江苏美术出版社
随着移动通信技术的高速发展和信息终端设备被人们所广泛适用,过去由电脑作为主要的网络信息共享、传递、存储设备的方式已逐步被多元化的设备形式所分流。人们不再需要保持在固定的网络环境中,就可以随心所欲地依靠自身携带的智能移动设备终端随时随地地享受互联网带来的便捷。而以个人电脑、智能手机、平板电脑等为重要代表的多元化设备形式被广泛应用,其最为显著的变化表现为基于各个设备中的屏幕大小和输入输出的呈现方式上的差异化,也使得界面设计的表达方式和表现形式变得更加复杂多变。介于这样的多设备模式的发展情况,今后的发展方向想必是更加多元而又复杂多变的。
1 多设备时代下的界面变化
基于同一界面设计表现在不同的设备及其操作平台所表现出来的差异化,使得我们在设计中如何适应这些多元性进行有效呈现,从而为用户提供更好的操作体验则成为了重中之重。压力感应屏已逐步投入量产,即可预知会有越来越多的不同类型的高科技设备等着我们。而在多元化的趋势之下,作为设计工作者必须具备的前沿就要求我们需要以现在和未来的角度来观察这些设备的多元性造成的现象。我们抛开不同的设备所呈现的处理器运算速度和操作系统差异化等硬件设备的条件限制,影响界面设计的物理性因素是基本相同的,其中就主要包含了屏幕的大小尺寸(屏幕尺寸一般由屏幕物理尺寸、屏幕分辨率和屏幕密度所影响)、屏幕的长宽比例、设备的操作方式、输入输出方式等等。
就目前网络环境而言:我们现有的解决方法基本是利用自适应界面模式进行界面设计:根据设备界面的差异性产生的不同需求和其运行的环境进行自动化裁减,用以定制系统的显示和交互行为。但这也只能在一定区域范围内进行有效的自适应变化,设备界面差异过大也是无法完全兼顾的,而对于过于繁杂的界面构成体系甚至会造成系统的负担。因为随着未来数字媒体产业的发展变化,越来越多设备类型蜂涌而出,就单一设备形式去设计其专有界面模式是难以完成的。自适应用户界面就是在满足设备差异化的前提下,提供一种折中的方式去极大限度展现内容的有效手段。而现有的“响应式网页设计”就是依照设备屏幕的宽度,提供最佳版面设计的自适应界面模式中的一种表现方法:以一个HTML用以支持多种屏幕尺寸不同的设备。以一个设备模块自适应于多个屏幕设定,预先根据屏幕尺寸大小设定几个切换版面的页面尺寸的断点,让版面在断点前后的尺寸产生较大的变化,进一步设定切换基准以契合更多得屏幕进行版式设计。尤其是优秀的自适应界面方式:不但可以通过这样的折中方式用户界面进行精简,还可以及其有效地提升工作效率和用户满意度,更从容的应对用户不断变化的需求。因此智能移动终端的自适应界面有较广阔的应用空间,成为解决移动端设备多样性的重要方式。
正是响应式网页设计这样的设定方式,使得网页的显示一样会有适用和不适用的问题,如若网站本身的结构太过复杂,就会导致系统难以应付造成一定的界面混乱。鉴于这样的表现模式所呈现出来的限定性,对网页设计中的界面表现也就有所要求。而就目前的技术而言,未能有根据各种终端设备最优化网页的解决方法。因此,如何通过界面设计自适应于多设备的显示应用也成为了网页设计中重要的一步。
2 设备变化造成的视觉化影响
在某种程度上正是因为这样的多设备带来的变化,设计中的网格化框架就显得尤为重要了。而界面设计(尤其是网页设计)在设计当中,不管版式再怎么多元化,其使用的版式还是基本以网格化模式进行划分的。而一般来说,内容越是复杂,所使用的版式也就越是相通。而这样的网格化组织模式也为我们界面板块化发展奠定了基础。区域的板块化的一致性划分不但能够极大程度的为用户在进行页面浏览的时候提供便利,而且在一定程度上压缩了版面的使用面积。因为区域的板块化划分,实际上也就是在一定程度上划分了其板块的视觉一致性、操作行为一致性、目标的一致性、表现方式一致性。
尤其是板块的视觉一致性尤为显著。我们通过视觉元素的趋同化来保持界面的一致性,其实也是在一定程度上对其信息内容进行了分类,为整合版面提供了基础。其中,视觉符号作为信息传达的重要载体,界面设计者通过视觉化的形式表现去传递信息的功能,以达到形式与内容的统一。界面用户也通过元素的联系性来判断所处浏览界面的位置。而换掉的元素越多,说明内容的关联性越小。掌握页面的“变化量”是能够让用户单就经验就足以获知页面逻辑关系的视觉方式。在界面设计中运用这样形式化的视觉表现形式很好地将整个界面的逻辑关系客观地呈现出来,以供人们能够很好地寻找到网页之间的参照关系和逻辑上的直觉感。通过这样的一致化的表现方式可以在一定程度上整合各资源内容:一是为版面网格化划分提供条件,二是在视觉层面上为受众提供直觉引导,为操作提供便利。
3 操作方式与交互式变化
过去的个人电脑是较为单纯的信息交流存储设备,现在的设备更多元,种类也变得更加复杂。随着手机、平板电脑为代表的数码产品高频率地更新换代。不但如此,随着微软Surface系列等个人电脑的普及应用,触摸式设备几近成为界面设备主流,可想而知其发展空间之巨大。设备更新换代,尤其是屏幕的变化对用户的操作行为模式的影响也是最直接的。在操作行为的引导下,也在一定程度上决定了视觉板块划分。最直接的变化就是:我们从精确点击转化为触摸式滑动、拖拽、轻击...当然,这也为越来越多的交互式界面提供了设备基础。我们虽然需要为精确点击转化为手动触摸提供更多的选择区域(在某种程度上需扩大点击的选择区域,缩小了可用率。),以便不失去其本该有的点击准确率。与此同时,触摸屏控制手势的加入也大大的弱化了人机之间的距离,交互性不由而生。对比鼠标的左右二键和滚轮,手势的变化就显得更为丰富而多变了。不但在一定程度上增加了的可塑性,交互式的出现也极大地影响了界面的版式划分:比如隐藏式信息栏,俨然变成为一种主流的导航设置方式应用于各界面设计当中。这无疑在很大程度上改变了界面设计中对屏幕大小、尺寸比例的限制,大幅地增加了版面设计的自由度和灵活性。界面与界面之间的翻转滑动变得简单起来。它消除了界面和界面之间作为个独立的页面而存在的方式,内容的直观连贯就变得轻而易举起来。同时,这也为界面的交互式延伸及转化提供了更为有利的条件。
4 结语
在这个第四媒体广为适用的时代,科技的进步带来的信息全球化可显其重要性。而科技的可贵之处便在于在其不断的变化发展中彰显其价值所在,每一次的发展进步都给我们的体验带来了或大或小的改变。界面设计作为科技显现的重要视觉化表现方式,如何在这样一个发展中的多设备时代下,保持其时代的一致性就变得尤为重要。本文希望通过对多设备时代下设备的差异性对设备变化造成的视觉化及其操作方式变化带来的一系列变化进行个简要分析。
参考文献:
1、网页界面设计的现状和问题
近年来,随着网络的广泛普及,网站已然成为人们吸收了解外界的载体,人们通过上网浏览网页便可以做到足不出户就可以获得所需要的信息和物品,网购行业也随之快速的发展起来,这是因为网页可以承载图片、色彩、文字等多种元素,能够提供给浏览者足够的信息,方便了人们的生活。但是网页设计迅猛发展的同时,也产生了整体水平良莠不齐的问题:1.信息多且杂乱无序,把相关的信息和元素全部罗列出来,不分层次和重点,没有规范性,有多少内容就挤多少内容,使浏览者难以快速找到所需信息;2.喧宾夺主的设计,使用花哨的图案作为背景,干扰读者的视线。有些网站为了追求视觉的冲击力,放一些绚丽的,风格各异的图片,导致网页调性不统一,整体性差;3.一味的追求视觉美感而忽略网站的实用性,凸显不出产品的优势和特点,缺少与浏览者的互动性。视觉效果固然重要,但是一味的追求视觉效果是否真的能够提高网站浏览量和产品销售量?
我认为网页界面设计应该符合美观性和实用性双重要求。简约主义下的网页设计已经不能单纯的追求信息承载量,有一些网站把企业简介、企业荣誉和资质,全都展现在一级页面的位置,长篇大论的写公司的优势获得的荣誉,希望消费者一下子就能够了解自己的公司实力,反而将消费者更加关注的各类产品和主要信息模糊放在在一起,看似信息多了丰富了,效果却恰恰相反,这让很多消费者很难在网站里快速找到所需的信息,浏览者更是不会看长篇的介绍,这不仅没有让消费者了解自己,还会引起消费者的反感导致销量减少。简约主义下的网页设计也不能够单纯的追求色彩,绚丽画面,过多的颜色会扰乱消费者的视线,找不到重点,反而体会不到视觉的美感,从而降低了用户体验。
2、简约主义在网站设计中的应用(结合苹果官网分析)
简约主义源于是20世纪西方现代主义,欧洲现代主义建筑大师与设计大师米斯・凡德罗所提出的“少即是多”的理论,换句话说就是把设计简化,强调它本身内在的东西。这一理论被称为简约主义的核心。当今社会,人们工作强度高,节奏快生活压力大,人们需要一种可以互补的东西来调节神经高压。简约主义以简洁的表现形式来满足人们对产品那种感性的、本能的和理性的需求,符合了当今人们快节奏、高效率和高审美的要求,越来越多的设计师把眼光放在了简约主义风格的设计上,网页设计在简约主义风格的影响下也发展迅速。以苹果官网为例,苹果公司一直追求简而精的风格――简约主义风格。自乔布斯iPhone4,苹果官网界面设计风格越发简约。苹果官网新推出的产品――苹果7为例,风格依旧遵循着简约风格,整个页面除了黑色,找不到其它的色彩,网页上没有放置很多的文字内容,也没有很多绚丽的图片和色彩,通过极致的黑色和几根流畅的线条充分的展现出苹果7的简约奢华和精致,一张满屏幕的产品大图不用长篇文字的描述就已经让人感受到苹果公司强大的实力,这种简约风格的形式远比那些人们从不会去阅读的长篇大论更有力量!更有说服力!更加吸引浏览者的眼球!大大增强了消费者的购买欲望。然而单纯的追求简约主义设计风格,简约的画面和几张高精大图就是提高网页浏览量和销售量的关键吗?显然不是。
3、简约主义风格下如何与浏览者产生互动,提高用户体验
简约的画面只是网站设计最终显示出的效果,在网站设计过程中不仅仅只是考虑网站设计的画面效果,当然画面效果也很重要,但更重要的是要考虑消费者和浏览者在浏览网页的时候能否产生良好互动和用户体验。在简约主义风格下,如何才能与浏览者产生互动,提高用户体验呢?1.增加细节的设计。细节决定成败,网页设计也是如此。2. 建立清晰的视觉信息导向,使浏览者在众多同类产品中能够快速明确的定位所需要的信息。
简约主义下的网页设计不是空洞的,单调的而是让人感受舒适、放松的设计。简约主义风格的网页设计细节处理是非常重要的。如何才能做到网站设计细节丰富,版式简约,有内涵而不繁琐,有形式而又实用呢? 以云米官网为例,云米净水器网页设计综合了视觉、布局、交互综合设计方法。用扁平化的图标设计代替了人们看不懂的数据表格,因为产品特点和优势不仅仅是一句话就能够让人信服的,需要用人们能理解的语言展示出来,才更有说服力。用图片的形式展示产品结构更清晰更加直观,从视觉上提升了科技感和冲击性。将实用性与美观性相结合,画面更加简约,细节处理更加丰富,更加吸引浏览者的眼球。让消费者看到这样的产品就产生一种感觉――买!
良好的可用性和清晰的视觉信息导向引导消费者快捷简便的定位到所需要的信息,增强用户的体验。网页信息筛选也决定了消费者浏览网页所耗费的时间,云米官网一级页面展示了品牌故事,超能净水器,超能滤芯,全屋净化以及生活周边。当浏览者鼠标放在所需要的类别时,网页在一级界面自动拉出小的产品框,方便消费者快速找到所需要的产品。二级页面直接的展示出产品以及产品细节各类信息,高清晰、高品质产品细节图更加具有吸引力,让人一下感受到产品的品质。
结论
当下,国内网页仍存在着很多的问题,在简约主义风格的带动下越来越多的设计开始关注并且完善网页设计的美观性与实用性的结合,以提高客户体验和互动性为目标,用简明易懂的图形文字组合代替长篇的数据,把“简而精”的概念融入到网页设计中去。
【论文摘要】在互联网飞速发展的今天,网络已成为人们生活中不可缺少的一部分,无论是在商业、工业还是政府部门中都早已普及开来,如今就连教育事业也都承载着网络这四通八达的命脉迅速的发展起来。网站建设越来越接近于一门艺术而不仅仅是一项技术。网页界面艺术设计,日益被网站建设者所注重。结合自身的经验,阐述了如何制作一个完整的丰富多彩的页面,主要从色彩、框架,布局、优化这几个大方面对页面设计进行描述,对网页界面艺术设计的文字、图形、色彩、多媒体四个要素做了具有特色的分析和归纳,最后对其艺术设计风格进行了深入的分类和阐述,这一部分的重点是对网页界面艺术设计风格的研究。网页作为新兴媒体,有着比报刊、杂志、广播、电视等传统媒体更多的构成要素,如文字、图形、声音、图像和动画等。最后得出页面设计需要时间和耐心去钻研,才能做出好的网页界面艺术设计这一观点。
网页界面艺术设计是伴随着计算机互联网络的产生而形成的艺术设计新课题,是网页设计者以所处时代所能获取的技术和艺术经验为基础,依照设计目的和要求自觉地对网页的构成元素进行艺术规划的创造性思维活动,必然要成为设计艺术的重要组成部分,并随着网络技术的发展而发展。表面上看,它表面上看,它不过是关于网页版式编排的技巧与方法,而实际上,它不仅是一种技能,更是艺术与技术的高度统一。?网页设计包括风格定位、版面编排、色彩处理、浏览方式、链接功能等诸多方面,其中色彩处理有着举足轻重的作用。色彩既是网页作品的表述语言,又是视觉传达的手。所以首先要了解一个问题那就是:
1 制作网页包括具体都包括哪几部分呢?
1.1图形、图像处理制作网页界面艺术设计,提到界面还有艺术,那在网页上插入一些精美、适当的图片是必要的,否则,不会有人去浏览你的页面,因此,在设计网页之前,就应搜集或制作一些好看、适用的图片。提到图形、图像处理,大家都会想到的软件是Photoshop这个软件,对,这个软件是进行图形、图像处理的软件,但是,它不是专门的处理网络图像的软件,Photoshop这个软件会用到去进行一些平面的图形图像,我们网络的图形、图像处理用的是Fireworks软件,它可以制作出传输较快的gif格式的图片,占的空间也比较小,一般大小也就是KB,而Photoshop制作出来的是jpg格式的位图,并且是有损压缩,象素大了图像就清晰,但这样的话上传到网上会影响浏览速度,象素小了就会出现模糊或者马赛克小方格,所以我们采用的是Fireworks软件进行处理图形、图像。
1.2动画制作网页界面艺术设计,肯定也少不了动画的加入,并且还要有艺术气息在里面,这就要求我们的设计者要有艺术修养和对颜色的综合把握了,在没有FLASH软件之前,用的是Go live这个软件,再后来就用传统的做法,在html中嵌入Java程序编写的动画,但这要求设计者要对Java语言熟悉。随着软件的发展,如今有了许多制作动画的软件,二维的、三维的等等,如现在我们用的FLASH软件,用它制作的动画,小巧迷人,只需作为一个.swf格式文件导出,再导入到网页编辑器里就可以了。
1.3文本的编写一般是采用在网页中用html语言中的标签编写,也可以用网页编辑工具的“所见即所得”功能直接写入文字,如:Dream weaver软件或者Front page软件等都可以进行文本的编写。还有一点要注意的就是,显示文本的时候,设计者的机器上装了很多漂亮的字体,设计的时候采用了,但是等上传到网上以后,别人在浏览的时候,如果别人机器上没有安装字体,那就显示不出来我们采用的漂亮样式字体,因此,在考虑网页界面艺术设计的基础上,我们是把文字提前在Photoshop或Fireworks可以将字体先选择自己喜欢的样式,然后转换栅格化图片再用切片切成小块,分别进行优化。输出的格式可以为gif或jpeg,再导入到Dream weaver进行具体编辑,做链接可以用图片特有的属性进行热区链接,这样就完成我们想要的字体样式效果了,就不会出现字体样式显示不出来的情况啦。
1.4框架的应用框架是网页的常用形式,它可以使网页更为清晰,可以把不同的页面超链接到同一框架中,使的页面更加紧凑。一般框架用在小说浏览页面,或者介绍图书章节的部分,或者教学网页用到的的框架比较多。
1.5表格的应用表格是网页中用处最广泛的,可以布局,定位等等,它是网页中最活跃的元素。它的应用可以使用网页更加灵活。表格(table)是页面中的重要元素,是页面排版的主要手段。我们可以设定表格的宽度、高度、边框、背景色、对齐方式等参数。很多时候,我们将表格的边框设为0,以此来定位页面中的元素,或者籍此确定页面中各元素的相对位置。我们知道:浏览器在读取网页html源代码时,是读完整个table才将它显示出来的。如果一个大表格中含有多个子表格,必须等大表格读完,才能将子表格一起显示出来。我们在访问一些站点时,等待多时无结果,按“停止”按钮却一下显示出页面就是这个原因。因此,我们在设计页面表格的时候,应该尽量避免将所有元素嵌套在一个表格里,而且表格嵌套层次尽量要少。在使用Dream weaver制作网页时,会自动在每一个td内添加一个空字符。如果单元格内没有填充其它元素,这个空字符会保留,在指定td的宽度或高度后,可以在源代码内将其删去。
2 色彩的运用
网页界面艺术设计离不开色彩的应用,当打开一个网站的时候,给用户留下第一印象的既不是网站丰富的内容,也不是网站合理的布局,而是网站的色彩,尤其是在体现界面的时候,色彩对人的视觉效果非常明显,一个网站设计的成功与否,在某种程度上取决于设计者对网页界面设计颜色的运用和搭配。
网页界面设计是一种审美活动,成功的设计作品一般都很艺术化。但艺术只是设计的手段,而并非设计的任务。设计的任务是要实现设计者的意图,而并非创造美。网页界面页面设计的任务,是指设计者要表现的主题和要实现的功能。站点的性质不同,设计的任务也不同。从形式上,可以将站点分为以下三类:第一类是资讯类站点,像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息,而且访问量较大。因此需注意网页界面设计页面的分割、结构的合理、页面的优化、界面的亲和等问题。第二类是资讯和形象相结合的网站,像一些较大的公司、国内的高校等。这类网站在设计上要求较高,既要保证资讯类网站的上述要求,同时又要突出企业、单位的形象。第三类则是形象类网站,比如一些中小型的公司或单位。这类网站一般较小,有的则有几页,需要实现的功能也较为简单,页面设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。
3 网页界面的优化
在页面设计中,网页界面的优化是较为重要的一个环节。它的成功与否会影响页面的浏览速度和页面的适应性,影响观者对网站的印象。
在资讯类网站中,文字是页面中最大的构成元素,因此字体的优化显得尤为重要。使用css样式表指定文字的样式是必要的,通常我们将字体指定为宋体,大小指定为12px,颜色要视背景色而定,原则上以能看清且与整个页面搭配和谐为准。在白色的背景上,我们一般使用黑色,这样不易产生视觉疲劳,能保证浏览者较长时间地浏览网页。一般我们网页默认的字体是宋体。为了体现站点的“与众不同”和特有风格,我门可以根据需要选择一些特别字体。例如,为了体现专业可以使用粗仿宋体,体现设计精美可以用广告体,体现亲切随意可以用手写体等等。当然这些都是个人看法,你可以根据实际情况,选择更贴切的字体。目前常见的中文字体有二三十种,常见的英文字体有近百种,网络上还有许多专用艺术字体下载,要寻找一款满意的字体并不算困难。需要说明的是:使用非默认字体只能用图片的形式,因为很可能浏览者的PC里没有安装你的特别字体,那么你的辛苦设计制作便将付之东流。
网页的适应性是很重要的,在不同的系统上,不同的分辨率下,不同的浏览器上,我们将会看到不同的结果,因此设计时要统筹考虑。一般我们在800×600下制作网页,最佳浏览效果也是在800×600分辨率下,在其它情况下只要保证基本一致,不出现较大问题即可。现在我们设计网页,一般要考虑800×600和1024×768两种分辨率,因此我们的表格一般为居中的770左右的表格,表格的宽度最宽不要超过778。事实上,"做网页"不是单纯意义上的"制作网页",如果想让自己制作的网页美观大方,就必须要考虑"设计网页"的过程,一个好的作品,不通过仔细的"设计"就成形是绝对不可能的。
我国的网页界面页面设计水平总体上不及韩国,创新的页面极少,基本都是一种风格,这也是因以前我国的宽带水平跟不上有原因,一个漂亮的页面,必然体积会比较庞大,网络比较慢的话打开的速度也就可想而之,打开速度慢正是网页的一个最大杀手,所以我国以前的页面基本都是以框架式居多。随着我国宽带的普及,我们也迅速括起了一阵韩风,很多大胆创新的页面出现,这是一个好现象,但是一味的模仿韩国也不行,我们也要有自己的特色,不能一味的拿来主义。
网页界面页面设计的一个基本特色便是吸引浏览者,一个美观漂亮的页面不管内容多么空洞,也会有人欣赏,反之一个内容充实但页面简陋却往往不会有人去浏览,从这便可看出网页界面艺术设计是多么的重要。