设计上如何搭配颜色才是最好的。

问题描述:

设计上如何搭配颜色才是最好的。

分析:

网页配色技巧

制作网页的新手，可能更习惯用一些漂亮的图片作为自己网页的背景。但是，如果你浏览大型商业网站，你会发现他们使用更多的白色，蓝色和黄色，使网页看起来优雅，大方，温暖。更重要的是，它可以大大加快打开网页的速度。

一般来说，网页的背景颜色应该更柔和，更素淡，用深色的文字让人看起来自然舒适。为了追求醒目的视觉效果，标题可以使用较深的颜色。以下是我在制作网页和浏览别人网页时，对网页背景色和文字色的搭配经验。这些颜色可以作为文字的背景色或者标题的背景色，然后搭配不同的字体，会有很好的效果。希望在制作网页的时候对大家有用。

bgcolorκ〃# f 1 fafaࣳ-文字背景色好，优雅。

bgcolorκ〃# E8 FFE 8〃-标题的背景色比较好。

bgcolorκ÷e 8 E8 ff÷-文字背景色较好，文字颜色搭配黑色。

bgcolorκ〃# 8080 c0ࣳ——上面最好有黄白色的字。

BGCOLORκ÷e8d 098÷-上面最好是浅蓝色或者蓝色的文字。

bgcolorκ〃# EFE FDA〃-上面最好有浅蓝色或红色的文字。

BGCOLORκ〃# f2f 1d 7〃-用黑色字很优雅，红色的话很抢眼。

bgcolorκ÷336699÷-配白色文字更好看。

bgcolorκ〃# 6699 cc〃-配白色文字更好看，可以作为标题。

bgcolorκ〃# 66 CCCC〃-配白色文字更好看，可以作为标题。

BGCOLORκ〃# B45B 3E〃-配白色文字更好看，可以作为标题。

bgcolorκ〃# 479 AC 7〃-配白色文字更好看，可以做标题。

bgcolorκ÷# 00b 271÷-配白色文字更好看，可以做标题。

Bgcolor κ 〃 # fbbea圓-搭配黑色文字更好看，一般都是作为文字使用。

BGCOLORκ〃# d5f3f 4〃-搭配黑色文字更好看，一般都是用黑色作为文字。

BGCOLORκ〃# d7fff 0〃-搭配黑色文字更好看，一般都是作为文字使用。

BGCOLOR κ 〃 # F0DAD2圓——搭配黑色文字更好看，一般都是作为文字使用。

Bgcolor κ 〃 # ddf3ff圓-搭配黑色文字更好看，一般都是作为文字使用。

浅绿色背景配黑色文字，或者白色背景配蓝色文字都非常醒目，但前者突出背景，后者突出文字。红色背景配白色字符，深色背景配黄色字符非常有效。

这篇文章只是起到一个“抛砖引玉”的作用。每个人都可以发挥自己的想象力，搭配更新颖、更抢眼的颜色，让网页更有吸引力。

==================

如今，互联网离我们的生活越来越近，上网已经逐渐成为我们生活中不可或缺的一部分。网络世界多姿多彩，涌现出大量优秀精美的网页。大量的网络信息是通过文本、图像、图片等形式呈现的。其中，文本是网页中最重要的设计元素。对于网页设计初学者来说，了解和掌握网页设计中的文字排版设计尤为重要。下面笔者想谈谈自己的看法。

文本的格式

字体大小、字体、行距

字体大小可以用不同的方法计算，如points #quotel.quoter#或Pixel。因为基于像素技术的单位在打印时需要转换成点，所以建议以点为单位。

最适合显示网页文本的字体大小约为12磅。现在很多综合性的网站，因为一个页面要安排的内容比较多，一般都用9点的字号。标题或其他需要强调的地方可以用较大的字体，页脚和辅助信息可以用较小的字体。需要注意的是，小字体容易产生整体感和精致感，但可读性较差。

网页设计师可以利用字体来充分体现设计中要表达的情感。字体选择是一种感性直观的行为。但是，无论你选择什么字体，都应该基于网页的整体构思和访问者的需求。比如，粗体字刚强阳刚，适合机械、建筑等内容；精细的字迹优雅细致，有女人味，比较适合服装、化妆品、食品等行业。在同一个页面中，字体种类少，布局优雅，有稳定感；字体种类繁多，所以版面活跃，色彩丰富。关键是如何根据页面内容来掌握这种比例关系。

从加强平台独立性的角度来看，文本内容最好使用默认字体。因为浏览器使用本地计算机上的字体来显示页面内容。作为一个网页设计师，必须考虑到大多数浏览器只有三种字体类型和一些对应的特定字体安装在他们的机器上。你指定的字体可能在浏览器的机器里找不到，给网页设计带来很大的限制。解决办法是:在确实需要使用特殊字体的地方，可以把文字做成图像，然后插入页面。

行距的变化也会对文字的可读性产生很大的影响。一般来说，接近字体大小的行距设置更适合文本。常规的行距比例是10:12，也就是用10点的字，行距是12点。这主要是出于以下考虑:适当的行距会形成明显的横向空白来引导观看者的视线，而过宽的行距会使一行文字失去良好的连续性。

