网页设计规范

三、颜色规范

1、颜色特性

网站设计要好好利用每一种颜色的特性，它们都有其独特的性格，不同的色彩会营造不同的气氛，不同行业也是有自己行业的色彩，比如金融行业网站，喜欢用颜色热烈的红色或者金黄色，环保行业网站大多喜欢绿色。网站设计不但要基于颜色的性格，还需要和行业的惯用色彩、企业的标准色等相关联。所以下面我们就来介绍颜色的性格：（图片借用网上资源，如有侵权请联系删除，谢谢！）

(1)红色象征爱情，自信、激情和愤怒，充满活力和温暖的色彩，在网站设计中应用好，会给人带来兴奋的感觉；

(2)橙色，是使人感觉温暖、响亮的色彩，给人感觉活泼、华丽、辉煌、炽热、温暖；

(3)黄色，能传递出幸福，阳光，喜悦和温暖的情绪；

(4)绿色，则常常能给人自然、清新、富有生命力的感觉；

(5)蓝色，是目前很受欢迎的颜色之一，企业网站设计常常会使用蓝色来传递自信和让人信赖的感觉；

(6)紫色，和皇室、财富关联密切，这也是代表神秘和茉莉的色彩；

(7)黑色，虽然和死亡、悲剧有关，但是也能营造沉稳大气的高级感；

(8)白色，代表纯洁无暇，传达出高雅，纯粹和清晰的感觉。

2、网页中颜色规范

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

