网页的排版与布局

 更新时间:2016年9月20日 19:05  点击:1772

很多朋友都想向我学习如何做网页,我知道他们的意思就是说要想向我学习如何用做网页的软件,如dreamweaver、flash、firework、photoshop等等,这些纯技术的东西我不想多谈,因为如今技术的发展一日千里,就是这种应用软件也是发展升级得非常的快。

  今天的很多认为是较难实现的功能也许经过软件升级之后就可以很方便的实现。我想强调的是关于网页排版布局方面的必要的知识,很多初学者都忽视这方面,以为技术就能代表一切,能够知道怎么用这个做网页的工具就能够做出质量较高的网页来。其实不然,因为软件知识只是一种工具,就像你有了笔,但不一定能作出好的文章来一样。很多人对技术很熟练但是做出来的网页却通常是照搬人家的东西,并没有体现做网页的水平的提高。

  网络时代,人本身的因素是相当重要的,只有拥有这方面的一定的审美知识,才有机会做好网页,而真正技术上的东西是不重要的,毕竟技术的发展是使每个使用者使用更加的方便,发展的趋势是让软件成为“傻瓜型”。终极目标就是用鼠标一点就能够使所有的网页完成。所以,我们应该培养自己的审美修养才是最重要的。而真正的体现是在具体的网页的布局上,网页的设计呈现出多样化的趋势,但是万变不离其宗,我想认真的分析一下,可以得到一些有用的东西,在我们应用的时候作为参考。

  虽然网页设计拥有传统的媒体的不具有的优势,例如是能够声音、图片、文字、动画相结合,营造一个富有生气的独特世界,同时它拥有极强交互性,使使用者能够参与其中,同设计者相交流。但是最基本的模式还是平面设计的内容,所以平面设计就要考虑形式美的内容,其中网页的排版布局就属于形式的内容,那什么形式呢?

  形。原形,包括原始形,或称自然形。
  式。许慎之《说文解字》说:“法也”。它包括“法则”、“法度”、“法制”、有“用法”的含义,也就是一种“格律”。
  中国古典建筑形式就称为“法式”。“形”是自然的,“式”是人为的。“形式”是将自然形态经过人为改造而称为一种新的美的形式。自然形态只有通过人的改造,才能起更大的作用,由于这个原因,就形成了今天的审美形态,形象是客观的,形式则是依据客观的规律进行主观的创造。如果没有主观的创造,就没有艺术,也不可能有今天的一切,当然对于实际的网页制作来说,这也是最基本的,就是主观的创造,因为这是一个网页的灵魂,假如没有自己的主观创造,就只能拾人牙慧,重复别人丢掉不用的东西,是毫无意义的。所以现在强调网页设计的创造,表现在对页面的布局上,具体说就是体现在页面的形式美方面。就是通过页面的合理安排,例如文字的条理清楚、流畅、整体,使形式美得到体现。

首先从网站内容上来进行排版

  现在的网站通常具有的内容是文字、图片、符号、动画、按钮等,其中文字占很大的比重,因为现在网络基本上还是以传送信息为主,而用文字还是非常有效率的一种方式,其次是图片,加入图片不但可以是页面更加的活跃,而且可以形象的说明问题。所以按照目前网页的设计,可以有针对性的对这些内容作一些调整,可以得出一些可以借鉴的东西。

  既然文字是现在网页传输信息的主要工具,那么就得把页面上主要的部分留给它,这个看似简单的道理却是很多的网站所忽视的,包括一些影响力较大的网站,一味的讲求“美观”,花在形式上的没有具体内容的东西占了很大的比例。主要的文字性的内容却放到下边,结果上网的用户却要难以很舒服的获得信息,有时候要拉动下拉条才能看到整个页面的主要内容。

  网页上真正好的文本的排布是这样的:一般放在最显著的地方,如整个显示的中央稍微偏右下;文本的排布整体性好,使浏览起来通畅而丝毫没有阻碍,理解内容更加容易。文字的大小应该适中,太大浏览起来增加了翻页的难度,太小看起来太累,加之一些不同的显示器的分辨率的不同,导致这个矛盾更加的突出。因此这是值得每一个设计者要慎重考虑的。用色也要考虑,一般用区别于主体的颜色可以起到强调的作用,但是凡事都是过犹不及,加入一个整体的文字内容里用的颜色太多,势必会影响读者的理解,也会影响他们的使用的心情,导致厌倦的情绪,所以不但要考虑文本使用的具体的物质功能,也要懂得其精神上的价值体现。对于文字的处理,很多的软件都是非常的注意这方面的改进工作,使文字处理更加的方便,例如Frontpage就是基于它的姊妹软件Word而发展起来的,由此可见一斑。再谈谈图片的处理,图片在网页的设计中占据很重要的地位,由于图片的加入使网页更加丰富多彩,所以把图片用好是非常重要的,有几个值得注意的地方,图片不能太大,网络这种特殊状态下,受带宽的限制,人们是很难忍受等待之苦的,这就要求把图片的体积缩小,同时又要使图片尽量清楚,直观,最大限度的发挥它的作用,把握这个度是很关键的,另外图片的排布也很讲究,特别是多图的情况,就要是图片与图片之间的联系凸现,同时又要融为一个整体,使看起来有条理。按钮、符号、动画等虽然现在不是占主要的位置,但也是不可或却的,就说按钮吧,它是网页的一个导航,通过它才能是使用者的使用能够顺利的进行,将它设计得漂亮,或者说规范,是让使用者心情畅快的一个催化剂。所以这些细节的问题也要细细的斟酌。

