背胶和不干胶 车贴:网页设计配色应用实例剖析——蓝色系

来源：百度文库 编辑：九乡新闻网 时间：2024/04/28 18:59:02

首页产品库评测行情新闻|手机数码笔记本台式机DIY硬件数字家庭数码相机办公外设|软件下载游戏开发|社区

更多

数码相机
MP4
LCD
机箱
音箱

登录  |  注册 -
    • 攒机升级宝典 手机选购指南
    • 笔记本选购宝典 手机图片
    • 手机电子书 电脑主题和美化
    • 数码摄影论坛 精美壁纸大全
软件资讯：设计 工具 系统 开发 安全 办公 陶吧 IT教育 Vista频道 | 下载中心：天极下载中心诚征下载通路合作伙伴 天极网 > 软件频道 > 设计在线 > 网页UI设计>网页设计配色应用实例剖析——蓝色系

网页设计配色应用实例剖析——蓝色系

2007-03-08 07:39作者：黎芳 原创出处：天极yesky设计在线责任编辑：Shiny

-

　　→ 蓝色浅蓝色网页例图：http://www.voeslauer.com/start.html

　　

　　蓝色系分析： (同类色：浅蓝色)
　　主色调HSB数值H显示200度，色轮度稍向绿色方位倾斜，但是由于从180度到270度基本上给人的视觉呈现还是蓝色范畴，因此与视觉上广义的蓝色差别不大。
　　该页面中间色较多，主要是在蓝色范畴内做明度的变化，所以色度差非常缓和，以致于页面的色彩呈现非常柔和，甚至稍有些发灰的感觉，好在该页面还有些较大色块的浅蓝色及白色，拉大了页面的色阶，使得这种灰的感觉减弱不少。
　　点睛色的HSB数值是258，色轮趋势是向暖色紫色(相对冷暖色)倾向，变化微妙，是本页面最温暖的颜色。蓝紫色在色相环中位于蓝色和紫色之间，所以它也蕴含着紫色的一些神秘感，加上浅蓝色的雅致，所以亮度较高的蓝紫色显得非常高雅。在网页中，蓝紫色通常与蓝色一起搭配使用。

　　结论：
　　浅蓝色给人一种很宁静安静的心理感受。浅蓝色系有淡雅、清新、浪漫、高级的特质，常用于化妆品、女性、服装网站。它是最具凉爽，清新特征的色彩。和白色混合时，能体现柔顺，淡雅，浪漫的气氛。
　　主色调选择明亮的蓝色，配以白色的背景和灰亮的辅助色，可以使站点干净而整洁，给人庄重、充实的印象。
　　该页面基本上属于同类色系，也是最保守稳妥且调和的配色方案。但该种配色看久了容易呈现出平淡乏味的感受。

　　 热卖推荐： 手机　诺基亚　MP5　电脑包　双卡双待　手机链　U盘　笔记本电脑

