29教程网 首页 网页设计教程

网页设计风格讲解

2014-5-28 13:16
来自: 网络 收藏 分享 邀请

网络是一个全新的舞台,在这个舞台上,甚至是普普通通的社会的一员也有机会在这里大展身手,在这样的条件下,设计师该怎样做呢?也就是说作为一个在网络环境下的设计师应该怎样利用自己的设计来满足人们的需求,迎合 ...

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

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

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

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

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

 

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

谈网站内容组织

前几年中央电视台《东方时空》栏目里有一个小栏目叫“生活空间”,有一句话曾经风靡一时,就是“讲述老百姓自己的故事”,至今让人难以忘怀,为什么会有如此的魅力呢?主要是抓住了人的心理需求,人们需要关心、希望得到重视。在社会化大生产的今天尤其如此,因为社会的发展,高科技的出现,很大程度上拉开了人与人之间的距离。所以正是找准了这个切入点,才让这句话如此让人感动。

  同样,在网站的设计上,我们看到一个问题,就是如今的网站的内容是千篇一律,大家相互抄袭,模仿。使越来越多的人感到无奈,我想是不是也应该找好自己的一个切入点?或者说是不是应该想办法尽量拉近同使用者的距离,不要仅凭感觉的做一些让人丝毫不感兴趣的东西,或者是只把眼光放在一小部分人的身上。要知道不是每个人都想知道哪个领导出访哪个国家,哪个国家的飞机又出事了,哪个明星喜欢吃什么?网站强加这些内容给用户是不合理的,作为第四媒体,网站之所以和电视和报纸相比有自己独特的优势,很大程度上就是在于它的交互性和更新的速度和灵活性,所以网站应该发挥自己这种优势,细分自己的用户群,拉近和自己细分后的特定用户的距离,找到他们感兴趣的东西,例如生活中很多人对自己周围的事情比较敏感,毕竟这些环境自己比较熟悉,一草一木都倾注自己的感情,假如能够给予关注,可以拉近这种距离,赢得他们。赢得自己的用户就是网站的立站之本。想面面俱到的赢得所有的用户的策略是不可取的,这样往往收效甚微,当然目前网络还不完善,网站的建设还没有形成一定的体系,网络用户的细分还没有形成,使很多的网站策划没有考虑到这个方面,同时大量的网络用户由于还没有形成自己的固定的上网使用习惯。这就造成了这种网站盲目的铺摊子,然后有互相跟风的状况。规范这种行为需要每个网站都从自身的定位入手。同样的道理,有见过自己宣称什么东西都能做的企业吗?没有,只有那些骗人的才这样说,但是没有人会相信。所以我们应该坚持细分自己的用户的原则。找到自己的用户群。从而使自己的网站在众多的网站中脱颖而出,成为这一类站点中的佼佼者。

  在细分用户群的基础上,我们应该怎样入手从事自己的网站的内容的选择呢?除了一般的企业的网站没有多大的选择余地之外(因为它们要作自己的企业的产品的宣称和自己的企业的宣传),其它的商业网站或者是个人网站都要面临这个问题,例如一个面向学生的网站,特别是针对大学生,那么就可以研究自己的对象-大学生,他们喜欢什么东西,上网的最喜欢干的事情是什么?最后得出自己的结论,比如说通过查资料或者是调查知道大学生上网一般都喜欢看新闻,国际国内的大事,时尚生活、下载软件和MP3等,但是想面面俱到的都做的话,势必得不偿失,所以就可以找到一个突破点,例如作软件下载,就像华军软件园一样,把自己的网站做出特色来,做成专业级的下载的网站,就可以赢得自己的用户。它并没有作其它的电脑或者是通信等,还有很多其它的新闻时事等,要是这样,它就不会成为今天这样的局面。软件下载可以作成专业级的网站,新闻类的专业网站为什么不可以做呢?当然在新闻类里面还可以作一些细分,毕竟新闻的概念还是有些大,可以专门作国际新闻,包括一些时事的分析评论等,这样是每天都有固定的用户来光临,从而形成自己的固定的用户群。而不是像现在的很多的网站,只要上了一个网站就够了,要了解的只有这些了,想深入的了解一些内容是不可能的,因为他们没有能力做到这一点,毕竟涉及的内容太多了!这种问题在体育网站上反映得尤为明显。一些体育网站没有能力作一些深入的报道,就只是将别的网站上的消息再重新贴到自己的页面上,要想知道自己关心的球队的比赛结果,随便上哪一个网站都可以,这样就没有自己的独特的用户群。达不到网站整体策略的目的。只要能够找准自己的切入点就可以做出自己的特色来,形成自己的专业特色。达到作专业级的网站的目的。这也是目前很多的个人网站尤其该注意的问题。因为它们往往是个人或者是几个人共同制作维护,不可能铺开自己的面作,就更应该找一个好的切入点。既能节约自己的时间,又能赢得自己的用户。我想这样找到自己内容的切入点是一个发展趋势。

  选择自己网站的内容不是一成不变的,这里面没有一个绝对的公式,有很多时候是要根据自己的实际情况进行调整的。而这种调整往往是要随着时代的变迁在不断的进行的。用户也不是一劳永逸的跟着网站的要是同样的面孔走的,需要增添一些新的东西。这就需要设计者不断的更新自己本身的知识,特别是在这个相关领域的知识,要想使自己的东西让用户喜欢,自己首先是喜欢的,要对自己的内容是非常在行的,要不然不会达到目的。假如一个作足球网站的人(不是网页的设计者),他本身对足球不感兴趣,那么那就不会关心足球领域里的事情,知识按部就班的进行编辑、粘贴,这样做出来的东西用户是不会喜欢的。

  要使自己的网站作出特色来,就要遵循以上提出的原则,坚持细分用户群,找准一个专业的领域。更重要的是,要能做到这两点根本的作网站本身的人要热爱生活,关心生活,同时要关心自己的用户,时时留意他们的喜怒哀乐,尽量的去作他们想要的东西,同时要把自己看做他们中的一员,经常能把自己放到他们的角度来看待自己的网站,就能作出更加丰富的内容的网站来,才能受到他们的欢迎。

 

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

