青色背景图片
- 格式:doc
- 大小:31.00 KB
- 文档页数:7
老年食堂宣传册标题:老年食堂,为您的健康保驾护航!封面设计:- 主要配色以青绿色为主,代表健康和活力。
- 图片选择一位笑容满满的老年人正在享用美味的食物。
- 在图片上方,突出显示“老年食堂”字样,下方以简洁明朗的字体写上“为您的健康保驾护航”。
封面背景补充:- 在封面的背景上,可以添加一些营养健康的食物,如蔬菜、水果、全谷类食品等。
- 考虑添加一些活力的元素,如小图标或插画,以增强宣传册的吸引力。
宣传册内容建议:1. 关于老年食堂- 简要介绍老年食堂的背景和目标,提到食堂的服务宗旨和经营理念,例如“我们致力于为老年人提供营养均衡的餐食,增强身体健康和幸福感”。
2. 营养餐食- 列举老年食堂提供的营养餐食种类,包括正餐、点心和飲品。
- 强调食物的种类多样性和均衡营养,例如海鲜、蔬菜、豆类等,并指出这些食物的营养价值和益处。
3. 餐食特点- 强调老年食堂注重食材来源和食品安全,使用新鲜食材和绿色有机食品,确保食客的健康和安全。
- 提到老年食堂的食物制作过程,如健康的烹饪方法和低盐、低油的烹调方式。
4. 专业厨师团队- 高亮老年食堂的专业厨师团队,介绍他们的背景和专业能力。
- 强调厨师团队的关注老年人的餐食需求,例如口味调整、食物质地和餐食习惯等。
5. 其他服务- 提到老年食堂除了餐食外,还提供其他服务,如社交活动、健康咨询、康复体操等,以满足老年人的多元需求。
6. 联系方式和经营时间- 在宣传册的尾页上,附上老年食堂的联系方式,包括地址、电话号码和网站。
- 显示老年食堂的经营时间,方便老年群体选择合适的用餐时段。
在整个宣传册中,使用清晰明了的语言,结合图片、图表和引人入胜的文字,以吸引和激发老年人对老年食堂的兴趣和信任。
颜⾊表⼤全及配⾊⽅案颜⾊表⼤全温馨提⽰:快速查找颜⾊请按Ctrl+F 鸨⾊#f7acbc ⾚⽩橡#deab8a油⾊#817936绀桔梗#444693踯躅⾊#ef5b9c肌⾊#fedcbd伽罗⾊#7f7522花⾊#2b4490桜⾊#feeeed橙⾊#f47920青丹#80752c瑠璃⾊#2a5caa蔷薇⾊#f05b72灰茶#905a3d莺⾊#87843b琉璃绀#224b8韩红#f15b6c茶⾊#8f4b2e利久⾊珊瑚⾊#f8aba6 桦茶⾊#87481f媚茶#454926青蓝#102b6红梅⾊#f69c9f枯茶#5f3c23蓝海松茶#2e3a1f杜若⾊#426ab3桃⾊#f58f98焦茶#6b473c青钝#4d4f36胜⾊#46485薄柿#ca8687 柑⼦⾊#faa755抹茶⾊#b7ba6b群青⾊#4e72b8薄红梅#f391a9杏⾊#fab27b黄緑#b2d235铁绀苔⾊#5c7a29蓝铁#1a2933红⾊#d71345褐⾊#843900若草⾊#bed742青褐#121a2a⾚丹#d64f44 路考茶#905d1d若緑#7fb80e褐返#0c212b红⾚#d93a49饴⾊#8a5d19萌黄#a3cf62藤纳戸#6a6da9臙脂⾊#b3424a 丁⼦⾊#8c531b苗⾊#769149桔梗⾊#585eaa真赭#c76968 丁⼦茶#826858绀蓝#494e8今様⾊#bb505d黄栌#64492b柳⾊#78a355藤⾊#afb4db梅染#987165 ⼟器⾊#ae6642若草⾊#abc88b藤紫#9b95c9退红⾊黄枯茶松叶⾊青紫#ac6767 #56452d #74905d #6950a1苏芳#973c3f狐⾊#96582a⽩緑#cde6c7菫⾊#6f60aa茜⾊#b22c46黄橡#705628薄緑#1d953f鸠⽻⾊#867892红#a7324a 银煤⽵#77ac98薄⾊#918597银朱#aa363d涅⾊#412f1f青緑#007d65薄⿏#6f6d85⾚#ed1941 胡桃⾊#845538浅緑#84bf96鸠⽻⿏#594c6d朱⾊#f26522⾹⾊#8e7437緑#45b97c菖蒲⾊#694d9洗朱#d2553d 国防⾊#69541b草⾊#225a1f江戸紫#6f599c红桦⾊#b4534b练⾊#d5c59f紫#8552a1红绯#ef4136⾁⾊#cd9a5b常盘⾊#007947灭紫#543044桦⾊#c63c26⼈⾊#cd9a5b緑青⾊#40835e葡萄⿏#63434铅丹⾊#f3715c⼟⾊#b36d41千歳緑#2b6447古代紫#7d5886赭#a7573b ⼩麦⾊#df9464深緑#005831暗红#401c44绯⾊#aa2116 琥珀⾊#b76f40萌葱⾊丹#b64533 ⽊兰⾊#ad8b3d青⽩橡#375830茄⼦绀#45224⼟#b54334 栀⼦⾊#dea32c⾰⾊#274d3d紫绀#411445焦⾹#853f04朽叶#d1923f麹尘#375830浓⾊#4b2f3d真红#840228 萱草⾊#c88400仙斎茶#27342b⼆蓝#402e4c绯#7a1723黄⾦#c37e00若⽵⾊红海⽼茶⾦⾊青磁⾊牡丹⾊#a03939 #c37e00 #73b9a2 #ea66a6浅苏芳#8a2e3b⾦茶#e0861a青⽵⾊#72baa7⾚紫#f173ac鸢⾊#8e453f卵⾊#ffce7b铁⾊#005344⽩#fffffb⼩⾖⾊#8f4b4a ⼭吹⾊#fcaf17锖⿏#122e29胡粉⾊#fffef9弁柄⾊#892f1b 黄⼟⾊#ba8448铁御纳戸#293047⽣成⾊#f6f5ec栗梅#6b2c25 朽叶⾊#896a45青緑#00ae9d海⽼茶#733a31 空五倍⼦⾊#76624c锖浅葱#508a88⽯⽵⾊#d1c7b7深绯#54211d莺茶#6d5826⽔浅葱#70a19f象⽛⾊#f2eada⾚铜⾊#78331e 向⽇葵⾊#ffc20e新桥⾊#50b7c1乳⽩⾊#d3d7d4⾚褐⾊#53261f 郁⾦⾊#fdb933浅葱⾊#00a6ac薄钝#999d9⾦⾚#f15a22砂⾊#d3c6a6⽩群#78cdd1银⿏#a1a3a6⾚茶#b4533c 芥⼦⾊#008792茶⿏#9d9087⾚锖⾊#84331f淡黄#dec674瓮覗#94d6da⿏⾊#8a8c8e黄丹#f47a55 亜⿇⾊#b69968⽔⾊#afdfe4薄墨⾊#74787⾚橙#f15a22枯⾊#c1a173蓝⿏#5e7c85利休⿏#7c8577柿⾊#f3704b 鸟⼦⾊#dbce8f秘⾊#76becc铅⾊#72777b⾁桂⾊#da765b黄⾊#ffd400空⾊#77787b桦⾊#c85d44 蒲公英⾊#ffd400青#009ad6钝⾊#4f5555炼⽡⾊#ae5039中黄#ffe600蓝⾊#145b7d煤⽵⾊#6c4c49锖⾊刈安⾊浓蓝黒茶#6a3427 #f0dc70 #11264f #563624桧⽪⾊#8f4b38 黄檗⾊#fcf16e勿忘草⾊#7bbfea黒橡#3e4145栗⾊#8e3e1f 緑黄⾊#decb00露草⾊#33a3dc浓⿏#3c3645黄⾚#f36c21鶸⾊#cbc547缥⾊#228fbd墨#464547代赭#b4532a 海松⾊#6e6b41浅缥#2468a2黒#130c0e骆驼⾊#b7704f鶸茶#596032薄缥#2570a1黒铁#281f1d黄茶#de773f ⼭鸠⾊#525f42薄花⾊#2585a6蝋⾊#2f271d洗柿#c99979 ⽣壁⾊#5f5d46绀青#1b315e紫黒#1d1626平⾯设计颜⾊搭配表最佳颜⾊搭配⼀、⾊彩处理⾊彩是⼈的视觉最敏感的东西。
平面设计色彩搭配1.暖色调。
即红色、橙色、黄色、赭色等色彩的搭配。
这种色调的运用,可使主页呈现温馨、和煦、热情的氛围。
2.冷色调。
即青色、绿色、紫色等色彩的搭配。
这种色调的运用,可使主页呈现宁静、清凉、高雅的氛围。
3.对比色调。
即把色性完全相反的色彩搭配在同一个空间里。
例如:红与绿、黄与紫、橙与蓝等。
这种色彩的搭配,可以产生强烈的视觉效果,给人亮丽、鲜艳、喜庆的感觉。
当然,对比色调如果用得不好,会适得其反,产生俗气、刺眼的不良效果。
这就要把握“大调和,小对比”这一个重要原则,即总体的色调应该是统一和谐的,局部的地方可以有一些小的强烈对比。
颜色有分三原色,三原色又能调和出许多种颜色,这些颜色又分“冷色”和“暖色”。
例如;红色(暖色)搭配蓝色(冷色),就会给人一种对比非常鲜明,清楚的感觉。
这种搭配方法用于突出平面设计图的重要部分比较恰当。
又如;黄色(冷色)搭配绿色(冷色),两种同样色调的颜色搭配在一起,给人的感觉比较柔和,因为谈色差不多,给人一种结构严谨,又略带点神秘的感觉。
1 最佳颜色搭配一、色彩处理色彩是人的视觉最敏感的东西。
主页的色彩处理得好,可以锦上添花,达到事半功倍的效果。
色彩总的应用原则应该是“总体协调,局部对比”,也就是:主页的整体色彩效果应该是和谐的,只有局部的、小范围的地方可以有一些强烈色彩的对比。
在色彩的运用上,可以根据主页内容的需要,分别采用不同的主色调。
因为色彩具有象征性,例如:嫩绿色、翠绿色、金黄色、灰褐色就可以分别象征着春、夏、秋、冬。
其次还有职业的标志色,例如:军警的橄榄绿,医疗卫生的白色等。
色彩还具有明显的心理感觉,例如冷、暖的感觉,进、退的效果等。
另外,色彩还有民族性,各个民族由于环境、文化、传统等因素的影响,对于色彩的喜好也存在着较大的差异。
充分运用色彩的这些特性,可以使我们的主页具有深刻的艺术内涵,从而提升主页的文化品位。
下面介绍几种常用的配色方案:1.暖色调。
网页设计配色应用实例剖析——绿色系绿色在黄色和蓝色(冷暖)之间,属于较中庸的颜色,这样使得绿色的性格最为平和、安稳、大度、宽容。
是一种柔顺、恬静、满足、优美、受欢迎之色。
也是网页中使用最为广泛的颜色之一。
绿色与人类息息相关,是永恒的欣欣向荣是的自然之色,代表了生命与希望,也充满了青春活力,绿色象征着和平与安全、发展与生机、舒适与安宁、松弛与休息,有缓解眼部疲劳的作用。
它本身具有一定的与自然、健康相关的感觉,所以也经常用于与自然、健康相关的站点。
绿色还经常用于一些公司的公关站点或教育站点。
绿色能使我们的心情变得格外明朗。
黄绿色代表清新、平静、安逸、和平、柔和、春天、青春、升级的心理感受。
下面我们根据绿色系不同属性邻近色、同类色的高纯度低纯度、对比色等色彩搭配做不同的举例分析。
→ 绿色网页例图:绿色系分析:从上图的主色调、辅色调HSB模式的数值可看出,这两中颜色只是在明度上有区别,其显示的色相与饱和度是一样的。
正绿色是120度,这两种颜色从RGB数值上看,都不同程度的混合了其他少许颜色,因此离正绿色稍有些偏差。
由于绿色本身的特性,所以整个网页看起来很安稳舒适。
辅助色只在明度上降低,让页面多了些层次感、空间感。
白色块面使得绿色的特性发挥到最好的状态并增强了视觉节奏感。
点睛色恰到好处的体现出了"点睛"这一妙笔,极尽诱惑力,整个页面顿时生动提神起来,增强了页面主题的表达力。
结论:主、辅色调是属于同类色绿色系,通过不同明度的变化,能较递增缓和变化同时却也较明显的体现出页面的色彩层次感来。
如果不是通过数值来分析判断,可能会有些朋友凭经验判断,容易误认为这两种颜色除了明度外有可能纯度会有所不同,这时候适当的使用数值模式会很容易得到正确的结论的。
整个页面配色很少:最大色块的翠绿,第二面积的白色,第三面积的深绿色,但得到的效果却是强烈的、显眼的,达到充分展现产品主题的目的。
深绿色给人茂盛、健康、成熟、稳重、生命、开阔的心理感受。
中国传统颜色知识“杂五色,东方谓之青,南方谓之赤,西方谓之白,北方谓之黑,天谓之玄,地谓之黄”——《周礼·考工记》作为一个文化历史源远流长的国家,中国传统色彩观有着悠久的历史,其中影响最深远的就是五色观。
中国传统的“五色观”,结合“阴阳五行说”,从自然中生发。
周礼中记载“画缋之事,杂五色。
”何谓“五色”?即青、赤、黄、白、黑。
中国传统的“五色观”,并非独立静观的存在,而是一个全息式的整体思维系统,对应天地、阴阳、方位、季节、声音,牵系五脏、五味、五气,关乎内心的声色与动静。
这一期COLORO将以中国传统色彩这个庞大的观念与视觉体系出发,为你详解其独特的经验智慧和文化结构。
五色观之青色青色是一个重要的中国传统颜色,属于中华五正色之一,在中国的色彩史上具有极其重要的意义。
青色,乃东方之色。
在中国传统色谱中,青是一种游离于蓝绿之间的色彩,在传统文化中凡与“青”有关联的大多都象征着正派、吉祥与和谐。
古人偏爱青色,大概因为它源于自然的颜色,给人一种安静淡泊、空灵清秀的心理感受。
且在中国传统文化中,与“青”有关的大都象征着美好吉祥的寓意,如“青衣”、“青龙”“青瓷”等。
因为青色体现很强的存在感,可以用来表现精神性,给人一种坚强的特性,也象征着坚强、希望、古朴和庄重,传统的器物和服饰常常采用青色,展现出大气儒雅的东方之美!五色观之赤色生命蓬发,谓之五色之荣,故赤为盛阳之色赤色被认为是人类最早被命名的色彩。
从远古时期开始,赤色就已经渗透在中国文化的起源脉络之中了,其渊源可以追溯到由原始人的自然崇拜演化而来的尚红意识。
赤色在政治文化中是权贵的色彩。
代表权威,体现着庄严肃穆。
在民间文化中是喜庆、吉祥、生命、欢乐、正义、胜利的象征,更是被认为是中国人民的文化图腾和精神皈依。
尚红习俗的产生和趋热,体现了中国色彩象征漫长的转换历史、深厚的文化内容和丰富的心理意蕴。
五色中黄最为尊贵,谓之五色。
在中国古代黄色有其独特的象征内涵:黄色是“地之色”、“土之色”、“中央之色”、“中和之色”、以及“坤为黄”,“黄者,君之服也”等等。
色彩调整在设计中的重要性不言而喻,好色彩调整会帮助你在色彩的世界里做到游刃有余。
这里介绍五种当今影楼比较流行的色调。
首先我们先理解几个最简单的问题,什么是色彩?我们给它一个简单的定义:所有肉眼能看到的颜色都是色彩。
那么我们就是要把这些肉眼看到的色彩变得更有视觉冲击力、更有平面层次,依靠情感去表达出颜色。
那么我们需要调整的色彩又在photoshop中哪里?这个问题应该也应该简单,photoshop中的颜色都是从通道里面表现出来的,也就是说调整色彩层次就是改变照片的通道层次对比。
有了这些理论根据我们接下来的工作就比较有头绪了。
一、蓝青混合色这种风格再影楼里面是非常实用的,它的制作手法简单方便、而且出来的色彩也是非常的透亮,看片子给人很清爽的感觉,对于绿色的外景照片最为适合这种手法,照片出来的颜色给我们带来的后续调整空间也很大。
先看原图效果图1.打开要处理图像,复制背景一层生成背景副本2.点击图像-模式-LAB颜色,将图片转换成LAB模式图片3.给图像应用柔光,使图像色彩更加明艳,点击图像-应用图像,将混合改为柔光,其它设置默认,如图4.打开通道面板,选择a通道,将其复制并粘贴至b通道,做法如图5.选择LAB通道,用曲线适当调整明度通道的亮度对比,然后转换回RGB 模式到这里我们的主要步骤就完成了,刚才我们说过它还有很大的后续调整空间,那么我们继续往下去做,还能做出来很多非常另类的效果,在这里我拿一种举例,同时也告诉大家色彩手法不能死用,要灵活变通,相信大家会喜欢上这些色调的。
6.即上面的步骤,我们继续用色相饱和度工具给红色降饱和度,如图7. 我们继续操作,用曲线工具再适当给图片添加黄色,如图二、反转色这个颜色出来的效果反差比较大,色彩也比较重,适合于照片层次比较小的片子,大场景的片子尽量不要选用它,用这个手法去制作老照片效果也是个不错的选择。
这个手法主要涉及到了一个应用图像工具,那么我们调颜色用到的应用图像,它应用的是哪里的什么样的图像呢?跟色彩又有什么关系呢?带着这个问题,我们再重新认识这个工具,首先我们先来了解这个色彩的制作手法。
原图最终效果1、打开原片,并复制图层。
2、将图层模式更改为滤色,不透明度为59%。
3、合并图层,用索套选取工具分别在人物脸上和腿上较暗的地方做选区。
并适当羽化,羽化值为150像素,用曲线将选区内图片适当提亮,效果如图所示:4、用索套选取工具在较暗的草地上做选区,羽化值为150像素,用曲线将选区。
内图片适当提亮,效果如图所示:5、进入通道--红色通道,执行快捷键Ctrl+a全选,然后再按快捷键Ctrl+c复制。
6、新建图层,执行快捷键Ctrl+v粘贴,图层模式为滤色,不透明度为78%。
7、在图层1上执行滤镜/艺术效果/胶片颗粒,参数如图所示:颗粒:0,高光区域:7 ,强度:1。
8、在背景层上执行色相/饱和度:编辑--黄色,色相-38 ,饱和度+15 ,明度+55,注意要点去图层1前面的眼睛才能看到效果。
9、在图层1上加蒙版,用画笔工具在蒙版上适当的将图层1下面的人物面部轮廓擦出来,注意:画笔的不透明度为21%,硬度为0%,前景色为黑色,背景色为白色。
10、合并图层,执行可选颜色:颜色--青色,参数如图:青色+69,洋红0 ,黄色-100,黑色+100。
11、继续执行可选颜色:颜色--青色,参数如图:青色+100,洋红0 ,黄色-55 ,黑色+58。
12、复制图层,在背景副本上执行滤镜/模糊/动感模糊:角度0,距离798像素。
13、背景副本图层模式为柔光,用索套工具将人物轮廓选出来并羽化,羽化值为:200像素,按删除键Delete将选区内图片删除。
14、在背景副本层上执行色阶,将图片适当压暗,参数如图所示:15、合并图层,执行色相/饱和度:编辑--青色,参数如图:色相-4 ,饱和度+46 ,明度-59。
最后用加深减淡工具在图片上做适当调整即可。
最终效果:原图最终效果1最终效果21、打开原图素材,双击背景图层解锁,复制两层,先把复制的这两层的眼睛关闭隐藏图层。
回到背景图层执行:图像 > 调整 > 色及,选择自动色阶。
青色背景图片
篇一:主色以绿色为主的素材图片
素材图片主色以绿色为主,不过绿色部分有点沉,不能突出人物甜美感。
调色的时候可以考虑把绿色转为稍淡的青绿色,局部再增加一些暖色,这样画面就会更清新,人物也会更甜美。
原图
篇二:PS把美女照片背景调成唯美青蓝色
PS把美女照片背景调成唯美青蓝色
来源:网络作者:网络时间:2016-1-21 20:41:41点击: 144 素材图片不够唯美,处理的时候先把主色转为青蓝色;然后给暗部增加蓝色,高光区域增加淡青色;再把整体调淡,边角区域增加暗部;最后微调人物颜色,整体柔化处理即可。
最终效果
原图
一、打开原图素材大图,创建可选颜色调整图层,对黄、绿、白进行调整,参数设置如图1 - 3,效果如图4。
这一步把图片中的黄绿色转为绿色,高光区域增加淡青色。
二、按Ctrl + J 把当前可选颜色调整图层复制一层,不透明度改为:50%,效果如下图。
三、按Ctrl + Alt + 2 调出高光选区,然后创建曲线调整图层对RGB、红、绿、蓝通道进行调整,参数设置如图6 - 9,效果如图10。
这一步主要给图片高光区域增加淡蓝色。
篇三:颜色搭配和布局
绿色在黄色和蓝色(冷暖)之间,属于较中庸的颜色,这样使得绿色的性格最为平和、安稳、大度、宽容。
是一种柔顺、恬静、满足、优美、受欢迎之色。
也是网页中使用最为广泛的颜色之一。
绿色与人类息息相关,是永恒的欣欣向荣是的自然之色,代表了生命与希望,也充满了青春
绿色在黄色和蓝色(冷暖)之间,属于较中庸的颜色,这样使得绿色的性格最为平和、安稳、大度、宽容。
是一种柔顺、恬静、满足、优美、受欢迎之色。
也是网页中使用最为广泛的颜色之一。
绿色与人类息息相关,是永恒的欣欣向荣是的自然之色,代表了生命与希望,也充满了青春活力,绿色象征着和平与安全、发展与生机、舒适与安宁、松弛与休息,有缓解眼部疲劳的作用。
它本身具有一定的与自然、健康相关的感觉,所以也经常用于与自然、健康相关的站点。
绿色还经常用于一些公司的公关站点或教育站点。
绿色能使我们的心情变得格外明朗。
黄绿色代表清新、平静、安逸、和平、柔和、春天、青春、升级的心理感受。
从上图的主色调、辅色调HSB模式的数值可看出,这两中颜色只是在明度上有区别,其显示的色相与饱和度是一样的。
正绿色是120度,这两种颜色从RGB数值上看,都不同程度的混合了其他少许颜色,因此离正绿色稍有些偏差。
由于绿色本身的特性,所以整个网页看起来很安稳舒适。
辅助色只在明度上降低,让页面多了些层次感、空间感。
白色块面使得绿色的特性发挥到最好的状态并增强了视觉节奏感。
点睛色恰到好处的体现出了”点睛”这一妙笔,极尽诱惑力,整个页面顿时生动提神起来,增强了页面主题的表达力。
主、辅色调是属于同类色绿色系,通过不同明度的变化,能较递增缓和变化同时却也较明显的体现出页面的色彩层次感来。
如果不是通过数值来分析判断,可能会有些朋友凭经验判断,容易误认为这两种颜色除了明度外有可能纯度会有所不同,这时候适当的使用数值模式会很容易得到正确的结论的。
整个页面配色很少:最大色块的翠绿,第二面积的白色,第三面积的深绿色,但得到的效果却是强烈的、显眼的,达到充分展现产品主题的目的。
深绿色给人茂盛、健康、成熟、稳重、生命、开阔的心理感受。
绿色在黄色和蓝色(冷暖)之间,属于较中庸的颜色,这样使得绿色的性格最为平和、安稳、大度、宽容。
是一种柔顺、恬静、满足、优美、受欢迎之色。
也是网页中使用最为广泛的颜色之一。
绿色与人类息息相关,是永恒的欣欣向荣是的自然之色,代表了生命与希望,也充满了青春
绿色系分析: (高纯度配色:绿色对比色组合)
HSB数值H显示60度为正黄色,该主、辅色调只向绿色倾斜了一丁点–H为75度。
大面积明度稍低的黄绿色为主要色调,饱和度
却非常高,达到了100%,辅助色使用了提高明度的嫩绿色和白色,这两种辅色除了增加页面的层次感的同时,还能让整个页面配色有透亮的感觉,增强了绿色的特性。
背景深褐色无疑把前景的所有纯色烘托得都耀眼于舞台上。
该页面有两组小小的对比色,一组是黄绿与橙红色,一组是橙黄色与天蓝色,这两组配色严格的来说不算对比色,因为色彩多少有些偏差。
虽然它们的饱和度降低,但在这个页面中足以构成了最响亮的色调,把整个页面烘托得非常活跃、鲜明。
主、辅色调黄绿色大面积使用并不刺目,反而使得页面看起来很有朝气、活力。
适当运用不同纯度的不是相当严格意义上的对比色系组合时,通常能起到的主要作用是主次关系明确。
不”标准”的对比色系对比特性虽然减弱,页面色彩看起来容易协调、柔和,但一样能突出主题。
→同类色浅
绿色系分析:(同类色浅绿色)
主色调绿色属性是明度很高的浅绿色,前面提到过,通常情况下明度高饱和度就降低,饱和度低页面色彩度就降低,除非颜色本身有自己的特性,加上大面积的辅助色白色,整个页面看起来很清淡、柔和、宁静,甚至有温馨的感觉。
页面中使用了渐变的浅绿色,使得整个页面视觉上更加柔和舒适。
尽管点睛色只在主要标志上出现,按钮也只有少许一点,但也
给整个页面的色彩带来些亮笔。
尤其是红色的HSB模式的H数值显示颜色接近于正红色,饱和度达到最高值。
另一个点睛色中黄色,在页面视觉上呈绿色与红色这一组对比色起到缓和视觉的作用。
因为在色轮表上,黄色正是在绿色和红色之间的过渡色。
结论:
浅绿色系有优雅、休息、安全、和睦、宁静、柔和的感觉。
渐变的效果更能加深这种印象。
但页面配色上浅色过多时,整个页面容易呈现发”灰”的感受,这就需要适量的添加纯度稍高的颜色例如左下角的辅助色绿色块,适当的鲜艳的点睛都能很好的解决这一问题。
布局:
症状描述:在ie下(6或7,8没有试过)当出现中英文混排,都采用默认字体时,并使用 li 列表做float时,会出现如上图的症状,文字排列上下不对齐的情况。
影响了布局的美观性,造成上图情况的原因是中英文的文字基线不同,arial字体的下边缘要比宋体(同为12号)低一个象素,上边缘比宋体矮两个象素,而且英文还有i,y 这种上下基线不同的情况。
所以当中英文混排对齐时,就会出现明显的高度差异,使排版不均。
可见放大图。
采用中英文字均使用宋体的方案
可以解决文字排列不对齐的情况,但宋体英文字是衬线字体(Times New Roman即是英文中的衬线字),字型紧凑,细节较多,排列在一起很醒目,但在连续成文时,容易造成辨识困绕,看错行的
情况。
关于衬线字体的优缺点,请见这篇文章。
相比之下,表示英文还是使用无衬线字体更美观大方。
解决方法一“饺子”童鞋的发现。
英文采用tahoma字体–宋体,arial及tahoma字体比较–arial 与tahoma的无衬线体比较精致
当中英文混排时,使用tahoma字体的情形
中英混排,纯中文组合的行高都一致了,但a在hover状态下下划线与中文粘联在一起。
缺陷:使用tahoma字体时,在ie6及ie6以下版本,会导致所有中文字体链接的下划线会出现与字体粘连现象。
淘宝使用的也是这一解决方案。
相信大型项目,不同的人来共同完成一个页面的模块时,在统一的规范下,使字体更规范,减少错位,而采用带有下划线会出现与字体粘连的tahoma字体,是值得的以下是携同大米童鞋发现的:
英文采用arial字体,中文使用宋体。
可在标签内注明line-height:,可解决行高不等以及字体与下划线粘连问题。
(不知道大范围中英文混排适不适用,有待后续校验。
)
CSS混沌初开I:导航菜单素材的设计
现在开始我们将学习如何一步一步的构建一张CSS页面。
本教程分成以下几个部分:第一讲主要是关于如何在PS中制作导航按钮素材;第二部分主要针对的内容是背景,接着是页面的整体布局以及顶部解析,最后一部分是如何整合CSS和XHTML。
有些人可能会疑惑为什么要从导航按钮图片的制作开始,事实
上我的初衷是让大家了解进而注重素材制作中的一些细节处理,这对最终的作品效果有很大的影响,至少在视觉上而言。
首先看一下完成的效果:
玻璃质感导航图片的制作:
首先我们在Photoshop中建立一个178x22像素的RGB空白文档,添加一个新图层命名为“按钮”,并用灰色#ECECEC进行填充。
再新建一个图层命名为“高光”,在其上、左边缘各绘制1px的白色线条,你用画笔或单像素选取工具都可以。
然后我们用橡皮工具把左边缘白线的底部擦除一段,在这里我使用的是大小20px透明度为50%的橡皮刷:
新建一个名为“网点”的图层,用1px的铅笔工具在适当的位置绘制几个小点,示例中的颜色是#727272,当然这里你可以自由发挥设计更有创意的小点组合,关键就是要让它们看起来精致有序:。