正在加载中

 

网页设计的布局与用色技巧

2016-11-22 16:34:45

      摘要:网页设计是一们新兴的设计类和网络的交叉学科,近几年`随着网络的发展而逐渐收到人们的重视,它本身以网络为载体,把各种信息以最快捷、方便的方式传达给民众。在这种标准的要求下,逐步产生了审美的需求。人们对美的追求是不断深入的,网页设计同样如此。一个内容空洞无物的网页既使做得再漂亮也不会吸引人,顶多赢得几声赞叹,没有任何的用处。没有实用性的东西是不会具有生命力的。要想将页面做的更漂亮,就要求设计师要用较好的审美方面的素质,同时要有丰富的平面设计的经验。这样才能在设计时驾轻就熟。     
一、网站首页设计、风格定位、色彩搭配、版面布局的技巧
      首先我们需要了解一下网站的页面组成,
网站一般包括以下几部分:
      首页:网站的门面,如同公司的形象,特别注重设计和规划。
      框架页:网站的主要结构页面,又称次首页、内页,大型网站往往框架页即首页,
如一些门户网站。框架页主要是网站内部主要栏目的首页,讲究风格的一致性,并于主页呼应。
      普通页:网站主要的承载信息的页面,设计要求不高,但要求链接准确、文字无误、图文并茂,并沿袭网页的风格。
      弹出页:一般用于广告、新闻、消息、到其他网站的链接等等,

一般用的很少。
      从功能上来看,首页主要承担着树立企业形象(当然不仅仅是首页)的作用,框架页在导航方面起着重要的作用,比如各栏目内部主要内容的介绍,都可以在框架页中体现再进入普通页,让浏览者能够迅速了解网站各栏目的主要内容,择其需要而浏览,而普通页则是主要的信息页面,也是网站的最终页面.
  二、色彩搭配 
      1、运用相同色系色彩:所谓相同色系,是指几种色彩在色相环上位置十分相近;左右或同一色彩不同明度的几种色彩这种搭配的优点是易于使网页色彩趋于一致,对于网页设计新手有很好的借鉴作用,这种用色方式容易塑造网页和谐统一的氛围,
缺点是容易造成页面的单调,因此往往利用局部加入对比色来增加变化,如局部对比色彩的图片等。
     2、运用对比色或互补色:所谓对比色,是指色相环相距较远,视觉效果鲜亮、强烈,而互补色则是色相环上相距最远的连种色彩,其对比关系最强烈、最富有刺激性,往往使画面十分突出,这种用色方式容易塑造活泼、韵动的网页效果,特别适合体现轻松、积极的素材的网站,缺点是容易造成色彩的花,使用中注意色彩使用的度。
  3.使用过渡色:过渡色能够神奇地将几种不协调的色彩统一起来,在网页中合理地使用过渡色能够使你的色彩搭配技术更上一层楼。过渡色包括几种形式:两种色彩的中间色调、单色中混入黑、白、灰进行调和以及单色中混入相同色彩进行调和等等。
 二、现今网页存在问题及拟解决主要方法  网页不光是把各种东西放上去,能看就行,这是远远不够的!。运用一些平面设计中美的基本形式到网页中去就能是网页更加富有美感,例如将平面设计中的节奏与韵律和骨格的形式溶入到网页中,这样会使内容繁多的页面更加有条理,也会是人浏览起来主次分明。

       1、“塞”。这是很多的网页都具有的特点,它将各种信息诸如文字、图片、动画等不加考虑的塞到页面上,有多少挤多少,不加以规范化,条理化,更谈不上艺术处理了。     

       2“花”。这类网站也有不少,显然这是很多不懂设计的人来制作的。比较多是他们把页面做的很花哨,但是非常不实用,例如采用很深的带有花哨图案的图片作为背景,严重干扰了浏览,获取信息很困难。 

       3“千篇一律”。缺乏自己的特色,当我们打开电脑,上网一看,好像哪个网站都是一样的。从标题的放置,按钮的编排到动画的采用都是如此。用色时随心所欲,只要能区分开文本和背景就达到目的。  

       4、“纯技术化”。在这种网页上,充斥了许多的纯为了炫耀技术的东西,如多个风格迥异的动画,还有大量的利用javascript和动态HTML的技术,然而始终没有把握住整体这个中心,造成页面的混乱。

 

 

保定标志设计/保定VI设计/保定包装设计/保定网站设计/保定画册设计

www.weilai168.com

 

打印本页 | 关闭窗口
   搜索关键字: 保定VI设计  保定标志设计  保定包装设计  保定画册设计  保定设计公司  保定策划公司 
上一篇: 包装设计的视觉要素是由哪几四个方面组成的
下一篇: 品牌策划方案包括哪些内容?