关注此文的读者还看过：

    返回网页UI设计首页

    • 1.高纯度对比：蓝色+玫瑰色
    • 2.同类色浅蓝色
    • 3.深蓝色
    • 4.蓝色纯度对比
    • 5.蓝色邻近配色：蓝色+绿色
    • 6.蓝色系强对比：蓝色+红色
    • 7.蓝色同类色对比：蓝色+暖色
    挑错 收藏到天极收藏夹 关闭 .c_commentname {margin-bottom:1px;font-size:14px;font-weight:bold;color:#FFF;}.c_commentname a {color:#FFF;}.c_commentname span {color:#FF6600;}.c_commentlist td {background:#FFF;font-size:12px;padding:0 4px;line-height:21px;font-family:"Arial"}.c_commentlist b {color:#F00;}.c_commentlist span {color:#008000;}.c_commentbox {border:#C2D9F2 1px solid;padding:6px;background:#FFF;margin-top:6px;font-size:12px;}#content {cursor:text;padding:2px 1px;width:98%;height:75px;vertical-align:top;font-size:14px;border:1px solid #A3B9CD;background:url(http://image.yesky.com/TLimages/images/yesky_alpha_logo.gif) no-repeat center center #fff;font-size:13px;white-space:pre;margin-top:6px;}.nickName {width:112px;height:20px;border:1px solid #A3B9CD;line-height:20px;font-size:12px;}.submit {border:1px solid #A3B9CD;height:20px;padding:1px 2px;margin:0 0 0 10px;font-size:12px;background:#C8D8FB;color:#000;}.noteBoxStyle {line-height:30px;background:#C1D3FB;border:1px solid #999;text-align:center;font-size:16px;color:#000;filter:Alpha(opacity=100);-moz-opacity:1;opacity:1;}   网页设计配色应用实例剖析——蓝色系的评论共有 56 条 56楼 天极网友 佛山人才网www.72hr.cn 是佛山最大好的人才招聘网站 2010-08-16 23:39 55楼 天极网友 第五页那个线条太性感啦！！ 2010-04-05 17:20 54楼 天极网友 okok 2009-05-08 10:22 53楼 天极网友 [s09] 2007-07-02 09:01 52楼 天极网友 多放常用色 2007-07-02 08:58 51楼 天极网友 配色讲的啰嗦，最好是简明扼要，多放点实例，其他可以。 2007-07-02 08:57 50楼 无泪的天使 多一点可爱的图画啊,韩国图画不可爱啦! 2007-05-26 09:49 49楼 天极网友 多一点动画啊！ 2007-05-17 16:00 48楼 天极网友 又很久很久没有更新了。 2007-04-19 11:03
    内容： 昵称： 查看所有网友评论 验证码：    
    恭喜，信息提交成功！

    • [活动公告]天极Win7论坛建言 抢楼得大奖
    • Windows7 7600 16385 OEM目前最完美激活方法
    • [4P]微软MIX10大会Translator主题的壁纸一套
    • 让你的桌面动起来—<至尊出品>win7首款超酷桌面资讯软件—网络魔方
    • 一组带Windows7标识的壁纸
    • [活动]电脑，就这么简单！
    • 更改Windows7驱动器图标的两款小软件
    • 大家WIN7开机几秒？？？？
    • 大家发表windows7的用后感
    • win 7 的小习惯 你有几个？

    软件频道最新更新

    • 印刷行业十大评选：提升危机中的竞争力
    • 专业分析师坐镇呱呱 情景视频教你实练
    • 耐思尼克建站宝盒全新升级 可实现网上购物
    • 可牛：微软6月修复34处漏洞 解压文档更安全
    • 欧特克传媒娱乐行业解决方案2011版登陆上海
    • 韭菜变油菜 益盟操盘手为亏损散户讨回公道
    • 中科同向推出IP SAN备份软件
    • 可牛：“18hhh”色情站借专用播放器传毒
    • 微软称Office 2011 for Mac仅有32位版本
    • 系统边框回归 傲游2.5.14 Beta发布
    • 南凌科技获“中国软件业务收入前百家企业”
    • 卡巴斯基：Wi-Fi网络安全的意识有待加强

    热点推荐

    • Photoshop简单制作水果上的条形码
    • 酷我音乐盒首创“会动的皮肤”独家大揭秘
    • 软件也搬家 QQ电脑管家打造一站式软件管理
    • 彩虹浏览器 白领上网好帮手
    -

    IT嘉年华

    • ·[有奖活动]看图找茬，练眼力，赢积分 IE8浏览器
    • ·[有奖活动]群乐家园个性形象大赛 QQ空间代码 windows7
    • ·PowerPoint 魔兽争霸DOTA论坛 地下城与勇士论坛 txt电子书
    • ·[下载]瑞星2009下载 炫我手机最新贴
    • ·[有奖活动]成语接龙游戏 龙蛇演义

    编辑推荐

    • ·“护城河”上的“智慧眼”
    • ·印刷行业十大评选：提升危机中的竞争力
    • ·专业分析师坐镇呱呱 情景视频教你实练
    • ·耐思尼克建站宝盒全新升级 可实现网上购物
    • ·可牛：微软6月修复34处漏洞 解压文档更安全

    软件下载

    热门 推荐
    • 1 清理Windows更新产生的垃圾 20490次/周
    • 2 表单设计器 4079次/周
    • 3 百络网警 6.6A家庭免费版 1496次/周
    • 4 五笔加加2.38 759次/周
    • 5 WeFi 3.5.1.1 477次/周
    • 6 《中国计算机年鉴2002（上）》 271次/周
    • 7 Xilisoft iPod Video Converter 5.1.21.0227 84次/周
    • 8 iSkysoft DVD Ripper 66次/周
    • 9 32bit Modem Tester 09.03.01 45次/周
    • 10 Air Messenger Pro 8.3.0 38次/周

      网友关注

      软件 资料 游戏
      • 1 大蜘蛛杀毒软件3年免费 0次/周
      • 2 WeFi 3.5.1.1 477次/周
      • 3 32bit Modem Tester 09.03.01 45次/周
      • 4 StartupStar 2.5e 32次/周
      • 5 Air Messenger Pro 8.3.0 38次/周
      • 6 iSkysoft DVD Ripper 66次/周
      • 7 Xilisoft iPod Video Converter 5.1.21.0227 84次/周
      • 8 五笔加加2.38 759次/周
      • 9 3herosoft DVD to PS3 Suite 3.0.4 Build 0217 21次/周
      • 10 清理Windows更新产生的垃圾 20490次/周
      • 1 《2007 Vista精品应用黄皮书》 44855次/周
      • 2 大学搞笑小品《查询》 2639次/周
      • 3 《火鸟》分集剧情介绍（16-20集） 286次/周
      • 4 《寻秦记》剧情分集介绍(16-20) 253次/周
      • 5 《魔兽世界》游戏功略第二十八辑 230次/周
      • 6 《魔兽世界》游戏功略第十五辑 280次/周
      • 7 [调侃短信]搞笑系列第九辑 786次/周
      • 8 《风云争霸》剧情介绍（01-19集） 196次/周
      • 9 2005年成考数学（理）试题及答案（高起点） 530次/周
      • 10 周公解梦全集 1927次/周
      • 1 3D鸭嘴兽拯救世界 19次/周
      • 2 《百变金刚》最新客户端下载 762次/周
      • 3 《劲舞团》Season6.1“欢天喜地”新版 1408次/周
      • 4 《Arcade Live - 街机游戏网络对战平台》 16678次/周
      • 5 《诛仙2》燃情公测完整客户端 1470次/周
      • 6 《热舞派对》百度版开放内测客户端 371次/周
      • 7 《口袋西游》更新补丁（218-227） 1221次/周
      • 8 《完美世界国际版：天怒神罚》通用补丁（113-201） 583次/周
      • 9 《完美世界国际版：天怒神罚》最新补丁（198-201） 466次/周
      • 10 《天子》决战天下版情人节补丁 203次/周

      装机推荐

      • 聊天    腾讯QQ  MSN安全版  Skype语音聊天 
      •             移动飞信Fetion
      •  
      • 下载    迅雷5  网际快车FlashGet  屁屁狗PPgou 
      •             eMule verycd(电驴)
      •  
      • 影音    暴风影音  RealPlayer  千千静听  酷狗KuGoo
      •  
      • 系统    卡巴斯基  WinRAR Windows优化大师 
      •              Vista优化大师
      •  
      • 中文    搜狗拼音输入法 谷歌拼音输入法 万能五笔输
      •             入法 紫光华宇拼音输入法
      •  
      • 网络    傲游[Maxthon]浏览器  Firefox(火狐浏览器) 
      •              Foxmail  POCO 2007
      •  
      • 系统    Adobe Photoshop  光影魔术手  有道电子词典 
      •              酷我音乐盒

      文章排行

      本周 本月 最新更新 12345678910
    • 可牛：“18hhh”色情站借专用播放器传毒
    • 悠易互通举办“轻营销”创新趋势沙龙
    • 软件硬件同步换装！九类电脑常用软件推荐
    • 一键上传到人人网 美图秀秀2.3.0火热出炉
    • 十大电视台均用本国域名
    • 软件也搬家 QQ电脑管家打造一站式软件管理
    • Avira：谨防 Twitter 僵尸网络工具包
    • 腾讯终于发布S60 V5版手机QQ
    • 金山：世界杯赛程表藏木马 热心球迷险中招
    • 中科同向推出IP SAN备份软件
      • 12345678910
    • Office2010套件产品亮点简介及点评[多图]
    • 创造温暖“南天” 慧聪网推动暖气南下大计
    • Photoshop解决人像照片的面部偏暗问题
    • 大型虚拟化网络电视台建设解决方案
    • 蒋建国对盛大文学电子书解决方案予以肯定
    • Photoshop调色教程：制作一只非主流的猫咪
    • APE携手FLAC！酷狗音乐跃进音乐高清时代
    • 神码锐行服务夺两大奖 用户满意度再创新高
    • AMD谈Office 2010 GPU硬件加速
    • 过山车行情已见底 布局黄金股只需1分钟
      • 12345678910
    • “护城河”上的“智慧眼”
    • 印刷行业十大评选：提升危机中的竞争力
    • 专业分析师坐镇呱呱 情景视频教你实练
    • 耐思尼克建站宝盒全新升级 可实现网上购物
    • 可牛：微软6月修复34处漏洞 解压文档更安全
    • 欧特克传媒娱乐行业解决方案2011版登陆上海
    • 韭菜变油菜 益盟操盘手为亏损散户讨回公道
    • 中科同向推出IP SAN备份软件
    • 可牛：“18hhh”色情站借专用播放器传毒
    • 微软称Office 2011 for Mac仅有32位版本
      • .channel_content{width:950px;color:#595959;margin:0 auto;text-align:center;padding:0;font-size:12px;font-family:"宋体";line-height:22px;margin-top:17px; margin-bottom:15px!important;} .channel_content a {margin:0 5px 0 11px;} .channel_content a:link,.channel_content a:visited {text-decoration:none;color:#595959;} .channel_content a:hover,.channel_content a:active {text-decoration:underline;color:#595959;} 天极服务|关于我们|About us|网站律师|RSS订阅|友情合作|加入我们|天极动态|网站地图|意见反馈|MSN/QQ上看天极
      Copyright (C) 1999-2011 Yesky.com, All Rights Reserved 版权所有 天极网络   .mboxDefault { visibility:hidden; }
      网页设计配色应用实例剖析——蓝色系 网页设计配色应用实例剖析——蓝色系 网页设计配色应用实例剖析——绿色系 网页设计配色应用实例剖析——灰色系 网页设计配色应用实例剖析——红色系 网页设计配色应用实例剖析——红色系_第6页_天极网 网页设计配色应用实例剖析——紫色系 配色应用初学者必读（3）——蓝色调 - 设计理论 - 名师讲座 - 腾龙视觉 色系-配色方案--设计必备 博客网页配色表＋流行色系 蓝色系的卧室设计 应用色彩学/色系表/配色宝典/ 数据库设计三大范式应用实例剖析 常用配色基本概念及相关实例剖析 引用 简洁、明晰！数据库设计三大范式应用实例剖析 配色应用初学者必读（2）——黄色调 - 设计理论 - 名师讲座 - 腾龙视觉 配色应用初学者必读（5）——紫色调 - 设计理论 - 名师讲座 - 腾龙视觉 关于网页标题设计的原则,配色 颜色表大全 颜色代码 设计配色表 网页配色表 1111常用配色基本概念及精彩相关实例剖析 常用配色基本概念及精彩相关实例剖析 简洁、明晰！数据库设计三大范式应用实例剖析 , 范式,字段,异常,回复,数据库表,仓库,数... Dreamweaver网页设计与制作实例精选 数码暗房之应用通道系列——7、《利用替换通道恢复损坏的照片》 - 软件应用 - 网页设计 ...