再从网页的布局形式上来看

  按照平面设计的形式来看,整个页面可以分为几个部分,每个部分有不同的功能,也能体现不同的形式,具体看来就是上边、左边、下边、右边、中间、看似无奇,自身却有许多独特的地方,

网页设计伴随着网络的快速发展而快速兴起,作为上网的主要依托,由于人们使用网络的频繁而变得非常的重要。网页讲究的是排版布局,其功能主要就是提供一种形式给每个上网者,让他们能够了解网站提供的信息。

  从网络的发展来看,网页设计从无到有,从低级到高级,是基于技术的原因而受到客观的限制的,因为受传输带宽的限制,最早的网页是纯字母和数字的,没有图片和声音更别说是动画了,只能将占用空间很小的数字和字母来进行传输。

  由此看来网页最初就是在功能性的基础之上发展起来的。到今天同样上网也离不开使用它的功能,所以网页的审美就首先要考虑其功能的要素(例如很多国外的大公司的网站也是这样做的)。那么从功能出发来看待网页设计,我们就必须考虑,使用者如何从网页中得到功能,如何更好的得到功能。这就需要站在使用者的角度来看待网页设计,才能使自己做出的网页受欢迎,从而达到基本的目的。有的网页设计师说:我是设计师,我站得比普通人高,欣赏水平也比他们高,应该引导潮流,应该引导他们学会欣赏美的网页。作为设计师引导潮流没有错,但是不应该采用居高临下的方式,而是要贴近自己的使用对象,想他们所想,急他们所急,方便他们的使用,适时的将自己的设计风格融入到作品中去,接受他们的检验,只有经得起考验的设计才是好的设计。而不是所谓的阳春白雪,成为孤家寡人,不适用。作为设计师来说,就是要把自己的网页做得美一些(基于功能性的)。

  谈到美,网页这种特殊环境下的美于传统的艺术上的审美有着明显的区别,因为一般的艺术上的美是海阔天空,无所顾忌的,只要符合人们的欣赏的习惯,能够在欣赏者的心里产生共鸣就是美的;而网页的布局上的审美却要受到很多的限制,当然它也有优于传统艺术的地方,最明显的就是它的交互性和更新速度的快捷,纯艺术很大程度上是作者的自我宣泄,但是网页设计直接面对的是大量用户,随时都会反馈回来对网页的批评建议等,可以根据实际情况进行修改,比如在建站时考虑不周到的地方,设计时没有得到重视的地方,可以根据要求进行调整。同样不损整体效果,却可以使使用者用起来更加的方便。这个过程可以在很短的时间里完成。同时网页能融合文字、图片、声音、动画于一身。这是传统艺术所达不到的。当然最根本的在使用方面就限制了它不能够随意的挥洒自如,任设计师自由的发挥。以下针对网络环境下的审美。

  首先:要考虑上网者的环境,通常可见的情况是:上网者眼睛盯着一个冷冰冰的电脑屏幕,手移动鼠标,保持一定的姿势,而且一般是连续很长的时间。在这种情况下,假如连接的网站的网页做得很差,不考虑排版布局的形式美的要素,一味的以刻板的文字或者是图片来充斥这个页面,那么使用者看久了就会厌倦,甚至讨厌。同样在网络世界里,五花八门,涉及到各方面的内容,使用者通常是打开很多的窗口,在一种纷繁复杂的情况下接受信息。这样假如他们浏览的网页是设计得又是特别花哨,图片、文字、动画等等堆砌的极为杂乱,那么更加剧了这种心理上的厌烦感,这种网页能算得上美吗?所以从使用环境里的功能的因素来考虑美才是最根本的。

  其次:考虑使用对象本身也是网页审美的一个重要方面,网页设计都是为每个具体的网站的做宣传,那么不考虑对象就如同闭门造车,这样会造成其根本的功能的损失,使使用者浏览起来困难。例如一个儿童网站,设计得如同一些新闻专题的网页一样,纯粹是文字。那么使自己的使用对象-儿童在浏览该网站的时候毫无兴趣,阻碍了网站的基本的目的,因为该网站的目的就是要使更多的儿童来光临这个网站,从而扩大网站影响。从这个功能层面上来理解,设计的美是同使用对象分不开的。

  再者:网页设计的美其实是一个满足使用者需求的过程,能够使他们使用起来方便快捷,排除他们使用中的问题,这就是美的,这就是纯粹从功能上的要求出发的。就是最根本的功能被满足就是最根本的美。不是吗?假如我想上一个体育的网站了解一下当天的足球战报,那么我上网的目的性就是非常的明确,直接看足球的结果。那么考虑一下我的上网过程就是先敲入网址,到主页上,然后尽快的找到足球的栏目,再找到比分的链接。那么设计师如果考虑到上这个网站的很多人都非常想知道足球的比分,那么在主页上放上一个流动的临时更新的框,就可以使上站的使用者直接在主页上看到想要看的东西,这样快速而又方便的结果,其实质上是一个网页设计的成功的地方,这种网页就是美的,反之假如把网页设计得非常的“漂亮”(这里指的是纯粹的从艺术审美上的漂亮,满足一般的形式美的要求的,而不考虑使用环境的情况),但是把该链接做到不容易找到的地方,或者是由于满足“漂亮”的要求,增加了几级的链接,从而增加了使用者的不方便,这种网站也是不美的,至少它没有为自己的使用对象考虑,就是失败。

  还有一个美的因素也不能不考虑,就是网站本身,其实也是功能来决定的,作为网站的目的就是要通过使用者的使用来得到体现,如何使更多的人来使用和使他们浏览过之后记住这个网站?也就是通过自己的设计使网站的形象得到提升,使网站的形象在每个使用者的心目中扎根。这是现在网页设计中普遍不受重视的,也许是还欠缺这种意识,才出现这种情况,有些网页做得很有味道,不管是用色还是布局的编排,都是非常的讲究,但是却没有注意到网站的本身的东西,例如网站的名称或者是网址没有得到强化,尽管使用了之后觉得好,但是第二次使用时却记不起是什么网站了,因为上网通常要看很多的网站,每一个都记录下来是非常不方便的,很多网友也不愿意这样做,再说收藏夹里收藏太多了也找起来来也不方便。

