网页设计中文字颜色的搭配技巧

技巧|设计|网页|网页设计|中文

 对于做网页的初学者可能更习惯于使用一些漂亮的图片作为自己网页的背景,但浏览一下大型的商业网站,你会发现他们更多运用的是白色、蓝色、黄色等,使得网页显得典雅,大方和温馨。更重要的是,这样可以大大加快浏览者打开网页的速度。
  一般来说,网页的背景色应该柔和一些、素一些、淡一些,再配上深色的文字,使人看起来自然、舒畅。而为了追求醒目的视觉效果,可以为标题使用较深的颜色。下面是我做网页和浏览别人的网页时,对网页背景色和文字色彩搭配积累的经验,这些颜色可以做正文的底色,也可以做标题的底色,再搭配不同的字体,一定会有不错的效果,希望对大家在制作网页时有用。

   BgcolorΚ″#F1FAFA″———做正文的背景色好,淡雅

   BgcolorΚ″#E8FFE8″———做标题的背景色较好

   BgcolorΚ″#E8E8FF″———做正文的背景色较好,文字颜色配黑色

   BgcolorΚ″#8080C0″———上配黄色白色文字较好

   BgcolorΚ″#E8D098″———上配浅蓝色或蓝色文字较好

   BgcolorΚ″#EFEFDA″———上配浅蓝色或红色文字较好

   BgcolorΚ″#F2F1D7″———配黑色文字素雅,如果是红色则显得醒目

   BgcolorΚ″#336699″———配白色文字好看些

   BgcolorΚ″#6699CC″———配白色文字好看些,可以做标题

   BgcolorΚ″#66CCCC″———配白色文字好看些,可以做标题

   BgcolorΚ″#B45B3E″———配白色文字好看些,可以做标题

   BgcolorΚ″#479AC7″———配白色文字好看些,可以做标题

   BgcolorΚ″#00B271″———配白色文字好看些,可以做标题

   BgcolorΚ″#FBFBEA″———配黑色文字比较好看,一般作为正文

   BgcolorΚ″#D5F3F4″———配黑色文字比较好看,一般作为正文

   BgcolorΚ″#D7FFF0″———配黑色文字比较好看,一般作为正文

   BgcolorΚ″#F0DAD2″———配黑色文字比较好看,一般作为正文

   BgcolorΚ″#DDF3FF″———配黑色文字比较好看,一般作为正文

  浅绿色底配黑色文字,或白色底配蓝色文字都很醒目,但前者突出背景,后者突出文字。红色底配白色文字,比较深的底色配黄色文字显得非常有效果。

  此文只是起一个“抛砖引玉”的作用,大家可以发挥想象力,搭配出更有新意、更醒目的颜色,使网页更具有吸引力。

时间: 2024-10-02 07:31:03

网页设计中文字颜色的搭配技巧的相关文章

网页设计中的颜色如何搭配

  网站建设第一步要做到的就是要有精美的网页设计效果,而我们往往对于美都是有追求的,我们也抵挡不住美给我们带来的好心情,要知道,美丽的事物总是能让我们的心情都更加愉悦,网页设计的美也能给企业带来意想不到的效果.由于每个人的审美观是各有差别的,所以网页设计不可能做到人人都满意,但是一个好的设计,在不喜欢这种风格和颜色搭配上的眼里,也不会差到哪里去的. 对于做网页设计的初学者可能更习惯于使用一些漂亮的图片作为自己网页的背景,但是,浏览一下大型的网站,你会发现他们更多运用的是白色.蓝色.黄色等,使得网

网页设计中透明效果的使用技巧

运用好透明效果是提高网页设计水准的重要方法之一.如同使用其他方法一样,设计师们有很多种手段将透明效果运用到网页中,今天这篇文章就来好好和您分享一下关于"透明"的实用小技巧哟:) 在网页设计中使用透明效果是件既美观又冒险的事儿.透明效果的使用是把色块,文本或图像"变薄"或者降低饱和度,使颜色变浅透明,这样下个图层的内容就能穿透显示出来.这种方法如果用好了,效果将会特别棒--能突出显示文本或者在图像的特定区域形成焦点.但设计者在运用透明效果时要特别小心,因为这么做可能会

网站设计分析:网页设计中透明效果的使用技巧

