简明网页设计理念 颜色搭配

所属分类: 网页制作 / 应用技巧 阅读数: 593
收藏 0 赞 0 分享
(一)网页配色基本概念

(1)白纸黑字是永远的主题,谁都说不出不好来。


(2)网页最常用流行色
  兰色——蓝天白云,沉静整洁的颜色。
  绿色——绿白相间,雅致而有生气。
  橙色——活泼热烈,标准商业色调。
  暗红——宁重、严肃、高贵,需要配黑和灰来压制刺激的红色。

(3)颜色的忌讳
  忌脏——背景与文字内容对比不强烈,灰暗的背景令人沮丧!
  忌纯——艳丽的纯色对人的刺激太强烈抗议,缺乏内涵。
  忌跳——再好看的颜色,也不能脱离整体。脱离群众是自取其辱!

  忌花——要有一种主色贯穿其中,主色并不时面积最大的颜色,而是最重要,最能揭示和反映主题的颜色,就象领导者一样,虽然在人数上居少数,但起决定作用。

  忌粉——颜色浅固然显的干净,但如果对比过弱,整得苍白无力了,就象病夫一样无可救药。
  蓝色忌纯,绿色忌黄,红色忌艳。

(4)几种固定搭配
  白橙——蓝为主调。白底,蓝标题栏,橙色按钮或ICON做点缀。
  绿白兰——绿为主调。白底,绿标题栏,兰色或橙色按钮或ICON做点缀。
  白红——橙为主调。白底,橙标题栏,暗红或桔红色按钮或ICON做点缀。
  暗红黑——暗红主调。黑或灰底,暗红标题栏,文字内容背景为浅灰色。

(二)网页设计理念

(1)内容决定形式
先把内容充实上,再分区块,再定色调,再处理细节。

(2)先整体,后局部,最后回归到整体。
全局考虑,把能填上的都填上,占位置。然后定基调,分模块设计。最后调整不满意的几个局部细节。

(3)功能决定设计方向
看网站的用途,决定设计思路.商业性的就要突出赢利目的;政府型的就要突出形象和权威性的文章;教育性的,就要突出师资和课程。

(三)如何快速高效的完成设计工作

(1)天下文章一大抄。
就看你会抄不会抄。抄的是道念,思想,局部精致的点缀。
在网上搜索同类网站,找几个顺眼的,用一个为基本兰图,把几个优点整和成自己的,这样最高效快捷,而且还出成果,能学到很多东西。

(2)上设计论坛,找参考资料。
更多精彩内容其他人还在看

关于favicon.ico的两三事(最好就是放根目录)

最近网站开始改版,如果文档中没有声明favicon.ico,在chrome浏览器中会自动加载根目录的favicon.ico,正好将具体的分析也分享一下, 方便需要的朋友
收藏 0 赞 0 分享

分享10个最新的Web前端框架(翻译)

前端Web框架的本质就是JavaScript,CSS和HTML相关组件的集合,你可以把它应用到日常的项目中,可以极大节省开发时间,特别是在那些紧急的项目中。这里,我们为大家列出了10个前端Web框架,可以参考
收藏 0 赞 0 分享

分享15个最佳的HTML/CSS设计和开发框架

高效的框架不仅是网站设计的基础,它提供的各种丰富多彩的功能,还提高整体的功能和性能。一个网站的外观和设计完全可以通过一些完美和可靠的工具而彻底改头换面。现在,越来越多的网页设计师和编辑人员选择使用CSS框架来创建网站
收藏 0 赞 0 分享

关于启用 HTTPS 的一些经验分享

这篇文章主要介绍了关于启用 HTTPS 的一些经验分享,需要的朋友可以参考下
收藏 0 赞 0 分享

人人必知10个网站易用性技巧

这篇文章主要介绍了人人必知10个网站易用性技巧 的相关资料,需要的朋友可以参考下
收藏 0 赞 0 分享

CSS3实用方法总结(推荐)

下面小编就为大家带来一篇CSS3实用方法总结(推荐)。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Web前端开发中找错的基本思路

本文给大家分享了在制作web前端页面的时候,找错、查错以及解决错误的方法,非常的详细,这里推荐给大家,希望对大家能有所帮助。
收藏 0 赞 0 分享

深入理解指定IE浏览器渲染方式

本文详细向大家讲解了IE浏览器设置只能渲染方式的方法及其含义。前端设计师们比较痛恨的浏览器就是IE了,没有之一!!今天主要来探讨设置兼容性即指定IE浏览器渲染方式。
收藏 0 赞 0 分享

让网页自动调用双核浏览器的极速模式(Webkit)

国内的主流浏览器都是双核浏览器:基于Webkit内核用于常用网站的高速浏览。基于IE的内核用于兼容网银、旧版网站
收藏 0 赞 0 分享

如何设计制作自适应网页

本文介绍了
收藏 0 赞 0 分享
查看更多