注册 | 登录 | 控制面板 | 会员列表 | 搜索 | 投稿 | 留言本  
繁体中文
设为首页
加入收藏
当前位置: 首页 >> 平面艺术 >> 网站设计风格和色彩搭配经验谈
网站设计风格和色彩搭配经验谈

作者:      来源:     发表时间:2005-10-14     浏览次数:     字号:    

在一般人眼中,“网站”几乎就代表着“互联网”。网站本身的价值正在被人们不断的发现,不断的认可。“如何设计一个成功的网站?”已成为越来越多的网页设计师所思考、关注的问题。本人从事商业网站建设已经有两年以上的经验,在此只想抛砖引玉,提出自己的一些想法,欢迎高手指点!

  设计网站需要考虑的因素非常之多,从前期网站开始时的定位、设定网站框架、整理资料,到具体制作中的设计环节,再到最后的调试、发布、宣传。这是一个环环相扣的过程。在此我们仅仅从设计师的角度来整体把握我们这次想讨论的主题--如何设计成功的网站!由于篇幅有限,我们仅仅讨论设计网站时重要的两大部分:整体风格和色彩搭配。   

   一、确定网站的整体风格   

   网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题,任何两人都不可能设计出完全一样的网站。   
   风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI(标志、色彩、字体、标语)、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。举个例子:我们觉得网易是平易近人的,迪斯尼是生动活泼的,IBM是专业严肃的。这些都是网站给人们留下的不同感受。   

   在这里,我提供给大家一些参考经验:   

   1.将你的标志logo,尽可能的放在每个页面上最突出的位置。   
   2.突出你的标准色彩。   
   3.总结一句能反映贵站精髓的宣传标语!   
   4.相同类型的图像采用相同效果,比如说标题字都采用阴影效果,那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的!   

   二、网页色彩的搭配   

   无论是平面设计,还是网页设计,色彩永远是最重要的一环。当我们距离显示屏较远的时候,我们看到的不是优美的版式或者是美丽的图片,而是网页的色彩。   

   关于色彩的原理有许多,在此我们不可能一一阐述,大家可以看看相关设计书籍,有利于系统地理解。在此我们仅仅想告诉大家一些网页配色时的小技巧。   

   1.用一种色彩。这里是指先选定一种色彩,然后调整透明度或者饱和度,这样的页面看起来色彩统一,有层次感。   
   2.用两种色彩。先选定一种色彩,然后选择它的对比色。   
   3.用一个色系。简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。   

   在网页配色中,还要切记一些误区:   

   1.不要将所有颜色都用到,尽量控制在三~五种色彩以内。   
   2.背景和前文的对比尽量要大,(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容。

 

 


 精典配色方案         
            精典配色方案

            作者:未知  文章来源:圆点视线  点击数:3664  更新时间:2005-3-28

                  一、红色的色感温暖,性格刚烈而外向,是一种对人刺激性很强的色。红色容易引起人的注意,也容易使人兴奋、激动、紧张、冲动、还是一种容易造成人视觉疲劳的色。

                  1、在红色中加入少量的黄,会使其热力强盛,趋于躁动、不安。
                  2、在红色中加入少量的蓝,会使其热性减弱,趋于文雅、柔和。
                  3、在红色中加入少量的黑,会使其性格变的沉稳,趋于厚重、朴实。
                  4、在红中加入少量的白,会使其性格变的温柔,趋于含蓄、羞涩、娇嫩。

                  二、黄色的性格冷漠、高傲、敏感、具有扩张和不安宁的视觉印象。黄色是各种色彩中,最为娇气的一种色。只要在纯黄色中混入少量的其它色,其色相感和色性格均会发生较大程度的变化。

                  1、 在黄色中加入少量的蓝,会使其转化为一种鲜嫩的绿色。其高傲的性格也随之消失,趋于一种平和、潮润的感觉。
                  2、 在黄色中加入少量的红,则具有明显的橙色感觉,其性格也会从冷漠、高傲转化为一种有分寸感的热情、温暖。
                  3、 在黄色中加入少量的黑,其色感和色性变化最大,成为一种具有明显橄榄绿的复色印象。其色性也变的成熟、随和。
                  4、 在黄色中加入少量的白,其色感变的柔和,其性格中的冷漠、高傲被淡化,趋于含蓄,易于接近。

                  三、蓝色的色感冷嘲热讽,性格朴实而内向,是一种有助于人头脑冷嘲热讽静的色。蓝色的朴实、内向性格,常为那些性格活跃、具有较强扩张力的色彩,提供一个深远、广埔、平静的空间,成为衬托活跃色彩的友善而谦虚的朋友。蓝色还是一种在淡化后仍然似能保持较强个性的色。如果在蓝色中分别加入少量的红、黄、黑、橙、白等色,均不会对蓝色的性格构成较明显的影响力。

                  1、 如果在橙色中黄的成份较多,其性格趋于甜美、亮丽、芳香。
                  2、 在橙色中混入小量的白,可使橙色的知觉趋于焦躁、无力。

                  四、绿色是具有黄色和蓝色两种成份的色。在绿色中,将黄色的扩张感和蓝色的收缩感相中庸,将黄色的温暖感与蓝色的寒冷感相抵消。这样使得绿色的性格最为平和、安稳。是一种柔顺、恬静、潢足、优美的色。

                  1、 在绿色中黄的成份较多时,其性格就趋于活泼、友善,具有幼稚性。
                  2、 在绿色中加入少量的黑,其性格就趋于庄重、老练、成熟。
                  3、 在绿色中加入少量的白,其性格就趋于洁净、清爽、鲜嫩。

                  五、紫色的明度在有彩色的色料中是最低的。紫色的低明度给人一种沉闷、神秘的感觉。

                  1、 在紫色中红的成份较多时,其知觉具有压抑感、威胁感。
                  2、 在紫色中加入少量的黑,其感觉就趋于沉闷、伤感、恐怖。
                  3、 在紫色中加入白,可使紫色沉闷的性格消失,变得优雅、娇气,并充满女性的魅力。

                  六、白色的色感光明,性格朴实、纯洁、快乐。白色具有圣洁的不容侵犯性。如果在白色中加入其它任何色,都会影响其纯洁性,使其性格变的含蓄。

                  1、 在白色中混入少量的红,就成为淡淡的粉色,鲜嫩而充满诱惑。
                  2、 在白色中混入少量的黄,则成为一种乳黄色,给人一种香腻的印象。
                  3、 在白色中混入少量的蓝,给人感觉清冷、洁净。
                  4、 在白色中混入少量的橙,有一种干燥的气氛。
                  5、 在白色中混入少量的绿,给人一种稚嫩、柔和的感觉。
                  6、 在白色中混入少量的紫,可诱导人联想到淡淡的芳香。

责任编辑:
发表评论  打印本文  推荐本文  加入收藏  返回顶部  关闭窗口

  • 上一篇: 第四章 平面构成的方法
  • 下一篇: 系统提示“内存不足”的九大原因及解决方法
  • □ 最新文章
    普通文章  用iframe实现网页的内嵌... 08-25
    普通文章  ASP中巧用Response属性 08-25
    普通文章  google老总李开复 02-24
    普通文章  百度老总李彦宏 02-24
    普通文章  Windows走过20周年! 02-22
    普通文章  Photoshop菜单中英文对照 10-14
    普通文章  包装设计的构思 10-14
    普通文章  包装设计中的视觉色彩的... 10-14
    普通文章  网站设计风格和色彩搭配... 10-14
    普通文章  第四章 平面构成的方法 10-14
    □ 推荐文章
    精华文章  Photoshop 鲜为人知的7... 10-14
    □ 热点文章
    普通文章  百度老总李彦宏 02-24
    普通文章  google老总李开复 02-24
    普通文章  第四章 平面构成的方法 10-14
    普通文章  第二章 平面构成中最基... 10-14
    普通文章  平面构成基础知识 10-14
    普通文章  包装设计中的视觉色彩的... 10-14
    精华文章  Photoshop 鲜为人知的7... 10-14
    普通文章  网页制作技巧 10-13
    普通文章  包装设计的构思 10-14
    普通文章  Windows走过20周年! 02-22
       发表评论 更多评论>>
       发表评论
    姓名: QQ:
    性别: MSN:
    E-mail: 主页:
    评分: 1 2 3 4 5
    评论内容:
      
  • 请遵守《互联网电子公告服务管理规定》及中华人民共和国其他各项有关法律法规。
  • 严禁发表危害国家安全、损害国家利益、破坏民族团结、破坏国家宗教政策、破坏社会稳定、侮辱、诽谤、教唆、淫秽等内容的评论 。
  • 用户需对自己在使用本站服务过程中的行为承担法律责任(直接或间接导致的)。
  • 本站管理员有权保留或删除评论内容。
  • 评论内容只代表网友个人观点,与本网站立场无关。
  • ·关于我们 ·联系方式
    © 电脑e路通(e6tong.net) 2005 All rights reserved