给你点颜色 上次虫虫和大家一起学习了如何把
作者:admin 发布时间:2023-10-22 11:50:00 分类:科学 浏览:58
上次虫虫和大家一起学习了如何把握网站设计的整体流程,不过说教的东西太多,今天就来点实际的――让我给你点“颜色”看看。正在看这篇日志的你,现在随便打开一个网页,在还没看清具体内容时,给你第一印象的是不是这个网页的整体色调?俗话说“人靠衣装马靠鞍”,所以给网页设计一个适当的配色方案,就能给访问的人留下一个好印象。所谓“配色方案”,简单说就是如何设置背景、前景、图片、文字、链接等网页元素的颜色,并让它们协调起来。再扩大一点,还要考虑到整个网站的不同页面的色彩如何搭配,才能让网站既有统一的风格又能有不同的变化。
设计出好的配色方案,那可不是一朝一夕之功,现在让我从基础的色彩理论开始学起,那这个网站什么时候才能建起来?看来我只有实施“拿来主义”,借鉴一下其他成功网站的配色方案了。
第1步 首先根据自己网站的特点寻找“猎物”。比如虫虫我决定制作的是个与网页设计相关的网站,那么像Adobe、Corel等设计界知名的企业的网站自然而然进入我的视野。如图1所示,就是Corel公司中国网的主页。
第2步 知其然还要知其所以然,对要借鉴的网页进行理论分析,才能最大限度吸取它的精华。我们可以把网页中的颜色分成三大类来进行分析。
主体颜色:页面中所占面积最大的颜色,这个网页中显然是白色。
突出颜色:页面中使用得最少的颜色,这就使得它在整个网页别醒目,这个网页中应该是绿色。绿色的蟾蜍图像及绿色的“X3”字样,突出显示了Corel近期要宣传的产品。
辅助颜色:为了让页面色彩丰富,还会使用其他一些辅助的颜色进行搭配,这个网页中,灰色、蓝色、黑色都可以看着是辅助色。
小提示:从名画中提取配色方案
每一幅世界名画,它的色彩搭配都会有独到之处,我们同样也能从这些名画中提取出网页配色方案。这里以凡?高的油画《向日葵》(Vase with Fifteen Sunflowers)为例做一个尝试:在Photoshop中打开凡?高向日葵油画的电子版;执行“滤镜像素化马赛克”命令,把马赛克的值设置为50;现在从马赛克效果的图片中很容易就能提取出主体、突出、辅助这三类颜色了(见图2)。
第3步 上次说到,网页设计最好先画出框架草图。现在我们在这个草图的基础上,还可以标出配色方案了。如图3所示,根据上一步中得到的配色方案,分别给不同的版块标出色彩值。接下来在Photoshop中按示意图设计出网页的框架就可以了,如图4所示,就是虫虫今天的成果啦,呵呵。
当然了,上面只是权宜之计,真正的网页设计师,我想还是应该要好好学习色彩理论。看来这半个月虫虫又有得学了,大家如果有关于色彩理论方面的好书或网站,别忘了推荐一下哦,好东东要大家共享啊。
小知识:什么是Web安全色?
你设计的网页在自己的电脑上看起来非常不错,但是在别人的电脑上打开时却可能出现颜色失真的情况。这是因为不同的显示器(类型、品牌,甚至仅型号不同)、不同的操作系统(如Windows、Mac等)或者不同的浏览器软件(如IE、Firefox、Opera等),对同一颜色值可能显示不一致造成的。于是人们通过无数次反复分析论证,终于找出了216种所谓的Web安全色(210彩色加6种非彩色),理论上来说,它们在各种不同的环境中显示效果基本一致。所以在用上述方法获得配色方案后,可以采用“就近”原则使用Web安全色替换原配色方案中的颜色。
- 上一篇:微信好友检测 登录微信进入微信界面点击通讯录
- 下一篇:返回列表
相关推荐
- 卡特古道尔 1、《外国100位杰出女性》收
- 摩卡特 1、摩卡特始建于1927年,至
- 大丫鬟结局 《大丫鬟》这部电视剧主要讲述了
- 欠款200可能还3万 在我们日常生活中,很多人手中都
- 是爱吗 爱,博大精深太多所谓的是爱,爱
- 大地的裂变美食家 1、开天辟地之大地的裂变》专利
- 张磊夺冠歌曲 10月7日晚《好声音》第四季在
- 景甜家世 景甜在娱乐圈发展这么多年,如今
- 汐奴 1、《倾世皇妃》是2008年中
- 武风弄月 1、《武风弄月》是夜·水寒所写
- 广州康辉国旅 但是至在玩得开心嘛我自已出游一
- 持仓量 股票持仓量指投资者持有的
- 怪物猎人2g女王蜂 1、怪物猎人,原名モンスターハ
- 最美遇见你顾西爵 1、《最美遇见你》是一部由高以
- 孤岛兵变 1、她以勇敢和智慧,帮助丈夫神
- 天地风云录之魔戮血战32 1、《天地风云录之魔戮血战》是
- 张养浩传 1、【原文】:张养浩,字希孟,
- 巫妖王之怒声望 1、乌特加德之巅是网络游戏《魔
- 潘恩和泰勒 这主要是琴形的区别,不可小视,
- 张宇十一郎 1、十一郎,原名萧慧文,词作者
- 焦炭期货网 1手保证金17000元,1手保
- 潘雨辰老公 导语:50岁的侯勇老少配迎娶小
- penguin 1、penguin的读音:英[
- 现在股市行情怎么样 摘要:今年的股市行情怎么样?我
- 咎人 1、日本动漫《死神》剧场版4《
- 班杰明个人资料 潘杰明是黑白混种人,其母亲为黑
- 欧洲建筑风格 欧洲三大建筑风格:拜占庭式,哥
- 死神猎手 1、死神猎手是逆战推出的一把觉
- 昂达声卡驱动 显卡上也有个声卡驱动,在设备管
- 李真星 李真星的拼音怎么读李真星的拼音
- 最新推荐
-
- 给你点颜色 上次虫虫和大家一起学习了如何把
- 桑贝德吉 佛音歌词
- 冰雪奇缘美容装扮 想知道迪丽热巴作动漫装扮冰雪奇
- qq界面管理 工具原料QQ账号,电脑一台。
- 问道群魔乱舞 问道活动群魔乱舞
- 章程格式 公司章程格式
- 日怒徽记 在魔兽世界这款游戏中,日怒徽记
- 云存储技术 摘要:本文通过对国内外云存储产
- 环卫年终总结 20xx年,我署的各项工作紧紧
- 微信好友检测 登录微信进入微信界面点击通讯录
- 一飞 战歌歌词
- 高龄妈妈 高龄妈妈需要注意什么
- 距 【距】字的意思解释,拼音,组词
- 教室别恋剧情 贵阳算不得大,但也绝对不算小。
- 卓玛歌词托娅卓玛LRC歌词
- 不如跳舞歌词琳不如跳舞LRC歌词
- 金泽 哭过才知道爱过歌词
- 第五人格许愿码 第五人格许愿码怎么获得?有了许
- 攀岩绳 当自己靠着攀登绳承受体重、当你
- 你听的到歌词
- 鹤汀凫渚,穷岛屿之萦回;桂殿兰宫,即冈峦之体势(作者 出处)
- 谢容儿 我不做你娘娘歌词
- 煊 岑春煊
- 巨石 【巨石】的意思,拼音,读音
- departure单词的意思,例句
- 蔡卓妍资料 蔡卓妍个人资料蔡卓妍(Char
- 滑石粉的作用 作用1、利尿止泻
- 平面 【平面】的意思,拼音,读音
- 不要连分手都骗我歌词
- 魔方世界攻略 魔方世界攻略,在魔方世界是一款
- 谢安琪 姿色份子歌词
- 泰安高考 一、2022年泰安高考状元多少
- 国际法 摘要国际关系理论为国际法的研究
- 丘壑 【丘壑】的意思,拼音,读音
- 雍和 【雍和】的意思,拼音,读音等)
- 爱情哲理句子 1、只有爱情没有婚姻会像泡沫一
- 刘昌国 两年前,女儿与继父一起“失踪”
- fs幻化 法师幻化什么好看1、幻化好看,
- 进入初中的感受 时间飞一样的流逝,如今已经不是
- 王斌 人在他乡歌词
- 始得西山宴游记翻译 始得西山宴游记原文及翻译
- 2023年 2023年是双春年,公元202
- 韩雪 下一个转角歌词
- 蔡枫华 倩影歌词
- 步步惊心吧 听!校园里“战鼓咚咚,号角嘹亮
- 地球有多重 地球的质量约为5.965×10
- Are So Beautiful To Me 姚煜 You Are So Beautiful To Me歌词
- 顶礼膜拜的意思,拼音
- 自相矛盾造句 2、这次反弹在自相矛盾之中瘫痪
- 柴油比重 柴油的密度和流动性会随着温度的
- 关于刘翔 刘翔,1983年7月13日出生
- 高二语文教学总结 高二语文教学工作总结_第1篇
- 我敬佩的一个人作文400 我敬佩的人是我的妈妈,她是一名
- 公用电话亭 公用电话亭曾经风靡一时,几乎在
- blundering单词的意思,例句
- 辞职信英文 英文辞职信范例2则
- 竹篱笆呀牵牛花 歌名:农家的小女孩竹篱笆呀牵牛
- 手机确定你的位置 阅读答案 手机确定你的位置
- vmlite 上次为网友们介绍了Window
- 魔兽rpg地图排行 魔兽rpg地图排行榜,一般来说