运用好透明效果是提高网页设计水准的重要方法之一.如同使用其他方法一样,设计师们有很多种手段将透明效果运用到网页中,今天这篇文章就来好好和您分享一下关于"透明"的实用小技巧哟:) 在网页设计中使用透明效果是件既美观又冒险的事儿.透明效果的使用是把色块,文本或图像"变薄"或者降低饱和度,使颜色变浅透明,这样下个图层的内容就能穿透显示出来.这种方法如果用好了,效果将会特别棒--能突出显示文本或者在图像的特定区域形成焦点.但设计者在运用透明效果时要特别小心,因为这么做可能会

网页设计中的图标的使用技巧与资源合集

  提到图标设计,似乎每个设计师都有话说,但是要做好图标设计真的那么容易么?今天这篇文章针对网页设计领域的图标设计进行了相对全面的梳理,从设计技巧到设计资源一应俱全,但愿能帮上你! 图标是每一个现代UI中不可或缺的组成部分,它们不仅能协助UI布局组织内容,而且轻量级的图标融入界面也不会喧宾夺主.不仅手机和平板的APP UI中会大量用到各种图标,而且iPod和智能手表的界面中也是如此,这正是因为图标具备快速直观传达信息的能力. 在网页设计刚刚兴起的时代,小图标就已经被早期的网页设计师和开发者投入使

如何在网页设计中使用颜色

  在网页设计中,对目前的网站配色(Landscape of color)认真琢磨一下还是非常有趣的.大多数网站或多或少相同,但是颜色的设计搭配却是一个非常给力的工具. 我并不想尝试去阐述一些具有革命性的东西或者是特别的发现.但如果大部分网站都采用同样的配色方案,那对颜色意味着什么呢?实际上,远超出你的想象.幻想一下整个世界的每一个网站都是非常漂亮和五彩缤纷的,但它同时也意味着千篇一律.这就像你文章中每一个段落的粗体. 因此,当配色方案比较柔和的时候,它允许有更多的机会. 关注你想要的任何东西

网页设计中图片格式的选择技巧

  网页设计中,切图输出是指设计师将手边绘制完成的原始图稿转换成网页用的图片格式.并交由下一位人员网页排版的重要步骤.选择适合的图片格式不但可以将让设计得到合理的显示效果.甚至还可以有效的控制图档的档案大小,节省下载时间.有效的减少服务器的负担. 以设计师最常用的 Photoshop 以及 Illustrator 为例,都提供了「储存为网页用-」的功能.与默认的存盘模式不同,在这个模式中,软件提供了仿真图文件输出的质量调整.档案大小控制等针对网页图文件需求的选项: 相信许多人都知道网页设计中最常

大图片背景网页设计中文字设计重要性

文章描述:浅析文字在国际范网页中的重要性. 网页设计中最重要的元素是什么?你不知道?思考一下:你是如何将信息传递给用户的?你是如何展示产品的?现在你明白了吧,答案很简单,用文字将信息传递给用户,用图像展示产品.两者结合之后,表达能力呈几何级上升. 图像胜过文字 大多数人认为图像比文字易于理解,这已经不是什么秘密了.通过观看的形式,图像更容易表达情绪,也更容易让用户铭记.用户很可能因为页面中一幅动人的图像而记住你的网站. 在网上,你可能看过很多信息图.信息图的绘制规则很简单--人们更喜欢读图.很多

网页文字颜色的搭配技巧

对于做网页的初学者可能更习惯于使用一些漂亮的图片作为自己网页的背景,但是,浏览一下大型的商业网站,你会发现他们更多运用的是白色.蓝色.黄色等,使得网页显得典雅,大方和温馨.更重要的是,这样可以大大加快浏览者打开网页的速度. 一般来说,网页的背景色应该柔和一些.素一些.淡一些,再配上深色的文字,使人看起来自然.舒畅.而为了追求醒目的视觉效果,可以为标题使用较深的颜色.下面是我做网页和浏览别人的网页时,对网页背景色和文字色彩搭配积累的经验,这些颜色可以做正文的底色,也可以做标题的底色,再搭配不同的字

高手传经 网页设计中的几个小技巧

技巧|设计|网页|网页设计 如上图是Relen的个人主页Relen.com,2004版的首页发布信息,尤其是过年前后,利用雪花来点缀页面是非常合适的.注意这里面的雪花的摆设位置是有些技巧的,你可以考虑用黄金分割来支配你的设计思路,以达到合理.舒适的效果. 先排列文字,运用两到三种不同的字体,绝大多数文字对齐左侧,而其中一行突出,形成错落有致的感觉.文字的大小需要调整,主要信息文字大写,字体突出.而其他根据信息主次和平面设计的要求等多种因素进行排列.个别地方使用斜体加强,或用加粗的形式明示. 字体