网页留白的艺术

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

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

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

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

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

  当然留白是留空,有时候需要突破这个层面,这样会发现很多的地方都有发挥的余地,某种程度上留空就是留白,在这里颜色的作用是不可忽视的,因为颜色本身具有体量感,具有感情色彩。所以利用有颜色的留空可以给页面带来均衡,也可以使页面更加的丰富。例如不同的位置的留出的色块之间的相互对比,相互呼应。以及本身大小带来的重量感,同时同网页上的文本和图片之间的结合,可以是页面呈现出整体上的协调。同时借助于颜色的冷淡,加重页面给人的感情色彩。目前很多网站都在采用这种手段,网页上看不到一点纯粹的留出的白色的地方,都是一些色块,这样原理是同留白一样的,通过这些色块(多说是融合于文本或者是图片在一起的),然后来看待它们之间的关系,在一个整体的美感作为标准的条件下,综合运用这些留空来进行制作,这里就要考虑颜色的轻重和大小是相关联的,不能只看到空间的大小来进行对比,同时也要抓住颜色多少的搭配,不能以为追求对比调和或者是单纯的追求节奏而滥用颜色,页面华而不实,给使用者带来极大的不方便。这是应用上的失败。研究网页上的留白就要扩展它的意义,掌握它的变化有利于我们在制作网页的时候,灵活的采用,从而给我们的设计带来极大的方便,给我们每一个设计者的设计意图的传达带来更加广阔的空间。

  留白的处理是非常重要的手段,每一个网页设计者都要有这种意识,在设计时有意识的将自己一些感受恰如其分的通过这些手段传达出去,会收到事半功倍的效果,“计白当黑”给了我们很大的启示,在网页的构成中,空白同样占有自己不可替代的作用。

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

网页上的广告条设计

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

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

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

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

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


  还有一点就是广告条与整个网页的协调,不能让广告条的抢去了整个网页的风光,这样真正是喧宾夺主。因为假如你浏览网页肯定首要的目的是看网页上的主要内容,假如是看新闻主要的目的就是看主要的新闻的内容,而不是主要看广告条,有些个人主页在这个方面做得很不好。整个页面都充斥着乱七八糟的一些广告,什么网上赚钱,一次点击多少多少钱等,让人一看连看其它的内容的兴致都没有了。所以要使人对自己的广告条感兴趣,就必须使广告条的设计同整个页面协调,同时又要突出、醒目。这个虽然是个理论上的概念,也不是不能做到的。要使整个页面协调就做到几个方面就可以了。就是用色要同页面的主色相搭配,比如主色是浅黄,广告条的用色就可以用一些浅的其它颜色。切忌用一些对比色,例如假如主体色是红色(在一些需要浓烈的感情色彩的网站)的页面上就不要用绿色。以免太刺激。同时也显得比较的俗气。用色区别开来是应该的,这个区别是建立在
