本页主题: 色彩搭配与版面布局 打印 | 加为IE收藏 | 复制链接 | 收藏主题 | 上一主题 | 下一主题

lsp123
级别: 新手上路


精华: 0
发帖: 2
威望: 3 点
金钱: 21 RMB
贡献值: 0 点
好评度: 2 点
在线时间:0(小时)
注册时间:2007-12-19
最后登录:2007-12-19

 色彩搭配与版面布局

一,色彩搭配

网页中最难处理的也就是色彩搭配的问题了。如何运用最简单的色彩表达最丰富的含义,体现企业形象是网页设计人员需要不断学习、探索的课题。如何进行色彩搭配是一门学问,下面的一些方法是我在实践过程中的体会,希望能够为您起到一定的参考作用。
  
1、运用相同色系色彩:所谓相同色系,是指几种色彩在360°色相环上位置十分相近,大约在45°左右或同一色彩不同明度的几种色彩,如:这种搭配的优点是易于使网页色彩趋于一致,对于网页设计新手有很好的借鉴作用,这种用色方式容易塑造网页和谐统一的氛围,缺点是容易造成页面的单调,因此往往利用局部加入对比色来增加变化,如局部对比色彩的图片等。这种方法不失为一种设计的好方法。
  
2、运用对比色或互补色:所谓对比色,是指色相环相距较远,大约在100°左右,视觉效果鲜亮、强烈,而互补色则是色相环上相距最远的连种色彩,即相距 180°,其对比关系最强烈、最富有刺激性,往往使画面十分突出,如:这种用色方式容易塑造活泼、韵动的网页效果,特别适合体现轻松、积极的素材的网站,缺点是容易造成色彩的花,使用中注意色彩使用的度。
  
值得注意的是,以上两种用色方式在实际应用中要注意主体色彩的运用,即以一种或两种色彩为主,其它色彩为辅,不要几种色彩等量使用,以免造成色彩的混乱。
  
3、使用过渡色:过渡色能够神奇地将几种不协调的色彩统一起来,在网页中合理地使用过渡色能够使你的色彩搭配技术更上一层楼。过渡色包括几种形式:两种色彩的中间色调、单色中混入黑、白、灰进行调和以及单色中混入相同色彩进行调和等等,您可以自己尝试调配,在以后的更新中,我会专题介绍如何使用过渡色。
  
二,版面布局
一般来说,企业网站首页的布局比较灵活,着重设计,这里我所说的布局主要是指内页的版面布局。中、小型企业网站的内页布局一般比较简单,即内页的一栏式版面布局,从排版布局的角度而言,我们还可以设计成等分两栏式、三栏式、多栏式,不等分两栏式、三栏式、多栏式等等,但因为浏览器宽幅有限,一般不宜设计成三栏以上的布局。
  
在版面布局中主要是考虑导航、必要信息与正文之间的布局关系。比较多的情况是采用顶部放置必要的信息,如公司名称、标志、广告条以及导航条,或将导航条放在左侧而右侧是正文等等,这样的布局结构清晰、易于使用。当然,您也可以尝试这些布局的变化形式,如:左右两栏式布局,一半是正文,另一半是形象的图片、导航;或正文不等两栏式布置,通过背景色区分,分别放置图片和文字等等。在设计中注意多吸取好的网站设计的精髓。
盛强网络 网站建设 虚拟主机 域名注册 企业邮局www.sqboot.cn qq124050362
顶端 Posted: 08-01-04 17:06 | [楼 主]
lsp123
级别: 新手上路


精华: 0
发帖: 2
威望: 3 点
金钱: 21 RMB
贡献值: 0 点
好评度: 2 点
在线时间:0(小时)
注册时间:2007-12-19
最后登录:2007-12-19

 

顶一下
盛强网络 网站建设 虚拟主机 域名注册 企业邮局www.sqboot.cn qq124050362
顶端 Posted: 08-01-04 17:13 | 1 楼
帖子浏览记录 版块浏览记录
群熵信息 - 技术讨论区 » 界面设计与用户体验

Total 0.012499(s) query 5, Time now is:12-15 18:01, Gzip enabled
Powered by PHPWind v6.3.2 Certificate Code © 2003-08 PHPWind.com Corporation

上海服务器租用 杭州世导双线服务器托管 云主机 VPS