除了对可读性的影响，行距本身也是一种很有表现力的设计语言。为了增强版面的装饰效果，行距可以有意识地加宽或缩小，体现独特的审美趣味。比如加宽行距可以体现轻松舒展的情绪，应用在娱乐性和抒情性的内容上是合适的。此外，通过精心安排，宽窄行距并存，可以增强版面的空间层次和灵活性，独具匠心。

行距可以用行高属性设置，建议使用磅或默认行高的百分比。例如:{line-height: 20pt}，{line-height: 150%}。

单词的整体排列

页面的正文部分是由许多单个单词排列而成的一个组，要充分发挥这个组形在页面整体布局中的作用。从艺术的角度来说，字体本身可以看作是一种艺术形式，对人的性格和情感有很大的影响。在网页设计中，字体的处理和其他设计元素如颜色、布局和图形的处理一样重要。从某种意义上说，所有的设计元素都可以理解为图形。

1.图形文本

字体有两个作用:一是实现词义和语义的作用，二是审美效果。所谓文字的图形化，就是强调其审美效果，将象征性的文字作为图形元素来表达，同时强化原有的功能。作为网页设计师，你可以用常规的方式设置字体，也可以艺术地设计字体。无论如何，一切都要围绕如何更好的实现你的设计目标。

用更有创意的方式图形化、形象化地表达深层的设计思想，可以克服网页的单调、沉闷，从而打动人心。

2.词语的重叠

文字与图像之间或文字与文字之间重叠后，可以产生空间感、跳跃感、透明感、噪音感和叙事感，从而成为页面中一个活跃的、引人注目的元素。虽然重叠技术会影响文本的可读性，但它可以创建页面的独特视觉效果。这种不追求可读性却刻意追求“噪音”的表现手法，体现了一种艺术思潮。因此，它不仅广泛应用于传统的版面设计，也广泛应用于网页设计。

3.标题和正文

在排列标题和正文时，可以先将正文排列成两栏、三栏或四栏，然后再放标题。将文字分栏的目的是为了找到页面的空间和灵活性，避免栏目的死板和标题插入方式的单一。标题虽然是整段或整篇文章的标题，但并不总是放在段落的开头。可以居中排列，也可以横向、纵向或横向排列，甚至可以直接插入字组，以新颖的布局打破旧规则。

4.文本排列的四种基本形式

页面的正文部分是由许多单个单词排列而成的一个组，要充分发挥这个组形在页面整体布局中的作用。

两端均匀:文字长度从左端到右端均匀，字组形成方脸，正确、严谨、美观。

居中排列:在字间距相等的情况下，以页面中心为轴排列，这种排列方式使字更突出，产生对称的形式美。

左对齐或右对齐:左对齐或右对齐使一行的开头或结尾自然形成清晰的竖线，便于与图形配合。这种排列有松有紧，有虚有实，有跳有雅，产生了节奏和韵律的形式美。左对齐符合人的阅读习惯，显得自然；右对齐很少用，因为不符合阅读习惯，但是很新颖。

围绕图形排列:围绕图形边缘排列文本。如果把底图插入文字中，会让人感觉和谐自然。

单词的强调

1.在行首强调

将正文的第一个字或字母放大修饰，嵌入段落的开头，在传统媒体版面设计中称为“落”。这种技术的发明可以追溯到中世纪欧洲的手稿抄写员。因为它具有吸引眼球、装饰和主动布局的功能，所以被应用于网页的文字排列。它的下降幅度应该跨越完整字线的上下幅度。至于放大多少，要看网页环境。

2.引用的重点

在网页的编排中，我们经常会遇到抽象的词，也就是语录。引文概括了一段、一章或整篇文章的大意，因此在编排时应给予特殊的版面位置和空间以强调。引文可以有多种排列方式，如嵌在文字的左右两侧、上方、下方或中央，可以与文字在字体或字号上有所不同。

3.强调单个单词

如果个别字符是页面的重点，我们可以有意识地通过加粗、加边框、加下划线、添加指示符号、倾斜字体等方式来加强字符的视觉效果，使其在整个页面中突出、醒目。此外，改变一些单词的颜色也可以使这些单词得到强调。这些方法实际上使用了对比定律。

文本颜色

在网页设计中，设计师可以为文本、文本链接、访问过的链接和当前活动的链接选择各种颜色。例如，如果使用FrontPage编辑器，默认设置如下:正常字体颜色为黑色，默认链接颜色为蓝色，鼠标单击后变为紫色。使用不同颜色的文字可以让你想要强调的部分更加醒目，但是需要注意的是，只能使用少量的文字颜色。如果你想强调一切，其实你什么都不强调。此外，在一个页面上使用过多的颜色会影响页面的内容，除非你有特殊的设计目的。

色彩的运用不仅可以强调整个文案的特殊部分，还会对整个文案的情感表达产生影响。这就涉及到色彩的情感象征意义，限于篇幅，这里就不深入讨论了。

另外，还要注意文字颜色的对比，包括明度对比、纯度对比和冷暖对比。这些不仅影响文字的可读性，更重要的是你可以通过色彩的运用来实现想要的设计效果、设计情感、设计思想。(来源:网络编辑:邻居)