一个程度上的,不能过火,超过了这个度就只能达到相反的效果。
  再单独看看广告条本身的内容,作为一个网页的一个局部,但是它本身是一个整体,所以就要分析一下作为整体的组成,一般来说,它是由文本,图片,和动画这几个组件来组成的,文本在某种程度上说必不可少的,因为这么狭小的一个空间里要告知用户信息,如果只用图片来表现,很难做到这一点,用文字可以简洁明了的告知信息,为了避免单调,一般是采用图片作为背景,加上文字来进行说明,通过搭配,可以是页面丰富同时又能清楚的表达要说明的信息。

  既然这样,从文字的地位上来讲,就要突出它,在设计时可以在广告条的局域里设法通过颜色和大小来突出。这样文字就不必考虑与整个页面的协调问题,因为它是作为广告条的一个整体的一部分,假如前者已与整体协调,就同样是协调的。所以可以将文字做的醒目一些,吸引人一些。这就可以采用动画的形式,可以用闪动的方式,或者是一些渐变或者消影的方式,这样既使页面显得丰富多彩,同时也让人浏览的时候不得不注意到广告条的内容。有时候能造成这样的效果,就是在用户主要关注上面的内容的时候不经意间看到一些吸引它的东西,这样就去点击了。达到这样的程度,设计者的目的就达到了。

  同样文字的精巧设计是非常重要的,提出一些空洞的口号是让人反感的,同时平铺直叙又让人提不起精神,这就需要设计者从要宣传的东西出发,发觉用户感兴趣的东西,这时候就要求设计者亲身体验或者是作一定的调查,别以为是一个小小的广告条,别以为它只是一个网页的附属物,要能做好,让自己的委托者满意就不能不下功夫:假如是一个电脑商的广告,就要求你从自己角度,看自己要是购买这个类似的产品,最关心的是什么?自己最喜欢厂商提供什么?假如自己没有这种体验,就要做做小的调查,向自己的同事,朋友调查,看看同样的内容他们怎么看?只要抓住了这些信息,就能在设计这种广告条时想出独特的点子,得出自己精巧的文字,当然一些文字本身的修辞格的运用也能体现一定的水准,也是吸引人的一个因素。

  文字的内容设计占有主要的地位,同样图片和动画也非常的重要,由于页面上充满了文字,有时候文字的广告条会淹没在这个海洋里,所以假如一些跳动的图片能起到特别好的效果,所以在设计图片是要做到美观,同时也要求同自己宣传的东西相联系,有些一点没有联系的图片只能让用户看看而已,无法打动他们去动鼠标。动画的设计同样如此。好的动画把人的目光都吸引到它的上面去了。有些设计的如同一个故事,一首小诗(瞬间感觉上的),这样在艺术上提升到一个好的层次,就能打动用户。

  最后想总体的谈谈就是网页上的广告条的数目问题,以上谈的是如何是自己设计的广告条能打动人,能吸引人。如果仅仅从这个角度来看,就可以说一些网站上广告条的设计是达到这个目的的,但是它们的滥用是让人所厌恶的,整个页面上到处都是广告条,从顶部一行,左边一列,右边更是满满的,严重压缩了整个网页的内容,同时设计得到处是星星点点,都是一些小的提示性的动画在闪动,这样从小的广告条的局部可能是成功的。但是大一点看,在网页的设计上是失败的,“皮之不存,毛将焉附?”所以要使自己的小的局部能获得更多的点击率,就首先要使自己的网页设计得更加的漂亮,使用更加的方便。作为设计者很大程度上是接受任务,有时候不可避免要在自己的网页上加上很多的广告条,这时候就要考虑规范的问题,通过一些固定的格式,把他们规范化,条理化。同时用动画不能他多,一个人不能同时集中注意力到很多方面,所以要有所选择,有所侧重。这个是很重要的。

  作为网页的一个组成部分,要能充分考虑以上的形式上和功能上的因素,精心构思,就能作出很好的广告条来,同时也为自己的网页增光添彩!

 

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