网页上的广告条又称为banner条,是网站用来作为盈利或者是发布一些重要的信息的工具。但是它又不能作为网页的主要内容,因为它的主要目的是吸引人的注意力,让人来购买某种商品,或者是让人注意网站的一些动向,一些新的东西要让用户知道。从这个角度出发,就决定了它的性质。那就是作陪衬,但是又是非常重要的部分,这就是广告条的一些基本的特征与要求。

  广告条的出现给网页的制作带来很多的东西,不光是要求附加一些可能是设计者不愿意加的东西,使他们不得不在制作网页的同时要把广告条作为整体的一部分来考虑,当然这同时也是一个就会,通过广告条的制作,给网页增加光彩。可以换一个角度理解,可以把广告条看做网页本身的一种装饰,这就要求做得好的广告条,因为网页本身的内容不能做太多的装饰,什么线条啊,颜色块啊等,不能太多,否则会影响使用功能。所以可以恰如其分的利用广告条来作装饰,一举两得。由此可以将网页的风格表现出来,主次分明。例如可以将网页按照自己的意愿做成古典主义风格,只要自己的广告条都采用统一的一种修边,是自己的页面呈现出古色古香的气氛,适用于一些特别的网站。也可以将之做成后现代风格,只要在自己的网站上把作为装饰的广告条作一些处理,按照打破均衡、用色打破常规,大胆的采用一些断裂的形式感处理。这样就可以在不损使用功能的情况下可以将页面做得整体感强,使用起来更加的方便。一下就广告条本身讲讲设计的规则。

  从功能上来讲,网页上的广告条主要有一个特点要突出,就是醒目,能吸引人的注意力。因为在位置上或者是大小上,广告条是处于一种劣势,但是由于它通常是要让人点击才能达到它的作用,所以就从它的自身入手,作出一些特殊的极富冲击力的效果,要能做到这一点,我想应该从以下几个方面入手。

  首先就是要美观,有时候是在一个很狭小的区域里要想让人点击,不美观是不行的,本来就不是使用者所要关注的内容,所以假如没有特别的事情,他就不会去点击,加之广告条设计得又不美观,就会加重的这种情绪。点击的可能就会化为乌有。反过来说假如要在这个小的区域里设计得非常漂亮,让人看上去很舒服,即使不是他们所要看的东西,或者是一些他们可看不可看的东西(这种情况特别多),他们就会很有兴趣的去看看,点击就是顺理成章的事情了。因为这个小局域的设计在某种程度上就代表了整个它要推荐的东西的水准,这是一种心理上的提升,假如做得很漂亮也在一个侧面反应了设计者的良苦用心,也只有这样才能给使用者以尊重,所以作广告条的设计,不要以为它只是网页的附属物,从而不给予重视,只是敷衍的写上一些字,或者是用一整块色,再加上一句口号式标语,让人难以接受。

  再者从功能上来考虑就是要方便于点击,因为作广告条的目的就是要通过大量的用户的点击,达到为厂家作广告,或者是让用户知道一个什么信息。为了是厂家满意,让自己网站满意,就要想办法是更多的用户来点击。所以就要考虑到位置的编排上要适合于点击,如通常的把它设计在网页的上部和右边,使使用者随便移动鼠标就可以点击到;还有一个是一些网站的广告条设计没有考虑的,就是热点链接,主要是用一个图片作的广告条,有些在图片上只有在一些局部作的热点链接,而不是很清楚到底在什么位置,让人点击的时候,鼠标在图上移来移去就是找不到目标。还有一些的广告条是一些轮换的图片,而在这些轮换的图片中一些图片做了链接,那当看到自己感兴趣的东西,把鼠标移上去准备点击的时候图片又换走了。这就严重的影响了使用功能,所以在设计这个的时候,尽量用这个区域的热点链接。这样方便人点击,还有既使要用轮换的图形,也要考虑一下热点链接出现的时间,充分考虑到能让人从看到这个图片(上面有可点击的链接)出现到点击的时间,让他们能够有足够的时间来点击,而不是要把鼠标移到广告条的地方,等着出现就点击!这是很多人都不愿意作的;推荐是用整个广告条作一个链接;还有就是做的链接到的页面不能太大,造成点击之后半天都不能显示出来,可能很多的这种页面的内容都是用户所只是看看而已的东西,假如这样他们早就没有耐心看全部显示了。这是设计者设计时要考虑的。


  还有一点就是广告条与整个网页的协调,不能让广告条的抢去了整个网页的风光,这样真正是喧宾夺主。因为假如你浏览网页肯定首要的目的是看网页上的主要内容,假如是看新闻主要的目的就是看主要的新闻的内容,而不是主要看广告条,有些个人主页在这个方面做得很不好。整个页面都充斥着乱七八糟的一些广告,什么网上赚钱,一次点击多少多少钱等,让人一看连看其它的内容的兴致都没有了。所以要使人对自己的广告条感兴趣,就必须使广告条的设计同整个页面协调,同时又要突出、醒目。这个虽然是个理论上的概念,也不是不能做到的。要使整个页面协调就做到几个方面就可以了。就是用色要同页面的主色相搭配,比如主色是浅黄,广告条的用色就可以用一些浅的其它颜色。切忌用一些对比色,例如假如主体色是红色(在一些需要浓烈的感彩的网站)的页面上就不要用绿色。以免太刺激。同时也显得比较的俗气。用色区别开来是应该的,这个区别是建立在一个程度上的,不能过火,超过了这个度就只能达到相反的效果。

  再单独看看广告条本身的内容,作为一个网页的一个局部,但是它本身是一个整体,所以就要分析一下作为整体的组成,一般来说,它是由文本,图片,和动画这几个组件来组成的,文本在某种程度上说必不可少的,因为这么狭小的一个空间里要告知用户信息,如果只用图片来表现,很难做到这一点,用文字可以简洁明了的告知信息,为了避免单调,国画中有一句话描述这种艺术形式的空间布局比较经典,就是“计白当黑”,表明了白也就是空的地方和着的墨一样都是国画整体的组成部分,如何利用空间中的留白是非常重要的,也是提升艺术性的途径,有些尽管是画的很不错,但是看起来不舒服,就是没有重视留白,造成了画面的整体上的失败。对于网页设计来说,有何尝不是如此呢?也许现在我们没有把它提升到一个艺术审美的角度来看待,所以没有人去深究过网页的艺术性,我想这是我们网页设计者孜孜以求的方向,因为未来的网络技术高度发达,人们对于更高层次的追求也就必然会牵涉到对艺术、对美的追求。既然如此,我们就应该把眼光放远一点,把网页的设计提到这个层次来考虑。尽量的克服目前技术带来的限制。既然如此,按照艺术审美的观点,网页上的留白也是一个组成部分,同其它的主要的内容入文本、图片、动画一样,是每个设计者在制作网页时要一起考虑的。

  提升到艺术的高度来看待留白是通过视觉上的手段,留白也可以给人带来心理上的轻松与快乐,也可以给人带来紧张与节奏,通过这种手段可以向使用者表达出设计者的心理感觉,设计者在设计网页的同时也在同自己的使用对象在作一种交流,好的设计者能够达到同自己的使用对象进行心理对话的程度。不光通过页面上的文字、图片、动画的组合和排列,同时借助留白进行表达。可以达到非常好的效果,例如一个休闲的网站,设计者要传达给使用者的一个信息就是要是让他们轻松随意,无拘无束,光通过网页上的图片和文字的表达是干巴巴的,没有感彩的。如果能通过网页设计反映出这种感彩,显然这样的设计是较为高明的设计。能实现吗?当然可以,借助网页上的留白就可以,让留白更多的显示出自己的特色,在联系图片和文字的中间架起一道桥梁!

  既然如此,我们应该在设计中怎样合理的利用留白这种手段来实现以上的目的呢?提升艺术层次,追求心理上的认同感就要从一个空间的层面上来考虑,仅仅从留白的本身来考虑是远远不够的。它是包含在网页整个二维空间里的组成部分,整个空间要表现出一定的整体性,整体和局部本来就是一对矛盾体,互相制约又互相促进,在局部可能是空间的分配有度,留出的空白也非常的和谐,但是作为一个整体来说就不然。只有照顾了整个页面的空间的分配,使留白能够借此表现出一定的活力,有时候尽管局部可能是不完善的,又有什么要紧呢?所以要时时把握这个度,调整自己的网页的空间,其中应该坚持的标准就是以上提出的两点要求,同时借助于自己的设计师的审美的感觉,当然更重要的是要紧密的结合自己的使用对象的情感要求,当然这也是设计师在不断的设计实践过程中不断探索,不断的调整,从而能够把握住。以下分两个方面来具体谈谈。

  如何在空间中突出留白的作用,在审美的观点上,我们知道要使做的网页更加的漂亮,有很多的形式美的要素,这里要强调的是页面的均衡、节奏和韵律,因为通过网页的排版布局,在很大程度上是借助于留白的作用,也许在设计的时候没有留意,在不知不觉中在利用它,试想在一个页面上充满了图片和文字,一点空隙都没有那是根本谈不上节奏感和韵律感的,有了这个要素(这里可以这样认为),就可以合理的调剂它和其它的网页上的其它要素之间的关系,使之安排更加的合理。可以这样来设计,利用留白的体量感来使页面的达到平衡,最好是在一种不平衡中营造出平衡的感觉,这样就会使页面更生动,更富有光彩,假如左右的两个部分有文字,可以适当的将它们的大小调整,是一边很大,文本内容很多,可以放得靠上一些,空出一小部分;另一边小,内容少一些,放在下角,上面的留白很多。这样就会赢得均衡,不会那么死板。当然这只是一个简单的例子,实际的运用中很多时候是多个形式美的要素的综合。在网页中通过留白的桥梁作用,是整个页面上的要素排布的松紧呈现出高低错落,跌宕起伏,这样浏览起来就会富有极强的节奏感,象是在听一首好听的歌曲。毕竟生活不只是按部就班的生活,有时候感觉只是生活,或者是工作,没有艺术,没有美。这是设计者的责任,在网页设计的时候要能体现出来,不是很好吗?当然不是说每个网站都设计出来象音乐或者是艺术网站一样具有那样的节奏感,在不同种类的网站中体现得要不同,这是一个需要设计者把握的问题。把握得不好就会出现和设计者的意图不一致或者甚至是相反的效果。

  再者,利用网页留白,我们可以不用太多的说明就可以表现出它的网站的特征,这是主要从网页的功能性的方面来看的。例如新闻性网站的信息性、快速性。体育网站的充满激情。商业网站的商业味……,运用得好就如同其它的商业上的运作一样可获得成功。我们知道快餐店利用强烈的刺激性的红色作为它的墙面或者是座椅的色彩,这样让人在这样的环境里感觉到一种紧张感,由此不愿在里面呆很长时间,由此腾出更多的空间给后来的人用,所以通过这种手段使快餐店的生意更加的好。反之在医院里通常是用一些象征安静的蓝色或者是白色,可以使人心情更平静。同样在网页上我们可以利用空间的运用,借助留白来达到一定的效果,有时候得到的效果是使人意想不到的。例如在新闻类的网站上,可以将文字设置得更加的紧密一些,从而是页面上的内容更多,给使用者的一个影响是很值得看的,不用看内容就知道有很多东西,内容的设置尽量集中一些,不要给人的感觉是杂乱无章的。不要设置得太散,尽管可以是通过下拉菜单来看,但是给人的感觉就是内容少,太空。这也是人的心理因素的作用。在一些休闲的网页里就不一样了,留出的空间就要多一些,使页面显出更加轻松的特征,使人一上这个网就能感觉到一种放松的心情,符合休闲的特征。

