网页设计不规则颜色（网页色彩设计原则）

本文目录一览：

• 1、网页设计配色及字体规范
• 2、Axure设计网页如何设置页面颜色?页面颜色的设计教程?
• 3、网页颜色搭配技巧
• 4、网页设计中几种色彩分析及其之间的搭配
• 5、设计师珍藏的6个配色网站
• 6、网页设计的颜色代码

网页设计配色及字体规范

1、下面列出UI设计网页设计字体规范特点：微软雅黑/方正中黑：在网页设计中这款字体使用的非常频繁，这款字无论是放大还是缩小，形体都非常的规整舒服。在设计过程中建议多使用雅黑，大标题用加粗字体，正文用常规字体。

2、②用浏览器打开浏览效果。标签内嵌入字体标签设置颜色。①编辑index.html，在标签内输入以下代码；字体颜色的不同设置方法②浏览器浏览效果。标签内嵌入style样式设置颜色。

3、在网页设计中，字体的处理与颜色、版式、图形等其他设计元素的处理一样非常关键。从某种意义上来讲，所有的设计元素都可以理解为图形。 文字的图形化 字体具有两方面的作用：一是实现字意与语义的功能，二是美学效应。

4、灰色在网页设计中被称为“万能色”，它可以与任何颜色搭配。但要注意使用的量，避免网页显得灰暗。在配色时，尽量控制在三种颜色以内，避免页面显得杂乱无章。背景与内容的对比要明显，避免使用复杂的图案作为背景，以便更好地突出主要内容。

Axure设计网页如何设置页面颜色?页面颜色的设计教程?

1、打开Axure，点击工作区右侧的样式。然后点击背景颜色，在出现色板中点击自己喜欢的颜色即可。我们还可以在草图/页面效果一栏设置草图效果、调节灰度等。

2、具体如下： 首先，打开Axure rp软件，可以发现初始界面是一片空白，点击右侧的“STYLE”属性栏，如下图二箭头所指处： 找到“背景颜色”栏，点击下图一箭头所指处，在弹出窗口中选择一个自己喜欢的颜色。

3、在页面样式管理界面，找到颜色选项或者是图片选项，那么就可以设置页面的背景了。颜色的话，点击颜色，选择自己喜欢的颜色就可以。

4、通过取色器 点击吸管，可以吸取所打开文件的任意颜色。设置颜色参数 在取色器的后面，可以直接输入颜色参数，从而选择颜色。

网页颜色搭配技巧

1、在网页设计中，设计者可以为文字、文字链接、已访问链接和当前活动链接选用各种颜色。例如，如果你使用FrontPage编辑器，默认的设置是这样的：正常字体颜色为黑色，默认的链接颜色为蓝色，鼠标点击之后又变为紫红色。

2、搭配：绿色在黄色和蓝色之间，属于较中庸的颜色，是和平色，偏向自然美，宁静、生机勃勃、宽容，可与多种颜色搭配而达到和谐的效果，也是网页中最为广泛的颜色之一。

3、先选定一种色彩，然后选择它的对比色；用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，蓝。

4、网页文字一个网站如果使用了背景颜色，就要考虑背景颜色与前景文字搭配的问题。一般网站侧重的是文字部分，所以背景颜色可以选择纯度或者明度较低的色彩，文字用比较突出的亮色，让人看了一目了然。

5、在网页配色中，忌讳的是： 不要将所有颜色都用到，尽量控制在三种色彩以内。

6、选择相似的颜色 网页颜色搭配时，尽量控制在三种颜色以内。选择好主色后，再搭配相近的颜色，比如黄色配浅黄色，深粉色配浅粉色，这样很容易让网页颜色和谐统一。 页眉：可以用主色的反色，一般是深色，放在方便访客，第一时间能看到的位置。

网页设计中几种色彩分析及其之间的搭配

搭配：绿色在黄色和蓝色之间，属于较中庸的颜色，是和平色，偏向自然美，宁静、生机勃勃、宽容，可与多种颜色搭配而达到和谐的效果，也是网页中最为广泛的颜色之一。

同种色彩搭配：同种色彩搭配指的是，首先选择确定一种颜色，然后将其的透明度和饱和度调整，然后将颜色变淡或加深，从而产生一种新的色彩，这样最终呈现出来的的页面看起来色彩会更加统一，并且具有层次感。

红色的搭配主要是：（1）在红色中加入少量的黄，会使其热力强盛，趋于躁动和不安（2）在红色中加入少量的蓝，会使其热性减弱，更加文雅和柔和（3）在红中加入少量的白，会使其性格变的温柔，呈现含蓄、羞涩和娇嫩。

黑白是最基本和最简单的搭配，白色黑底，黑底白字都非常清晰明了。灰色是万能色，可以和任何彩色搭配，也可以帮助两种对立的色彩和谐过渡。如果你实在找不出合适的色彩，那么用灰色试试，效果觉得不会太差。

绿色 绿色的性格最为平和、安稳，同时也是一种柔顺、恬静、优美的色。网站色彩搭配一定要有自己的风格，这样用户在浏览的时候才会有舒适感。网站的色彩搭配并不是一次就能搭配好的，需要不断的尝试，调色，才能达到最佳效果。

它是比较保险的配色互补原则。多种颜色同时存在的时候不容易把握好，一定要调和统一。比如利用色彩错视现象，其中的重量错视在实用设计时用处很多。也就是明度高的浅亮色看起来较轻，明度低的深暗色则较重。

设计师珍藏的6个配色网站

1、LOL Colors 这是一个非常简洁，但非常好用的配色网站，设计师可们可以在这里找到很多色彩组合，把鼠标移动到不同颜色的水滴上会提示色彩代码（Hex Code）的颜色值。

2、Colourcode 网址：https：//colourco.de/ colourco.de是一款在线设计工具，可以让你非常直观的组合各种颜色。

3、设计师珍藏的6个配色网站 WebGradients 拥有180种渐变配色方案，都非常的美观。点击一下就色彩就可以大图预览，喜欢的话可以下载png图片，还有更多格式选择，比如PSD，sketchPNG以及可直接复制成一段CSS渐变代码很方便。

4、UIparade：灵感UI设计目录网是一个致力于设计师UI设计作品分享的网站，提供世界是最有才华的设计师们的优秀作品，帮助设计师们获得UI方面的设计灵感，提供丰富的设计参考案例，同时还提供收费版的在线设计工具。

网页设计的颜色代码

1、蓝色：#0000FF 黄色：#FFFF00 黑色：#000000 白色：#FFFFFF 除此之外，HTML还支持RGB和RGBA颜色表示方法。

2、在网页设计中，设计者可以为文字、文字链接、已访问链接和当前活动链接选用各种颜色。例如，如果你使用FrontPage编辑器，默认的设置是这样的：正常字体颜色为黑色，默认的链接颜色为蓝色，鼠标点击之后又变为紫红色。

3、英卡是英文单词HEX的缩写，全称是Hexadecimal。英卡是十六进制颜色编码中的一种，在网页设计和开发中广泛使用，可以代表1677万种不同的颜色。

4、根据托马斯·杨和赫尔姆豪兹的研究结果．这三种原色确定为红、绿、蓝（相当于颜料中的大红、中绿、群青（紫蓝）的色彩感觉）。

5、正宗的橙色RGB为（255，128，0），代码是#FF8000。而在网页设计的HTML颜色代码中，橙色用orange表示，RGB为（255，165，0），代码是#FFA500，是一种偏黄的橙色。