网页文字搭配技巧

《网页文字搭配技巧》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、返回　打印网页颜色搭配技巧文字字体、字号、字体排版等_基础教程_脚本之家一般来说，网页的背景色应该柔和一些、素一些、淡一些，再配上深色的文字，使人看起来自然、舒畅对于做网页的初学者可能更习惯于使用一些漂亮的图片作为自己网页的背景，但是，浏览一下大型的商业网站，你会发现他们更多运用的是白色、蓝色、黄色等，使得网页显得典雅，大方和温馨。更重要的是，这样可以大大加快浏览者打开网页的速度。一般来说，网页的背景色应该柔和一些、素一些、淡一些，再配上深色的文字，使人看起来自然、舒畅。而为了追求醒目的视觉效果，可以为标题使用较深的颜色。下面是我做网页和浏览别

2、人的网页时，对网页背景色和文字色彩搭配积累的经验，这些颜色可以做正文的底色，也可以做标题的底色，再搭配不同的字体，一定会有不错的效果，希望对大家在制作网页时有用。BgcolorΚ″#F1FAFA″———做正文的背景色好，淡雅BgcolorΚ″#E8FFE8″———做标题的背景色较好BgcolorΚ″#E8E8FF″———做正文的背景色较好，文字颜色配黑色BgcolorΚ″#8080C0″———上配黄色白色文字较好BgcolorΚ″#E8D098″———上配浅蓝色或蓝色文字较好BgcolorΚ″#EFEFDA″———上配浅蓝色或红色文字较好Bgc

3、olorΚ″#F2F1D7″———配黑色文字素雅，如果是红色则显得醒目BgcolorΚ″#336699″———配白色文字好看些BgcolorΚ″#6699CC″———配白色文字好看些，可以做标题BgcolorΚ″#66CCCC″———配白色文字好看些，可以做标题BgcolorΚ″#B45B3E″———配白色文字好看些，可以做标题BgcolorΚ″#479AC7″———配白色文字好看些，可以做标题BgcolorΚ″#00B271″———配白色文字好看些，可以做标题BgcolorΚ″#FBFBEA″———配黑色文字比较好看，一般作为正文Bgcolo

4、rΚ″#D5F3F4″———配黑色文字比较好看，一般作为正文BgcolorΚ″#D7FFF0″———配黑色文字比较好看，一般作为正文BgcolorΚ″#F0DAD2″———配黑色文字比较好看，一般作为正文BgcolorΚ″#DDF3FF″———配黑色文字比较好看，一般作为正文浅绿色底配黑色文字，或白色底配蓝色文字都很醒目，但前者突出背景，后者突出文字。红色底配白色文字，比较深的底色配黄色文字显得非常有效果。此文只是起一个“抛砖引玉”的作用，大家可以发挥想象力，搭配出更有新意、更醒目的颜色，使网页更具有吸引力如今，互联网越来越走近我们的生活，网上

5、冲浪也渐渐成为我们生活不可缺少的一部分。网络世界五彩缤纷，涌现出大量优秀精美的网页。大量网络信息的呈现，无非就是通过文本、图像、Flash动画等，其中，文本是网页中最为重要的设计元素。对于网页设计初学者而言，了解和掌握网页设计中的文字排版设计就显得尤为重要，下面笔者想谈谈一己之见。文字的格式化字号、字体、行距字号大小可以用不同的方式来计算，例如磅#quotel.quoter#或像素(Pixel)。因为以像素技术为基础单位打印时需要转换为磅，所以，建议采用磅为单位。最适合于网页正文显示的字体大小为12磅左右，现在很多的综合性站点，由于在一个页面中

6、需要安排的内容较多，通常采用9磅的字号。较大的字体可用于标题或其他需要强调的地方，小一些的字体可以用于页脚和辅助信息。需要注意的是，小字号容易产生整体感和精致感，但可读性较差。网页设计者可以用字体来更充分地体现设计中要表达的情感。字体选择是一种感性、直观的行为。但是，无论选择什么字体，都要依据网页的总体设想和浏览者的需要。例如：粗体字强壮有力，有男性特点，适合机械、建筑业等内容；细体字高雅细致，有女性特点，更适合服装、化妆品、食品等行业的内容。在同一页面中，字体种类少，版面雅致，有稳定感；字体种类多，则版面活跃，丰富多彩。关键是如何根据页面内容

7、来掌握这个比例关系。从加强平台无关性的角度来考虑，正文内容最好采用缺省字体。因为浏览器是用本地机器上的字库显示页面内容的。作为网页设计者必须考虑到大多数浏览者的机器里只装有三种字体类型及一些相应的特定字体。而你指定的字体在浏览者的机器里并不一定能够找到，这给网页设计带来很大的局限。解决问题的办法是：在确有必要使用特殊字体的地方，可以将文字制成图像，然后插入页面中。行距的变化也会对文本的可读性产生很大影响。一般情况下，接近字体尺寸的行距设置比较适合正文。行距的常规比例为10:12，即用字10点，则行距12点。这主要是出于以下考虑：适当的行距会形成

8、一条明显的水平空白带，以引导浏览者的目光，而行距过宽会使一行文字失去较好的延续性。除了对于可读性的影响，行距本身也是具有很强表现力的设计语言，为了加强