( 2 ）网页最常用流行色

蓝色 ― 蓝天白云，沉静整洁的颜色

绿色 ― 绿白相间，雅致而有生气

橙色 ― 活泼热烈，标准商业色调

暗红一一宁静、严肃、高贵，需要配黑和灰来压制刺激的红色。

( 3 ）颜色的几种固定搭配

蓝白橙 ― 蓝为主调。白底，蓝标题栏，橙色或 icon 做点缀。

绿白兰 ― 绿为主调。白底，绿标题栏．蓝色或橙色按钮或 ic on 做点缀。

橙白红 ― 橙为主调。白底，橙标题栏，暗红或桔红色按钮或 icon 做点缀。

暗红黑 ― 暗红主调．黑或灰底，暗红标题栏，文字内容背景为浅灰色．

尽管三原色的相互搭配创造出了无数颜色，可不是所有的颜色都适用于网页美工设计，不同的颜色在搭配上也有着视觉效果

( 4 ）颜色的忌讳

忌脏 ― 背景与文字内容对比不强烈，灰暗的背景令人沮丧！

忌纯 ― 艳丽的纯色对人的刺激太强烈抗议．缺乏内涵。

忌跳 ― 再好看的颜色，也不能脱离整体。脱离群众是自取其辱！

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

忌粉 ― 颜色浅固然显得干净，但如果对比过弱，整得苍白无力了，就象病夫一样无可救药．

蓝色忌纯．绿色忌黄，红色忌艳．

一般情况下好色不过 3 特殊时可以打破

常用的网页设计配色：同色系、邻近色、类似色、中差色、对比色；

四、图片规范

图片是网页设计中不可缺少的元素，它与文字和色彩并称为网页三大语言。

在网页设计中，选择适合的图片格式不但可以让设计得到合理的显示效果、甚至还可以有效的控制图档的档案大小，节省下载时间、有效的减少服务器的负担。

那么在网页设计中，用哪种格式的图片会好一些？其实，对于这个问题，并没有很标准的答案。因为在网站设计中，常用的图片格式有三种：JPEG、GIF、PNG。然而它们三者之间的用途是不尽相同的。

1、三种格式的图片的区别如下：

JPEG图片不像GIF图片那样只能有256种颜色，它可以包含数百万种颜色，而且有极高的压缩率。这使得JPEG图片比较适合用来保存相片。JPEG是一种有损压缩的格式,JPEG不支持透明度。

GIF是一种调色板型，含有多达256种的颜色。每一个象素点都有一个对应的颜色值。是一种无损压缩的格式。

PNG是一种无损压缩的格式，而且它有很多种类。1.PNG8 2.真彩色PNG

在网站建设中到底应该用JPEG格式还是GIF格式？

方便记忆的简易准则：

1．如果图片是扫描的图画或照片时就用JPEG格式。

2．在你的电脑上制作的水平形式的条例、按钮以及动画图片，这些图片应该用GIF格式。

最后，我们总结一下：

1.JPEG格式比较适合用来存储照片

2.GIF格式可以用来做动画

3.PNG8可以用来做小图标（icons），按钮，背景等。

2.图片其他规范

1、抓人眼球的首图

横跨屏幕的轮播首图是时下流行的网页设计手法，设计师通过覆盖视野式的图片来营造身临其境的体验，这非常符合人类视觉优先的信息获取方式，所以，漂亮的首图是抓住用户注意力的重要手段。优质的首图能够让用户明白，他们可以从这个网站获取一些什么。

首图最好只用高清图片。没有什么比低保真甚至失真的图片给人的体验更差了，如果你想使用首图，那么图片质量意味着一切。如果你想使用文字覆盖图片的方式来制作首图，那么请务必确保图片中的视觉主体能被用户轻松识别、理解，同时和文字内容有足够的对比度

2、图片其他规范

在展示多张图片的时候，我们要保持图片的统一性、色调的统一性、尺寸的统一性（最好数值都为偶数）

想要学习更多设计可以来AAA教育进行了解。

相关推荐：

怎样用交互提升用户体验？

如何规范高效做出banner

设计师的文本简历如何制作？

新手来看，不会排版的小技巧

网页设计规范（尺寸、字体篇）

标签：

相关文章： 举办淘宝店铺抽奖活动，如何高效吸粉增参与？  昆山网站建设专家  PbootCMS百度收录速成法：优化技巧一网打尽  精准定位，分类导航，网站定位新标准  上饶SEO推广公司收费情况如何？  AI写作助手，智能创作新潮流  轻松优化，关键词一键添加，提升网站排名  软件开发入门指南  高效抓取网站数据，五大平台轻松入门！  抖音充值怎么做？  用户体验要素的五个层次  网创先锋品牌  cpa广告是什么？cpa广告的应用与利弊分析  “新账户上线，精准推广，高效转化”  抖音SEO优化，哪家代运营公司更专业？  巧用关键词，网站流量翻倍，排名飙升！  海兰信申请船舶监控界面生成方法专利，简化了开发流程，提高了效率和准确性YG新女团又以7人组正式出道，网友笑称，如果还不行就再出道一次  外贸网站建设，如何打造国际化品牌形象？,大朗网站建设开发  上海小红书SEO，首选专业团队！  亚马逊SEO：揭秘店铺排名提升秘诀  如何着眼2022年做一份出彩的市场运营规划？  利润表和资产负债表有什么关系  小红书如何快速搜索标签？  “智能SEO优化，快速提升网站排名”  潍坊短视频SEO优化攻略，打造爆款短视频，如何提升品牌影响力？,营销推广平台运营专员  一键V1.0卡密，短视频剪辑神器，省时高效！  如何用抖音号搜寻特定人？  职场上push是什么意思  高效办公，WPS技巧揭秘？,人事网站建设工作内容  顺德SEO优化专家  乐云SEO，实力铸就高效优化！  滴滴配送SEO优化：关键词精准，流量翻倍  自动加人微信，揭秘爆粉神器？,惠州网站建设优点和缺点  什么是快抖刷屏?云裂变为您解析快抖短视频新玩法  微信分销系统满足很多人的需求  网金联盟  深圳关键词排名，如何快速提升？,青岛seo招聘智联  肇源SEO新攻略：关键词优化，内容为王，快速提升排名！  唐山人才速聘，岗位任你挑！  长春新地标  如何让工厂抖音SEO更有效？  文投控股下跌5.16%，报2.02元/股被“万茜”惊艳了！在国外穿白衬衫 喇叭裤，怕走光要用手捂住  从零跃升至一：百度权重突破之旅  SEO网络推广，高效价格透明！  百度推广，销售无忧速成！  如何打造智能工作生活的全能助手？  快速提升网站排名，流量转化双丰收！  SEO3空间构型新解：多维优化，高效布局  互鼎科技：品牌力量，科技未来  智能写作革新，效率提升利器