网页设计规范

三、颜色规范

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

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

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

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

标签：

相关文章： 2021年最流行的网站开发技术  股票诊断免费，如何精准把握投资时机？,软件推广营销海报文案  AI写作神器，免登录畅写无忧  网站导航优化技巧精讲  唐山SEO公司：如何制定成功的SEO优化策略？有哪些关键步骤？,未央全网营销推广  网络推广选哪家，品质卓越看哪家！  民宿运营经理岗位工作内容  SEO代码优化神器，一键提升排名  如何利用AI高效生成文章内容？  高明SEO优化，如何快速提升网站流量？,高效seo规则兼职  腾讯云建站新升级，极速建站专家  快鲸SCRM：CDP平台，价值倍增策略  “一键创作，灵感无限”  网络推广神器，哪家更胜一筹？  天猫设计外包公司靠谱吗？收费模式如何？  7家茅台冰淇淋门店暂停营业？茅台：线下门店正常营业中 线上小程序服务异常因新系统切换孙莉被黄磊追到手的时候才17岁，看了旧照后，才知道黄磊有多幸福  SEO优化推广，关键词策略精准布局  不建站也不投资，你还不知道有台保约家用直流快充桩就能赚钱这回事？冯远征跟大8岁妻子结婚后选择丁克，现如今怎么样了？  高效写作，思维新突破  杭州东站站外换乘，地铁线路如何规划？,高安市网站排名优化  响应式航空医疗塑胶制品网站模板  口碑传播：一传十，十传百，品牌口碑赢天下  淘宝V卡能否直接提现呢？  搜狗搜索加强版：老版本升级新体验  惠州SEO排名如何操作？费用如何收取？  网络营销急救中华老字号  厂区直招什么意思  招工手续是什么意思  打造专业企业门户，展示品牌魅力  刘妈是如何在快手爆红的？  连州网站SEO关键词优化，如何快速提升排名？,谷歌seo推广营销公司  向hr提问问些什么  山西SEO公司价格如何？月费多少？  网页加载，慢如蜗牛？  SEO优化，自然排名加速器  绍兴SEO高效提升  个人业绩是什么意思  晋人社热线：0351-xxxxxxx  携手商家，双倍收益，如何实现？,惠州seo优化图片  东莞SEO优化专家，全网流量提升！  智搜·快如闪电，一搜即达  如何快速掌握速卖通技巧？  商城SEO优化，如何嵌入核心关键词获得搜索引擎信任？,深圳整站seo  品牌飞跃引擎，全网营销专家  将交换友链，你真的懂吗？,矩阵营销推广商家有什么疑问  淘宝QQ群如何高效推广活动？技巧有哪些？  南宁双城记，双倍精彩，你准备好了吗？,搜外seo课程网盘  流量翻倍，SEO优化神器  猎流网店神器，一触即达热销！  “高效SEO套餐，快速提升排名”