篇一：颜色搭配和布局
绿色在黄色和蓝色（冷暖）之间，属于较中庸的颜色，这样使得绿色的性格最为平和、安稳、大度、宽容。是一种柔顺、恬静、满足、优美、受欢迎之色。也是网页中使用最为广泛的颜色之一。绿色与人类息息相关，是永恒的欣欣向荣是的自然之色，代表了生命与希望，也充满了青春
绿色在黄色和蓝色（冷暖）之间，属于较中庸的颜色，这样使得绿色的性格最为平和、安稳、大度、宽容。是一种柔顺、恬静、满足、优美、受欢迎之色。也是网页中使用最为广泛的颜色之一。
绿色与人类息息相关，是永恒的欣欣向荣是的自然之色，代表了生命与希望，也充满了青春活力，绿色象征着和平与安全、发展与生机、舒适与安宁、松弛与休息，有缓解眼部疲劳的作用。
它本身具有一定的与自然、健康相关的感觉，所以也经常用于与自然、健康相关的站点。绿色还经常用于一些公司的公关站点或教育站点。
绿色能使我们的心情变得格外明朗。黄绿色代表清新、平静、安逸、和平、柔和、春天、青春、升级的心理感受。
从上图的主色调、辅色调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字体，中文使用宋体。可在<a>标签内注明 line-height:1.231,可解决行高不等以及字体与下划线粘连问题。（不知道大范围中英文混排适不适用，有待后续校验。）
CSS混沌初开I：导航菜单素材的设计
现在开始我们将学习如何一步一步的构建一张CSS页面。本教程分成以下几个部分：第一讲主要是关于如何在PS中制作导航按钮素材；第二部分主要针对的内容是背景，接着是页面的整体布局以及顶部解析，最后一部分是如何整合CSS和XHTML。
有些人可能会疑惑为什么要从导航按钮图片的制作开始，事实上我的初衷是让大家了解进而注重素材制作中的一些细节处理，这对最终的作品效果有很大的影响，至少在视觉上而言。首先看一下完成的效果：
玻璃质感导航图片的制作：
首先我们在Photoshop中建立一个178x22像素的RGB空白文档，添加一个新图层命名为“按钮”，并用灰色#ECECEC进行填充。再新建一个图层命名为“高光”，在其上、左边缘各绘制1px的白色线条，你用画笔或单像素选取工具都可以。然后我们用橡皮工具把左边缘白线的底部擦除一段，在这里我使用的是大小20px透明度为50%的橡皮刷：
新建一个名为“网点”的图层，用1px的铅笔工具在适当的位置绘制几个小点，示例中的颜色是#727272，当然这里你可以自由发挥设计更有创意的小点组合，关键就是要让它们看起来精致有序：
篇二：各种证件照大小尺寸及背景色彩的要求
各种证件照要求及尺寸！以及各种证件照背景色彩的要求
证件照
证件照即用作证件上的用于证明身份的照片。
一般以蓝底一寸照片居多，二寸的照片也多用于证件照。
1英寸=2.54厘米
小1寸证件照（身份证大头照） 2.2*3.3cm
1寸证件照 2.5*3.5cm
小2寸证件照(护照) 3.3*4.8cm
2寸证件照 3.5*4.5cm
5 寸 5x3.5 12.7*8.9cm
6 寸 6x4 15.2*10.2cm
7 寸 7x5 17.8*12.7cm
8 寸 8x6 20.3*15.2cm
10寸 10x8 25.4*20.3cm
12寸 12x10 30.5*20.3cm
15寸 15x10 38.1*25.4cm
16X12一般135底片放大的尺寸。
20X16135底片的极限尺寸。
24X20影楼放大最多的尺寸。
常用证件照对应尺寸
1英寸25mm×35mm
2英寸35mm×45mm
3英寸35mm×52mm
港澳通行证33mm×48mm
赴美签证50mm×50mm
日本签证45mm×45mm
大二寸35mm×45mm
护照33mm×48mm
毕业生照33mm×48mm
身份证22mm×32mm
驾照21mm×26mm
车照60mm×91mm
数码相机和可冲印照片最大尺寸对照表
500万像素 有效4915200，像素2560X1920。可冲洗照片尺寸17X13，对角线21英寸
400万像素 有效3871488，像素2272X1704。可冲洗照片尺寸15X11，对角线19英寸
300万像素 有效3145728，像素2048X1536。可冲洗照片尺寸14X10，对角线17英寸
200万像素 有效1920000，像素1600X1200。可冲洗照片尺寸11X8，对角线13英寸
130万像素 有效1228800，像素1280X960。可冲洗照片尺寸9X6，对角线11英寸
080万像素 有效786432，像素1024X768。可冲洗照片尺寸7X5，对角线9英寸
050万像素 有效480000，像素800X600。可冲洗照片尺寸5X4，对角线7英寸
030万像素 有效307200，像素640X480。可冲洗照片尺寸4X3，对角线5英寸
由上表可以看出：
5寸照片（3X5），采用800X600分辨率就可以了
6寸照片（4X6），采用1024X768分辨率
7寸照片（5X7），采用1024X768分辨率
8寸照片（6X9），采用1280X960分辨率
1×1.5 英寸: 一寸 2.5×3.5(厘米) ; 小一寸 2.2×3.2(厘米) ; 大一寸
3.3×4.8(厘米) 1.5×2 英寸:
二寸 3.5×4.9(厘米) ;3.5/4.9=0.71423=5/7
小二寸 3.5×4.5(厘米) ; 3.5/4.5=0.77778=
大二寸 3.5×5.3(厘米)3.5/5.3=0.6604, 4/6=0.6667
其他二寸 3.3×4.8(厘米) 3.3/4.8=0.6875
1寸 1R 2.6×3.7(厘米) 2寸 2R 6.3×8.9(厘米)
常用照片尺寸 照片规格(英寸) （厘米） (像素) 数码相机类型 1寸 2.5*3.5cm 413*295 身份证大头照 3.3*2.2 390*260 2寸 3.5*5.3cm 626*413 小2寸（护照） 4.8*3.3cm 567*390 5 寸 5x3.5 12.7*8.9 1200x840以上 100万像素 6 寸 6x4 15.2*10.2 1440x960以上 130万像素 7 寸 7x5 17.8*12.7 1680x1200以上 200万像素 8 寸 8x6 20.3*15.2 1920x1440以上 300万像素 10寸 10x8 25.4*20.3 2400x1920以上 400万像素 12寸 12x10 30.5*20.3 2500x2000以上 500万像素 15寸 15x10 38.1*25.4 3000x2000 600万像素 常见证件照对应尺寸 1英寸25mm×35mm 2英寸35mm×49mm 3英寸35mm×52mm 港澳通行证33mm×48mm 赴美签证50mm×50mm 日本签证45mm×45mm 大二寸35mm×45mm 护照33mm×48mm 毕业生照33mm×48mm 身份证
22mm×32mm 驾照21mm×26mm 车照60mm×91mm 照片尺寸与打印尺寸之对照 （分辨率：300dpi ） 照片尺寸（英寸） 打印尺寸（厘米） 10x15 25.4x38.1 10x12 25.4x30.5 8x10 20.3x25.4 6x8 15.2x20.3 5x8 12.7x20.3 5x7 12.7x17.7 4x6 10.1x15.2 3.5x5 8.9x12.7
拍照片注意事项
1、照片尽量与自己的气质相符，不要有太大差距。
2、整洁的发型很重要，避免蓬头垢面；男士胡须剃净，留须者将胡须修剪整齐。
3、服装尽量挺括，不要皱痕明显。
4、精神焕发，不要萎靡不振。
5、一定是近照，不要把大一求学时的照片拿出来。
6、对照片重视不等于艺术照片。
永远记住，真实和诚实是必须遵守的求职法则。
其他拍照tips
1 最佳拍摄时间，充足睡眠之后的上午，或者午休之后的下午，精神饱满，表现力强。
2 带眼镜的人士，请将镜片擦净，矫正镜架水平，条件允许的可自备一副无镜片的镜框。
2 体型特殊的人士，请自备衣物，以防不便。
3 拍摄前一晚减少饮水，以防眼袋出现。
3 如有专用化妆品可自带，化妆师将酌情使用，可自带卸妆液及卸后护肤品，及时卸掉厚重的粉饰，对于保护皮肤有着很重要的作用。
4 有特殊拍照要求的人士，请在拍照前向工作人员说明。
证件照尺寸标准及其拍摄要求
1. 黑白小一寸(22mm*32mm)
2. 驾驶证(22mm*32mm)
3. 第一代身份证(22mm*32mm)
第二代身份证 (26mm×32mm)
4. 黑白大一寸(33mm*48mm)
5. 普通证件照(33mm*48mm)
6. 彩色小一寸(27mm*38mm)
7. 彩色大一寸(40mm*55mm)
8. 一寸证件照（27mm*36mm）
9. 二寸证件照（36mm*48mm）
10. 5寸 5x3.5(12.7cm*8.9cm)
11. 6寸 6x4 (15.2cm*10.2cm )
1. 1英寸 (25mm×35mm)
2. 2英寸 (35mm×49mm)
3. 3英寸 (35mm×52mm)
4. 港澳通行证(33mm×48mm)
5. 赴美签证(50mm×50mm)
6. 日本签证(45mm×45mm)
7. 大二寸 (35mm×45mm)
8. 护照 (33mm×48mm)
9. 毕业生照(33mm×48mm)
10. 驾照 (21mm×26mm)
11. 车照 (60mm×91mm)
另：照片的“寸”指的是“英寸”，1英寸=2.54厘米 5英寸=12.7厘米 另外照片的尺寸国内外说法是不同的，例如：3.5X5 4X6 5X7 ....
国内的叫法是5寸、6寸、7寸...，数值取的是照片较长的那一边； 国外的叫法时3R、4R、5R...，数值取的是照片较短的那一边。
电子照片采集标准
一、像片电子信息为彩色图像，按照一人一个图像文件的方式存储，图像文件采用本人身份证号码（军人采用士官证号码）命名，格式为"****.jpg",其中"****"为身份证号码（18位或15位）或士官证号码，"jpg"为图像文件格式。
二、背景要求：统一为蓝色，输出蓝色色值（RGB或GMYK）：R51 G143 B178, C80 M13 Y20 K3
三、灯光要求：配置三基色柔光灯（冷光源、色温为5600K）两只、灯架两只、配套灯管12只、配套电缆（6米×2）及插头2套。灯具摆设高度与被拍摄人肩部同高，角度为左右各45度，朝向对准被拍摄人头部，距离被拍摄人1.5-2米。
四、数码相机要求：像素不少于4百万，最高分辨率（dpi）：2048，标准存储容量（MB）：16MB，光学变焦倍数：4。光圈F8；快门125/秒，成像区上下要求头上部空1/10，头部占7/10，肩部占1/5；左右各空1/10。
亮度控制：输入值145、输出值110
图片尺寸（像素）宽：150、高：210
大小：≤10K、格式：JPG
成像区全部面积48mmX33mm;头部宽度21mm-24mm头部长度28mm-33mm;下额到头顶25mm-35mm;像长35mmX45mm。
被摄人服装：白色或浅色系 这是影楼标准的执行尺寸
1.身份证(22mm*32mm) 白色背景
2.驾驶证(22mm*32mm) 白色背景
3.护照：(33mm*48mm) 白色或浅蓝色
4.社保照片：(26mm*32mm) 白色背景
5.二代身份证(26mm*32mm) 白色背景
6.普通证件照(33mm*48mm) 红色 蓝色白色 看要求决定
7.车照：（60mm*91)
8.港澳通行证：（33mm*48mm)白色
9.赴美签证：（50mm*50mm)白色
10.日本签证：（45mm*45mm)白色
11.毕业生照：（33mm*48mm)蓝色 或红色
影楼常用尺寸，
一寸 2.5 x 3.6 cm
小一寸2.2 X3.2 cm
篇三：照片换底色
Photoshop给证件照背景更换颜色教程
证件照的类型很多，主要表现在背景上，比较常见的有白底、红底和蓝底，有时手头上只有某种颜色的照片，但又需要不同背景的，再去拍照麻烦也浪费钱，其实可以利用PS进行换底操作，不过对于边缘头发丝较多特别是女生的证件照要进行换底还是需要一定技巧的，本例中通过红底替换蓝底来进行讲解演示，其它颜色互转类似，有需要的朋友可以一试。
效果图：
原图：
1、本教程采用photoshop CS5制作，其它版本基本通用，先在PS中打开原图，如下图所示：
2、右键单击背景图层，在弹出的菜单中选择复制图层，如下图所示：
3、接着会弹出复制图层对话框，直接按确定即可，如下图所示：
4、单击选中复制生成的背景 副本，如下图所示：
《浅色背景图片》出自：百味书屋
链接地址：http://www.850500.com/news/69305.html
转载请保留,谢谢!