网站设计风格和色彩搭配经验谈

   在一般人眼中,“网站”几乎就代表着“互联网”。网站本身的价值正在被人们不断的发现,不断的认可。“如何设计一个成功的网站?”已成为越来越多的网页设计师所思考、关注的问题。本人从事商业网站建设已经有两年以上的经验,在此只想抛砖引玉,提出自己的一些想法,欢迎高手指点!   设计网站需要考虑的因素非常之多,从前期网站开始时的定位、设定网站框架、整理资料,到具体制作中的设计环节,再到最后的调试、发布、宣传。这是一个环环相扣的过程。在此我们仅仅从设计师的角度来整体把握我们这次想讨论的主题——如何设计成功的网站!由于篇幅有限,我们仅仅讨论设计网站时重要的两大部分:整体风格和色彩搭配。   

   一、确定网站的整体风格   

   网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题,任何两人都不可能设计出完全一样的网站。   
   风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI(标志、色彩、字体、标语)、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。举个例子:我们觉得网易是平易近人的,迪斯尼是生动活泼的,IBM是专业严肃的。这些都是网站给人们留下的不同感受。   
   在这里,我提供给大家一些参考经验:   
   1.将你的标志Logo,尽可能的放在每个页面上最突出的位置。   
   2.突出你的标准色彩。   
   3.总结一句能反映贵站精髓的宣传标语!   
   4.相同类型的图像采用相同效果,比如说标题字都采用阴影效果,那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的!   

   二、网页色彩的搭配   

   无论是平面设计,还是网页设计,色彩永远是最重要的一环。当我们距离显示屏较远的时候,我们看到的不是优美的版式或者是美丽的图片,而是网页的色彩。   
   关于色彩的原理有许多,在此我们不可能一一阐述,大家可以看看相关设计书籍,有利于系统地理解。在此我们仅仅想告诉大家一些网页配色时的小技巧。   
   1.用一种色彩。这里是指先选定一种色彩,然后调整透明度或者饱和度,(说得通俗些就是将色彩变淡或则加深),产生新的色彩,用于网页。这样的页面看起来色彩统一,有层次感。   
   2.用两种色彩。先选定一种色彩,然后选择它的对比色。   
   3.用一个色系。简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。   
   在网页配色中,还要切记一些误区:   
   1.不要将所有颜色都用到,尽量控制在三种色彩以内。   
   2.背景和前文的对比尽量要大,(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容。

 

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

网页的排版与布局


--------------------------------------------------------------------------------

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

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

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

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

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

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

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

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

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

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

  按照平面设计的形式来看,整个页面可以分为几个部分,每个部分有不同的功能,也能体现不同的形式,具体看来就是上边、左边、下边、右边、中间、看似无奇,自身却有许多独特的地方,就说划分的大小吧!中间的部分一般是最大的,因为它承载着主要的信息,使用者主要就是看中间这个部分的内容,有些网站也为了出新意把整个页面进行任意划分,特别是个人网页,例如把整个页面平分为左右两个部分,但是这样会让人不着重点,还有的框架用得太多,影响了页面的整体性。总结一下有这么几种布局方式,下面进行比较,

  1. 上边和左边相结合,这是最常用的一种方式,上面是页面的提头和广告条,左边是按钮和其它的链接,这样的布局有其本质上的优点,因为人的注意力主要在右下角,所以主要想得到的信息都能最大可能的获取,而且很方便。但是有一个问题不得不注意,就是按钮在左边,都知道我们都是用的右手来操作鼠标的,要到左边去点击按钮就要移动过整个屏幕,所以每次都这样会很不方便。当然这也有一个习惯的问题,因为现在大部分的网站都采用这种形式,无形中造成使用者一打开网页都是习惯性的在左边去点击按钮。所以在比较正规的网站还是尽量符合这种使用方式,当然也不是一成不变的采用,要能够在这种基础上做一些变化。就能作出很好的网页来。

  2. 上边和下边的结合,这种方式用得少一些,都是也有很多的网站采用。这样可以解决使用上的问题,因为在屏幕下方移动鼠标可以很自如。同时由于上面有横的提头或者是广告条,这样上下造成一种对比和呼应,无论其中的内容如何安排,页面都会显得非常平衡,从而显得更协调,这是一种形式感很强的布局形式。

  3. 上、左、下边相结合,这种方式也有一些应用,这种方式的采用可以将功能性的东西有条理的放的左边和下边,使用起来更方便,像很多的按钮和链接(文字链接和图片链接以及E-mail链接等)都可以很清楚的显示出来,由此具有很好的导向性。但是这样也有不利的地方,例如这样整个页面被占去的地方较多,是页面的主要要显示的内容受到影响。所以也是使用的时候要斟酌的,看在什么情况下适合才能采用这种形式。

4. 上下左右形成一种包围的格式,这种形式的应用有些类似于第三类,优点也是一样,但是缺点更明显,由此留给使用者的空间太少了,所以这种应用得也比较少。不过经过一些刻意的变化之后能作出很漂亮的形式来,所以一些个人站点有时也采用。

  这是简单的进行提炼之后得出的几种类别,但是现实的应用中基本上都是经过一定的变化的,所以呈现出丰富多彩的布局形式,所以在了解这些布局的一些基本的优劣之后,适当的利用其优点,结合一些富有形式美感的因素,进行设计。就能设计出非常漂亮的网页,同时在使用上也能够非常的方便。

综合起来看

  内容和形式即具体的网页的排版布局要能够达到一种协调的状态下才能真正的成功的网页设计,所以,不能单独考虑网页的内容的排版,以为只要能够把具体内容清晰流畅的放到网站上就行了,造成整个页面的形式感很差,这样严重影响使用者的心情。同样假如不顾网页的内容,只顾页面的形式,尽管页面再漂亮,使用者也不会欢迎,因为这样是他们根本没有得到什么东西(或者获得的信息很少),使他们的目的没有达到,他们上网的目的就是获取信息,不只是欣赏。因为这种网络环境下,受现代生活方式的影响,是不大有心情来欣赏这些的。好的形式只是促进人获取信息的辅助物,不是对象。只重形式正如买椟还珠。所以作为设计者就要找到这两者的一个切入点。选好这个切入点很重要,这需要仔细的考虑自己的网页的题目之后,进行展开,然后作出草图来对比不同的形式之间的优劣,然后优选出一个来进行最终的设计。设计的同时要不断的进行排版布局的调整,一旦发现两者之间有些不够协调的地方就要不断的返回去修改,对照自己的设计构思。这样才能作出令人满意的网页来。

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

网页设计中的功能与美

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

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

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

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

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

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

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

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

  以上谈了几个涉及到网页设计的美的相关的功能的影响,由此可以得出网页美的标准(有些是一种美的标准另一种表达方式),那就是:

  简洁实用:这是非常重要的,网络特殊环境下,尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的,所以要去掉所有的冗余的东西。

  使用方便:同第一个是相一致的,满足使用者的要求,网页做得越适合使用,就越显示出其功能美

  整体性好:一个网站强调的就是一个整体,只有围绕一个统一的目标所做的设计才是成功的。

  网站形象突出:一个符合美的标准的网页是能够使网站的形象得到最大限度的提升的。
  页面用色协调,布局符合形式美的要求:布局有条理,充分利用美的形式,是网页富有可欣赏性,提高档次。当然雅俗共赏是人人都追求的。

  交互式强:发挥网络的优势,是每个使用者都参与到其中来,这样的设计才能算成功的设计。这样的网页才算真正的美的设计。

++++++++++++++++++++++++++++++

网页的审美需求

  网页设计是一们新兴的设计类和网络的交叉学科,近几年随着网络的发展而逐渐收到人们的重视,它本身以网络为载体,把各种信息以最快捷、方便的方式传达给受众。在这种标准的要求下,逐步产生了审美的需求。人们对美的追求是不断深入的,网页设计同样如此。网页不光是把各种东西放上去,能看就行,这是远远不够的!要考虑如何受众能更多的和更有效率的接收网页上的信息,从而使他们对给网站留下很好的印象,那就更能促进自己网站的运作。这就需要从审美的方面入手,结合使用方便的要求,就能制作出清晰、整体性好的页面。使人浏览起来心情愉快,接收信息也会更加容易。同时提升网站的形象。运用一些平面设计中美的基本形式到网页中去就能是网页更加富有美感,例如将平面设计中的节奏与韵律和骨格的形式溶入到网页中,这样会使内容繁多的页面更加有条理,也会是人浏览起来主次分明。当然这种美首先建立在页面的内容充实,而且实用,一个内容空洞无物的网页既使做得再漂亮也不会吸引人,顶多赢得几声赞叹,没有任何的用处。没有实用性的东西是不会具有生命力的。要想将页面做的更漂亮,就要求设计师要用较好的审美方面的素质,同时要有丰富的平面设计的经验。这样才能在设计时驾轻就熟。

  由于网页的从无到有,从满足基本的功能需要到追求美的较为高层次的需要,这是一个循序渐进的过程。这使人不由得想起工业革命前夕,很多现代的产品那时候都没有,没有现成的模样可以参照,产品的设计都是满足基本的功能需要出发,所以做出来的产品非常粗糙,冷冰冰的,毫无生气。由于商业竞争和工业化大生产的结果,使得人们不断的改进产品的功能,更为重要的是改进产品的外观,是产品更符合美的需要和使用方便。从而使今天货架上出现了琳琅满目的漂亮的产品。我想网页同样也是如此,在满足了基本的功能的要求之后,为了突出自己的特色,突出自己的优势,必须从审美上入手。而目前很多国内网站的现状是什么样子的呢?经常上网的网友可能会有所体会。目前的网页存在着诸多的不足,以下简单的分析一下,希望能从中得到一些启示。

  第一个可以用一个字来形容,那就是“塞”。这是很多的网页都具有的特点,它将各种信息诸如文字、图片、动画等不加考虑的塞到页面上,有多少挤多少,不加以规范化,条理化,更谈不上艺术处理了。导致浏览时会遇到很多的不方便,主要就是页面五花八门,不分主次,没有很好的归类,整体一个大的杂烩。让人难以找到自己需要的信息,更谈不上效率了。这种网页没有考虑采用一种美的形式来使页面上的信息以更整体性的方式来体现。所以这种网页的设计含量是相当低的。不仅仅从功能上分析。从审美上看,这种页面太满、太堵,没有给读者一点空间,所以毫无美感可言。

  第二也可用一个字“花”来形容,这类网站也有不少,显然这是很多不懂设计的人来制作的。比较多是他们把页面做的很花哨,但是非常不实用,例如采用很深的带有花哨图案的图片作为背景,严重干扰了浏览,获取信息很困难。同时有些还采用了颜色各异,风格不同的图片、文字、动画。使页面五彩缤纷。没有整体感觉,尽管有些页面内容不多,但是浏览起来仍然特别困难。这种过度的包装甚至不如不加任何装饰的页面。不加装饰最起码不会损害其基本的功能的需求。所以这种网页属于粗制滥造的次品,是对自己的受众不负责任的表现。或许他们的初衷是好的,就是想把自己的页面做的漂亮,结果却是适得其反。是网页设计中的一大忌。

  第三个现在网页设计中的误区就是千篇一律,缺乏自己的特色,当我们打开电脑,上网一看,好像哪个网站都是一样的。从标题的放置,按钮的编排到动画的采用都是如此。用色时随心所欲,只要能区分开文本和背景就达到目的。造成这种原因就是网页设计师本身的原因,他们没有充分的利用自己的知识,分析自己网站的优势,发挥自己的网站的特点,而是采用的走捷径的方式,就是用大众化的方法去做,做起来当然很容易了,但是失去了自己特点的网页就像流水线上下来的产品,好像随便看哪一个都一样,这样就不能起到网页设计的目的。至少不能算设计。这也是对自己的用户不负责任的表现。当然这里不是片面的唯美主义,不能只是看中页面的漂亮而不顾受众的使用的不方便。例如有些网页将按钮溶入到页面的图片中去,倒是比较漂亮了,整体感强了。但是受众有时候却找不到按钮,造成困难。这同样是不可取的。

  还有一类站点的网页是一种纯技术化的网页,在这种网页上,充斥了许多的纯为了炫耀技术的东西,如多个风格迥异的动画(缺乏美感甚至是与主体无关的动画),还有大量的利用javascript和动态HTML的技术,然而始终没有把握住整体这个中心,造成页面的混乱。这与第一种有些类似,但是这种网页很多是技术上的高手。但是结果给人只有羡慕技术之外毫无收获。这样的网页也是不适合于需要的,是网页设计上的失败,更为严重的是大量的采用这种技术或者动画,造成浏览上由于受带宽的限制而非常的慢。所以不管是从功能上还是从形式上都是不可取的。

  综合以上的分析,可以找出很多目前网页设计上设计的不足,特别是审美上的不足,照顾网页功能上的需要的前提下,需要有针对性的采用一些美的形式。来使网页做得更加有生气,更吸引人。

  那么加入美的因素,也要遵循一定的形式美的法则。这种美的形式有很多种,合理的利用,可以给网页增光添彩。赏心悦目。是受众浏览起来更加有效率,有力的提升网站的形象。下面逐一分析这些美的形式,并考虑如何将它们融入到网页之中,以解决以上遇到的很多网页设计上的审美不足的问题。

  从古至今,很多艺术家和学者提出了各种关于形式美的规律,很多经得起推敲的作品都是遵循这些规律去创作,以期完成其审美价值的。因此,在网页设计过程中,设计者必须去研究,掌握并主动地、有意识的运用这些规律,才能创作出好的作品。当然,不同时代有不同的设计审美观念,也有不同的美学特征。在信息特别发达的今天,竞争日趋激烈,给人们带来了新的审美需求,对于网页设计,客观上将其推向了更高层的表现境界,这是网页设计的必然趋势。去追求一种和谐的单纯,即追求清晰的视觉冲击力和巨大的张力,我们应该把美的形式规律同现代的网页设计的具体问题相结合起来。下面具体谈谈。

  先谈谈变化和统一。变化是各个组成部分之间的区别,统一是个部分之间的内在关联。完美的图形设计,形式上要丰富有条理(即对图形的大小、方圆、动静、强弱等方面的处理;组织上要有秩序而不单调,不混乱。即图形的主从关系,叙事关系,呼应关系等方面的处理)。在图形设计中运用变化与统一的规律,是处理形象和组织的对立统一过程,那么在网页设计中同样要恰当的利用这种规律,在我们把大量的信息塞如到网页上去的时候,考虑怎样把它们合理的用统一的方式来排布,使整体感强同时又要有变化,这样使页面更丰富,更有生气,看起来就不感到枯燥,很多网站诸如体育的网站,排布的新闻从上到下几十条,没有一点变化,显得单调而乏味,就是违反这种形式美的规律,所以要充分的运用变化来改进它,从排布的形式上或者是颜色上都可以。

  再看条理与反复,其中反复是有规律的连续与延伸,有组织的变化与扩展并加以归纳,概括而富于条理化,。条理与反复的原则是图形构成整体的秩序美的基础,是变化中的统一,也是运动发展中求得协调一致的表现方式,由他可以演化出多种多样的图形变化。这种在很多较为优秀的网站中运用较多,同时应用得也比较自如,这时由于很多网站丰富,信息含量大,不得不运用一定的方式将其条理化,同时又在一定程度上加以归纳后重复的利用,使网页较为整齐,脉络清楚,读起来也能着重点。当然,内容较少的网站同样需要条理与反复,以达到更为富有变化和清晰的视觉效果。如文字的合理编排,图片和文字的结合。如何呼应等等。

  对比和调和。对比是指在质或量方面相互差异甚大的两个要素同时配置在一起时,两者之间有相互作用的性格,更加令人感到彼此强烈地相互衬托。对比是为了使主题画面具有变化和生气而运用的方法。而调和是构成美的对象在部分与部分之间的相互关系。它无论是在质的方面还是量的方面都没有矛盾,各部分所传达给人的感受和意念之间不是相互分离或排斥,而是一个部分多样性的整体统一来表现美的状态。那么在网页设计中,如何利用它来达到好的效果呢?首先合理的利用对比的因素,例如文本的排布、字体的大小、粗细、颜色,图片的宽窄、比例的反差、透明以及位置的放置等等,最终达到的目的就是如何取得较为强烈的视觉效果;不光如此,还要恰如其分的找到调和的因素,即构图的联系点,使整体感觉突出,不至于仅仅因为对比而造成割裂的感觉。只有做到对比和调和的相辅相成,才能使网页页面鲜明、突出,更好的传达出设计者的意图。

  均齐与平衡,这是动力与中心两者矛盾的统一所产生的形态,是设计中求得中心稳定的两种组织形式,均齐的组织方法是无论在哪一个中轴和中心支点各方面配置同形同量的图形,都要求图形整体结构严谨,形态安定整齐,平衡。实际上也是一句中轴和支点保持平衡,所不同的是配置的形为等量不等形,它没有一定的组织原则,只要能在形式结构上掌握好中心即可,它要求在形式上自然合理。所以均齐偏于静止的形式美感,而平衡却显得灵活多变,带有动感。在网页设计中,在充分的考虑整体的页面上所有的图形、文字的基础上,如何比较整个页面上的组又两边的量与质?是一个设计师自身经验的积累。页面上的平衡是一个动态的平衡,因为页面上两边的配置不会总是一样的,即左边一个图右边就一个图,那是不多的。更多的时候是图和文字以及大块的颜色轻的图和小块的颜色重的图的平衡,以及与文本的疏密和大小的平衡,所以这是一种动态的平衡。只有通过不断的实践才能够在这方面驾轻就熟的运用。满足人们的视觉上的整体的平衡感。这也是人的心理因素的一种图形化的表现,当然不是一种片面的追求静止的对称,那时僵硬的、不生动的,同样会失去美感。

  如何看待网页上的留空?并非要把整个页面塞满了才不觉得空,我想只要合理的安排,使页面达到平衡,既使在一边的部分大面积留空,同样不会让人感到空,相反这样会给人留下广阔的思考空间,给人回味。

  再谈谈节奏与韵律。运动中的事物都具有节奏和韵律的形式规律,节奏与韵律本来在音乐、舞蹈、诗歌及电影等具有时间形式的艺术中通过视觉和听觉来表现的,节奏本身没有形象特征。只是表明事物在运动中的快慢、强弱以及间歇的节拍。节奏可以说是条理与反复的发展。它带有机械的秩序美,韵律是每个节拍间运动所表现的轨迹,它带有形象特征。在具体的网页设计的运用中,按钮的编排就经常会遇到这个问题,做得好的按钮能够使排在一起的诸多按钮富有音乐般的美感,同时丝毫不损其实用性,可惜现在见到类似的太少了,因为需要不光是从形状上,而且要从整体的色泽、大小等综合方面入手。

  上面仅仅探讨了几个非常贴近网页制作的形式美的规则,以及在网页中的运用。如何解决网页中的独特性的问题呢?我想这不仅仅是审美的形式问题,主要要站在网站本身的高点上来考虑,综合自身的整体形象,如网站的标志、标准字体、标准色等等,因为这些方面就是自己与众不同之处,如果将这些经独特设计的关于自身经营理念的东西融合到网页设计中去,怎会与人雷同呢?随便打个比方,假如运用自己的网站的标准色作为网页的基调,不光是能做到独特,而且对于网站本身的形象是很有好处的,就如我们经常见到的IBM的蓝,可口可乐的红白两色。这都是苦心的营造的企业形象的重要组成部分。网站要想树立自己的独特的形象,必须从这些方面入手,把网页上的各种信息的表达统一到网站综合形象的整体里面来考虑。就会给人留下深刻的独特的形象。

  作为形式美的法则,随着时代的不同而不断发展进步,特别在生活节奏如次快的互联网时代,由于追求的目标的变化,人们的审美观念也在不断的变化,但是美的本质是一样的,同时随着技术的发展,很多的目前不容易实现的审美形式也逐渐被克服,突破带宽的瓶颈。就会给网页设计的自如发展一片新的天地。我们对美的追求是永不停止的,作为设计师,也要不断的提高自己的素质,才能做出更好的富于美感的网页来。

 

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

  网络如同一个多维的空间,它具有强大的跳跃能力。而网站如同一个个大小不同的建筑物,每一个房间都具有不同的功能。因而,装饰也各不相同。而最终的效果,取决于站长对艺术的理解与把握。
  接触网络已经很多年了,而设计网页确是近期的事。前些日子由于自己不小心造成左锁骨骨折,于是有了一个长长的假期,使我有时间静下来思考一些问题。
  在观看了众多网站之后,我发现了这样几个问题,现于大家共同探讨。
  一、定位。每个网站都应有自己的独特目的。相对于现实的单位来说,也就是企业CI设计中的企业宗旨。而目前的很多网站,尤其是一些小公司或个人网站对此把握得并不到位。就象是文章的中心思想不明确。定位不清楚,使浏览着不知其所云。
  二、功能的实现。网站有了、定位有了,接下来要对网站功能的实现及实现的过程细心安排。要做到流畅、完备、可信、安全(尤其是一些电子商务站电)。这几点是一个优秀网站的精神所在,也是吸引力的来源。例如几大搜索引擎、电子邮局,把功能的实现做到了几乎完美的地步。例如雅虎,几乎没有艺术与设计可言,他只靠完备的功能来吸引大众,是只靠功能的实现来获得成功的典范。(但是总有一天会把艺术效果提高上去的,否则很可能会落后。)
  三、艺术在网络的价值。随着网络的发展、速度的提高,使得图形图像等多媒体形式在网站上占有了非常重要的地位。网页的内容从最早的文字向多媒体发展,这使得网站的建设过渡成了一种综合的艺术设计行为。于是,评价一个网站的优劣,艺术效果所占的比例越来越高。从而也产生了如网站策划师、网页效果设计师等等新兴行业。
  网络经济又被称为注意力经济或眼球经济。在如此众多的网站中,要引起浏览着的主意,只有极富特色、内容翔实、浏览顺畅、效果独特的网页才能使人驻足观看,及使用其功能和服务。从而达到网站的特定目的。
  四、把握网页艺术效果的要点。
  1、网站的形象与个性。网络是虚拟的,而网站往往体现的是现实世界中的一个实体,如公司或个人。每个实体都有自己独特的元素。如名称、标志、标准字体、标准色等等。通过这些元素的合理应用,来把现实世界的实体表现在虚拟的网络上。这一过程就是对网站形象与个性的塑造。最后的体现就是一种风格。
  2、网站栏目的规划。这里要强调的是浏览过程,也就是导向性。一个网站有许多页面、联接和主题。要把各网页和各主题之间的先后、联接关系处理的合理、流畅、环环相扣。
  3、多媒体的运用。多媒体的运用使得网站多姿多彩。这里要强调的适“度”的把握。这是最能体现设计师水平的环节。因为它涉及到了音乐、影视、平面构成、色彩构成、心理学等等许多知识。也是最难用具体的语言表达的,也没有规律可循。有时为了达到某种效果,需要许多学科的专业人才共同合作来完成。尤其是一些专业性较强的网站。在这方面做得比较突出的,大部分是一些艺术及相关网站。如 Adobe、Apple、可口可乐、Sony等等。
  五、创意的思路。
  总体来说,设计的目标就是体现一种风格。艺术学科之间是相通的,所以我认为使用平时自己不会使用的方法来考虑设计的思路。比如反向思维、对比、比喻、象征等等违反常规的思路,以做到出奇制胜。
  有时在做主页设计时,不要把它当成一个方方正正的“页面”来看。而是要抓住这个页面所要表现的中心思想,从要表现的中心思想下手来制作页面,而不要做好页面,再在页面上“写”中心思想。
  这是我个人的一些看法,不当之处请多多指教。衷心希望你能和我做个朋友。也祝你设计、工作顺利。

粉丝 阅读1812 回复0
上一篇:
下一篇:
清爽色谱基本配色设计参考发布时间:2014-05-28
关闭

站长推荐上一条 /1 下一条



专注平面设计教程免费分享
客服QQ

357224957

周一至周日9:00-23:00

反馈建议

357224957@163.com 在线QQ咨询

扫描二维码关注我们

Powered by Discuz! X3.4© 2001-2013 Comsenz Inc.( 桂ICP备12007517号-1 )