网页设计规范

三、颜色规范

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

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

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

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

标签：

相关文章： 网站排名起伏，稳定策略揭秘  打造高效SEO内链，优化网站结构  关键词优化，提升流量转化率秘籍！  瞬息  互联网营销与网站推广需要加入客户见证系统吗？  网站上线SEO优化：关注关键词、内容、技术三大要素  驾惟芯cj111602认定，双认证标准是什么？,新疆百度网站优化推广  怎么跟进有意向的客户  智能写作小助手，轻松高效！  hr问你期望薪资怎么说  温州网站权重优化，如何提升排名？,安顺seo排名  企业年金基金：企业员工福利保障金  微商控价系统能解决微商企业哪些现实问题  鼓励员工考取资格证书的通知  如何创建一个高颜值的网站  上海人社官网，核心政策有哪些？,新沂seo优化公司  ChatGPT：AI赋能，企业飞跃新篇章  员工转正个人总结  核心关键词+？企业核定税率如何确定？,外卖怎么推广营销  什么是拓客营销  免费流量攻略，工具赋能SEO高效涨粉！  海兰信申请船舶监控界面生成方法专利，简化了开发流程，提高了效率和准确性YG新女团又以7人组正式出道，网友笑称，如果还不行就再出道一次  扬帆网络，品牌领航  华为公司申请确定网络状态的专利，该专利技术能够使基于传输的数据包确定网络状态成为可能比刘晓庆还耐老的女星, 曾遭老外骗财色致破产, 今52岁风韵犹存！  文投控股下跌5.95%，报2.53元/股“宁可死在美国也不回去”的罗玉凤，如今在美国混成了啥样？  一键优化，免费下载Windows大师  超实用的神仙网站 篇二十九：Templatemo——免费高品质网页模板的资源平台女教师“幼态字体”走红，字迹凌乱拿不出手，引来师范生的不满  校园招聘对企业的意义  如何让闲鱼商品曝光率高？推广有何高招？  湖北理工学院：公办院校，品质保证  高效拓展客户，精准推广产品  提升网站排名，15招优化秘籍！  打造个人博客天地  桂林SEO公司推荐，优化排名从这里开始？,鹤壁搜索关键词排名哪家专业  SEO效果监测：关键词优化成效如何？,品类趋势网站推广  百度SEM领航变革，你跟得上吗？  网页打不开？快速排查解决法！  ict行业是什么意思  美国 IT 业今年已裁员 13.7 万人，软件行业薪资增长几近停滞  抖音关键词排行如何调整更有效？  融资租入是什么意思  “学历飞跃，未来可期”  南威软件申请实现小程序开发与上架的方法、系统、存储介质及设备专利，实现生产环境快速开发、调试小程序保姆小杨阿姨蹭大S流量，开启直播卖酸辣粉？看她的表情我牙酸了  怎么提升认知和思维  快速提升外网SEO，流量翻倍排名飙升  腾讯广告联盟的结算方式和流程是什么样的？  影视解说神器，一触即达精彩！  阳谷SEO新攻略：关键词优化，快速提升排名  SEO优化，提升网站排名，助力企业腾飞。  “快搜易搜，一网打尽”