网络是一个全新的舞台,在这个舞台上,甚至是普普通通的社会的一员也有机会在这里大展身手,在这样的条件下,设计师该怎样做呢?也就是说作为一个在网络环境下的设计师应该怎样利用自己的设计来满足人们的需求,迎合他们的要求,同时如何保持自己的风格,使自己真正作为一个倡导潮流的人。

  风格一词在词典上的解释是“气度、作风;某一时期流行的一种艺术形式”。具体到网页设计的基础上,网页设计师的风格就是在运用自己的所拥有的手段,包括所拥有的审美的素质、应用软件的能力、以及感受生活的敏锐的觉察力,来建立起自己独特的设计形式、独特的作风。从这个概念出发,设计师就应该有自己的风格。在网络如此发达的今天,网页也是五花八门,千奇百怪,但是作为一个设计师的地位还没有得到应有的提升,造成今天的网页设计师的风格没有真正的得以体现,使网页的设计在一个低层次的水平上重复。同时由于大家的相互“借鉴”,使网页的页面布局基本上成了某种约定俗成。这样的直接后果是网页作为新的媒体,本应该是方便人们的使用为目标的,却有很多的地方不能够使人满意,而这些不令人满意的地方却原封不动的保留了下来,有些是功能上的,例如在按钮或者是导航的设置上,有些形成了常规的按钮安排方式是令人不方便的。同样在一些用色的规范或者是其它元素的应用限制了设计师作用的发挥,造成了这样的僵化模式。所以在这个新的时代,急切的呼唤具有自己的风格的设计师来作出一些更好更方便的网页来。

  虽然现在的网页的现状有吞没设计师个性的趋势,但是同样这个时代也是一个追求形式上的创新和开拓的时代。一个勇敢的同传统势力、同形式主义相抗衡的时代。每一个有理想有抱负的设计师都有理由在这样的状况下运用自己的能力,开辟出一片新天地。那么作为一个网页设计师应该怎样做才能凸现自己的风格呢?首先来说他的这种风格不能背离人们的现实太远,这个现实就是人们习惯了的网页的布局,虽然可能经过长期的努力可能会使这种局面得以改观,但是在目前的情况下如果一味的求自己的风格就会严重的脱离用户,做网页首先应该还是要考虑网络用户的使用的,如果自己的网页在很多的方面同目前已形成的习惯的编排方式大不相同,那么习惯于上网的用户使用起来就会感到很不方便,这样得不到用户的支持,这样的设计是失败的;在审美上同样是如此的,目前人们还不能一下子接受在网页上同大众完全不同的图片的安排方式或者是用色的形式,也许在设计师本人看来是非常漂亮的页面,也许是在平面设计的欣赏角度看来是非常好的页面,可是用户们却难以接受。这就是要求设计师在设计时要兼顾到习惯,在大体上或者是整体上不同习惯的使用形式相背离的情况下加入一些自己的东西,在功能上使用户更加方便。例如,可以采用更简洁的方式处理页面,去掉一些纷繁复杂的东西,或者是在页面的布局上采用自己的独特的方式来约束自己的网页上的应用元素,用细线条来分割,用色块来区别自己的不同的栏目,用声音来提示一些操作…… 这样就会逐渐的形成自己的处理页面的风格,不同的网站的设计都可以把这种风格应用上去,这样风格就这样炼成了!这也是反映出要想形成自己的风格,要一步一步的将自己的风格反映出来,不能脱离人们的现实太远。当然由于自己的习惯、修养以及其它的因素的作用,这个风格体现的方式大相径庭,例如有的设计师喜欢现代主义风格,喜欢它的简洁、实用、追求功能上的严谨。但是另外一些人喜欢追求视觉上的新奇、愉悦,所以反映到网页的设计上就是一种装饰化、流行化的风格,即所谓的新艺术风格。当然风格往往不是很单纯的一种方式反映出来,有时候是采用的结合的方式,呈现出丰富多彩的方式。

  享誉世界的德国广告设计大师冈特`兰堡说过“一名设计师的作品停在一个水平及风格上不变化,那就是死亡”。平面设计如此,在网页设计上同样如此,在一个网页设计师的工作中要接触到许许多多、各式各样的网页的设计,在这个过程中设计师能够形成并保持自己的风格固然可贵,但是如果想取得更大的成绩就必须要赢得一种超越,在自己的设计上最熟悉的风格的基础上能够寻求突破,这才是更难能可贵的。以马斯洛的需求的层次论看,这个就应该是一种五个层次中的最高级的形式即自我实现,而能够树立自己的风格只能算是低一层次的需要的满足。当然实现自己的设计风格的突破不是一件容易的事情,这需要设计师本身具有不断开拓进取的精神,在自己的设计实践的过程中不断的完善自己,不断的充实自己,不能将自己锁定在一个方面,要不断的尝试不同的艺术风格,以期找到自己的风格变化的突破口,多学习更多的传统的、现代的设计方法,吸收一些长处,在自己的实际应用中反映出来,这样就更能使自己的设计风格的突破变得更加的容易,也会使自己在这个方面变得更加的得心应手,当然在具体的网页的功能上的实践也是非常必要的,例如在变换一些网页元素的实践中,通过自己同使用中的交流,就可以很容易的得到自己的这些变化可以得到的效果,从而反馈到自己设计中。

  一个网页设计师没有自己的风格是很可悲的,因为这样他永远就只能是在一个低水平的层次上徘徊,或者只是拾人牙慧。永远都没有自己的东西融入到网页设计中,成就不了好的成绩,只有在不断的探索和实践中总结经验,提高自己的同时树立起自己的独特的设计理念,才能够形成自己的风格,开辟出网页设计的新天地。同时也要不断的在形成自己的风格的同时,尝试一些不同的风格,寻求突破,“不破不立”,只有不断的尝试,因为只有不断的丰富自己的同时,才有机会赢得这种尝试的成功。经常有意识的这样去实践,就有可能达到自己的设计

[!--infotagslink--]

相关文章

  • C#窗体布局方式详解

    这篇文章主要介绍了C#窗体布局方式详解的相关资料,需要的朋友可以参考下...2020-06-25
  • php根据用户语言跳转相应网页

    当来访者浏览器语言是中文就进入中文版面,国外的用户默认浏览器不是中文的就跳转英文页面。 <&#63;php $lan = substr(&#8194;$HTTP_ACCEPT_LANGUAGE,0,5); if ($lan == "zh-cn") print("<meta http-equiv='refresh' c...2015-11-08
  • 腾讯视频怎么放到自己的网页上?

    腾讯视频怎么放到自己的网页上?这个问题是一个基本的问题,要把腾讯视频放到自己的网页有许多的办法,当然一般情况就是直接使用它们的网页代码了,如果你要下载资源再放到...2016-09-20
  • 基于JavaScript实现网页倒计时自动跳转代码

    这篇文章主要介绍了基于JavaScript实现网页倒计时自动跳转代码 的相关资料,需要的朋友可以参考下...2015-12-29
  • 网页头部声明lang=”zh-cn”、lang=“zh”、lang=“zh-cmn-Hans”区别

    我们现在使用的软件都会自动在前面加一个申明了,那么在网页头部声明lang=”zh-cn”、lang=“zh”、lang=“zh-cmn-Hans”区别是什么呢?下面我们就一起来看看吧. 单...2016-09-20
  • js中flexible.js实现淘宝弹性布局方案

    这篇文章主要介绍了js中flexible.js实现淘宝弹性布局方案,需要的朋友可以参考下...2015-12-25
  • 从零开始在vue-cli4配置自适应vw布局的实现

    这篇文章主要介绍了从零开始在vue-cli4配置自适应vw布局,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2020-06-09
  • 在echarts中图例legend和坐标系grid实现左右布局实例

    这篇文章主要介绍了在echarts中图例legend和坐标系grid实现左右布局实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2020-05-17
  • Flex网页布局基础入门及实例教程

    Flex是Flexible Box的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。本教程我们来学习一下Flex布局的基本语法知识及运用实例。 网页布局(layout)是CSS的一...2016-09-14
  • Angular实现form自动布局

    这篇文章主要介绍了Angular实现form自动布局的相关资料,以代码片段的形式分析了Angular实现form自动布局的实现方法,感兴趣的小伙伴们可以参考一下...2016-02-01
  • C#实现Winform中打开网页页面的方法

    这篇文章主要介绍了C#实现Winform中打开网页页面的方法,涉及WinForm中WebBrowser的相关使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下...2020-06-25
  • JavaScript瀑布流布局实现代码

    这篇文章主要为大家详细介绍了JavaScript瀑布流布局的实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2017-05-09
  • js实现瀑布流布局(无限加载)

    这篇文章主要为大家详细介绍了js实现瀑布流布局,无限加载,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-03-14
  • 解决VUE mounted 钩子函数执行时 img 未加载导致页面布局的问题

    这篇文章主要介绍了解决VUE mounted 钩子函数执行时 img 未加载导致页面布局的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2020-07-27
  • Go语言通过http抓取网页的方法

    这篇文章主要介绍了Go语言通过http抓取网页的方法,实例分析了Go语言通过http操作页面的技巧,需要的朋友可以参考下...2020-05-05
  • C#抓取网页数据 解析标题描述图片等信息 去除HTML标签

    本文主要一步一步介绍利用C#抓取页面数据的过程,抓取HTML,获取标题、描述、图片等信息,并去除HTML,希望对大家有所帮助。...2020-06-25
  • winform 使用Anchor属性进行界面布局的方法详解

    这篇文章主要介绍了winform 使用Anchor属性进行界面布局的方法,有需要的朋友可以参考一下...2020-06-25
  • 详解HTML5布局和HTML5标签

    这篇文章主要介绍了HTML5布局和HTML5标签的相关知识,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2020-12-08
  • Android布局之TableLayout-TableRow布局

    本文章来给各位同学详细介绍关于Android布局之TableLayout-TableRow布局,各位同学有需要可进入参考。 代码如下 复制代码 <?xml version="1...2016-09-20
  • 分析网页的几种加密技术

      现在专业性的网站越来越多,许多网友们都在网上建立起了自己的小家。不过辛辛苦苦制作的网页被人拿去改头换面却是件非常痛心的事,所以大家都想保护自己独创的...2016-09-20