设计师薪资体系
第一章 设计师薪酬体系
1.1 设计师薪资构成
底薪+提成+奖金+工龄工资+股金(如果有,华饰网注释)
1.2 底薪
1.2.1 高级设计师底薪
1. 月完成产值6万元以上(含6万元)，底薪3000元
2. 月完成产值6万元以下，底薪为2000元
3. 无产值：a.第一个月底薪1500元
b.第二个月无底薪
1.2.2 优秀设计师底薪
1. 当月完成产值6万元以上(含6万元)，底薪为1200元
2. 当月完成产值6万元以下，底薪为1000元
3. 无产值：a.第一个月底薪600元;
b.第二个月无底薪
1.2.3 普通设计师底薪
1. 当月完成产值8万元以上(含8万元)，底薪为1000元
2. 当月完成产值6万元以上(含6万元)，底薪为800元
3. 当月完成产值6万元以下，底薪为500元
4. 无产值：a.第一个月底薪300元;
b.第二个月无底薪
5. 入职不足半个月离职的设计师无底薪。
1.2.4 底薪发放时间
底薪于每月12日发放。
1.2.5 底薪计算方法
每月按26个工作日计发工资，缺勤一天按底薪÷26扣发底薪
1.3 提成
1.3.1 设计师提成构成
产值提成+合同图纸报价提成+客户满意率提成+行为规范提成
1.3.2 设计师提成比例
表一 设计师产值提成比例
月产值 ≥10万 ≥8万 ≥6万 <6万
合计提成点 6% 5% 3% 2%
表二 设计师提成比例分配
月产值 产值提成 合同图纸报价提成 客户满意率提成 行为规范提成 ≥10万 3% 1% 1% 1%
≥8万 2% 1% 1% 1%
≥6万 1.5% 0.5% 0.5% 0.5%
<6万 1% 0.4% 0.3% 0.3%
1.3.3 产值提成规定
1.3.3.1 产值提成比例
1. 当月完成产值10万元以上(含10万元)，产值提成按月产值的3%计算。
2. 当月完成产值8万元以上(含8万元)，产值提成按月产值的2%计算。
3. 当月完成产值6万元(含6万元)，产值提成按月产值的1.5%计算。
4. 当月完成产值6万元以下的，产值提成按月产值的1%计算。
1.3.3.2 产值提成的发放时间
当月的产值提成在下月8日与底薪同时发放
1.3.4 合同图纸报价提成规定
合同图纸报价提成主要考核设计师的合同图纸报价是否符合公司规定的合格标准。
1.3.4.1 合同合格标准
1. 合同严格按公司规范要求填写。
2. 合同中如有须加入合同内的补充协议，须经本地区公司副总经理批准以及部门经理签字认可，方可更改或增加合同其它条款。私自填写补充协议造成的经济损失及法律责任由设计师自行承担。
3. 合同各种印章齐全，有客户签字。
1.3.4.2 合同不合格标准
1. 合同不按照公司规范要求填写。
2. 未经公司许可，私自与客户签定补充协议。
3. 合同各种印章不齐全。
4. 合同无客户签字。
1.3.4.3 合同考核办法
1. 合同考核合格，按照公司规定的合同图纸报价提成点提取提成。
2.合同如不按照公司规范要求填写，将合同退还设计师，两天之内重新与客户签定合同并交到工程部，如合同合格，工程进场时间、完工时间向后顺延两天，设计师的合同图纸报价提成仍按照公司规定提取。如两天之内未能及时将合同交到工程部，则合同考核不合格，扣除全部合同图纸报价提成。如合同仍不符合公司规范要求，合同考核不合格，除了要求设计师再次重新填写外，扣除全部合同图纸报价提成。
3. 合同中如果各种印章不齐全或无客户签字，将合同退还设计师，两天之内补齐各种印章和客户签字，交到工程部，如合同合格，工程进场时间、完工时间向后顺延两天，设计师的合同图纸报价提成仍按照公司规定提取。如两天之内未能及时将合同交到工程部，则合同考核不合格，扣除设计师的全部合同图纸报价提成。如合同中各种印章仍不齐全或仍无客户签字，合同考核不合格，除了要求设计师再次重新补齐各种印章和客户签字外，扣除设计师的全部合同图纸报价提成。
4, 未经公司许可，设计师私自与客户签定补充协议，一经公司发现，扣除全部合同图纸报价提成，由于设计师私自与客户签定补充协议造成的经济损失及法律责任由设计师本人承担。
1.3.4.4 图纸合格标准
⒈ 平面图上清楚、准确标注有每个房间的尺寸及结构尺寸，重点部分画出透视效果图，拆改部分有标注，并画出墙体改动图。
⒉ 顶面天花图标注清楚每个房间标高，顶面造型尺寸、断面造型尺寸和所用材料说明。
⒊ 所做项目在图纸上标注清楚尺寸，材质说明，画出三视图，所在房间名称和装饰线断面图。
⒋ 在原结构平面图上标注清楚所改动电路的照明电路、开关电路及插座位置。
⒌ 设计图纸首页上有“此方案理解，同意按有本人签字的图纸施工”字样和客户的签字，其
他设计图纸均有客户签字。
⒍ 图纸规定及数量要求: a.封面;b.图纸目录及设计说明;c.原建筑平面图;d.平面布置;e.天花图(含灯具布线);f.地铺图;g.家具设计图(含三视图);h.立面图;i.剖面图;j.门样门套图(含门套大样图);k.电路图;l.透视图;m封底。其中a、b、c、d、e、f、k、m项目图纸必须具备，其它部分报价中有的必须有相关图纸。
7. 图纸尺寸标注准确，与实际尺寸相符。
1.3.4.5 图纸不合格标准
1. 图纸数量不全，致使施工队无法按图施工，造成施工困难。
2. 图纸尺寸不全，造成施工困难。
3. 图纸尺寸标注不清楚，造成施工困难。
4. 图纸上无材质说明或材质说明不清楚，造成施工困难。
5. 图纸尺寸与实际尺寸误差超过5%。
1.3.4.6 图纸考核办法
1. 图纸考核合格，按照公司规定的合同图纸报价提成点提取提成。
2. 图纸交到工程部后，如工程部审核图纸不合格，如图纸数量不全、图纸尺寸不全、尺寸标注不清、图纸上无材质说明、材质说明不清楚等，工程部有权将图纸退还设计师，两天之内设计师必须将图纸全部修改完毕并交到工程部，如图纸合格，工程进场时间、完工时间向后顺延两天，设计师的合同图纸报价提成仍按照公司规定提取。如两天之内未能及时将图纸交到工程部，则图纸考核不合格，扣除设计师的全部的合同图纸报价提成。如工程部审核图纸仍不符合图纸合格标准，除了要求设计师再次重新修改外，扣除设计师的全部合同图纸报价提成。
3. 施工队进场后如发现现场尺寸与图纸尺寸误差超过5%，则由工程部通知设计师，设计师必须与客户协商办理增减项手续，如客户以已签约为由拒不办理增减项手续，则设计师图纸这一项考核不合格，不仅扣除设计师全部的合同图纸报价提成，而且给公司造成的经济损失由设计师承担。
1.3.4.7 报价合格标准
1.报价单的项目单价严格按公司电子报价执行。
2.如有的项目在电子报价中查询不到的，必须经工程部同意以及部门经理签字认可，不低于公司报价可做修改、添加。
3.报价单中无漏项。
4.报价单必须有设计师、客户、部门经理的签字。
1.3.4.8 报价不合格标准
1. 报价单中的项目单价与公司电子报价不符。
2. 报价单中漏项。
3. 未经公司许可，私自改动公司的报价。
4. 在电子报价中查询不到报价的项目，未经公司许可，私自修改、添加。
1.3.4.9 报价考核办法
1. 报价考核合格，按照公司规定的合同图纸报价提成点提取提成。
2. 由于设计师疏忽，报价中错项、漏项，工程部审核后将报价退还设计师，两天之内设计师必须与客户协商重新修改报价，设计师、客户、部门经理重新签字，修改完毕后交到工程部，如报价合格，工程进场时间、完工时间向后顺延两天，设计师的合同图纸报价提成仍按照公司规定提取。如两天之内未能及时将报价交到工程部，则报价考核不合格，扣除设计师的全部的合同图纸报价提成。如工程部审核报价仍不符合报价合格标准，除了要求设计师再次重新修改外，扣除设计师的全部合同图纸报价提成。如客户以已签约为由拒不修改报价，
则设计师报价这一项考核不合格，不仅扣除设计师全部的合同图纸报价提成，而且给公司造成的经济损失由设计师承担。
3. 设计师在报价中有意漏项或者未经公司许可私自改动公司报价，一经发现，扣除设计师全部的合同图纸报价提成，给公司造成的经济损失和法律责任由设计师承担。
4. 在电子报价中查询不到报价的项目，未经公司许可，设计师私自修改、添加。一经发现，扣除设计师全部的合同图纸报价提成，给公司造成的经济损失和法律责任由设计师承担。
1.3.4.10 合同图纸报价提成发放时间
合同图纸报价提成在该工程完工后次月15日发放
1.3.5 满意率提成规定
满意率提成主要以客户对设计师整体服务的满意程度为依据。此项考核的总分为100分。其中：
1.客户服务部在工程施工中，对客户进行三次访问，工程完工后，将三次回访结果综合评定。 ( 20分 )
2.《客户服务工作表》中客户填写对设计师评定的两项：装修完的设计效果(20分)，设计师的整体服务 ( 60分)。
1.3.6 行为规范提成规定
行为规范提成主要考核设计师在工程的设计和施工过程中是否按照公司的规定为客户服务，同时考核设计师与施工队等其他部门的配合。
1.3.6.1 设计师行为规范合格标准
1. 接待客户热情友好，耐心回答客户的问题，不与客户顶撞争吵。
2. 设计师量房收取设计定金后，五日之内必须出齐设计方案并约客户进一步洽谈。
3. 与客户签约后，设计师必须在三日之内将合同图纸报价出齐交到工程部，并预留出两天的时间给工程部，一天时间审核合同图纸报价，一天时间准备进场。因此与客户签约时，工期从签约之日起的第六天开始计算，设计师与客户协商工期时应考虑到出图和工程部审核、进场的时间，不允许合同图纸报价未经工程部审核施工队仓促进场，如合同图纸报价经工程部审核不合格，设计师必须在施工队进场之前将合同图纸报价修改完毕，如因修改合同图纸报价耽误了已定好的工期，设计师必须与客户协商重新签定工期。
4. 签约后进场时，设计师必须到场与客户、施工队进行现场交底，重点部位要进行重点说明(客户服务工作表)。
5. 工程木工骨架完成时，设计师必须到现场进行设计验收。
6. 施工中出现设计疑问或更改，一天内设计师必须到施工现场解决问题，客户如需更改设计方案，设计师必须在三天内将更改后的设计图纸交与客户确认，同时与客户办理延期协议书。
7. 工期过半时，设计师必须协助施工队与客户办理增减项单，同时与客户办理中期验收。
8. 施工完工时，设计师必须与质检员、施工队、客户一起到场验收。
9. 设计师每周必须要与客户电话联系两次以上，征求对设计的意见。
10. 设计师代客户买材料，应做到价格合理，禁止私自抬高价格收取材料商回扣。
11. 施工过程中，与施工队密切配合，禁止吃、拿、卡、要施工队。
1.3.6.2 设计师行为规范不合格标准
违反设计师行为规范合格标准中的任何一项，则设计师行为规范考核不合格。
1.3.6.3 设计师行为规范考核办法
1. 设计师行为规范考核合格，则按照公司规定的合同图纸报价提成点提取提成。
2. 设计师行为规范考核不合格，则扣除公司规定的合同图纸报价提成。
1.4 设计师产值奖金规定
设置设计师产值奖金是为了奖励设计师为公司所做的贡献。
1.4.1 设计师产值奖的计算时间
设计师产值奖的计算时间为每年的1月1日至12月31日。
1.4.2 设计师产值奖金考核办法
设计师产值奖金每半年考评一次，时间为6月30日、12月31日，奖金一年发放两次，如在半年之内，设计师的产值和其他指标已经达到可以领取奖金的标准，设计师可先领取相应的奖金。第二次发放奖金时，设计师按照产值奖金总额减去上次所发放产值奖金的奖金余额领取。
1.4.2.1 设计师产值奖金的产值标准
1月1日——12月31日止
1. 累积产值达到80万以上，发放奖金 3000元
1. 累积产值达到100万以上，发放奖金 4000元
2. 累积产值达到120万以上，发放奖金 5000元
3. 累积产值达到140万以上，发放奖金 8000元
4. 累积产值达到160万以上，发放奖金10000元
5. 累积产值达到180万以上，发放奖金12000元
6. 累积产值达到200万以上，发放奖金14000元
1.4.2.2 免除设计师产值奖金的规定
设计师如果出现下列情况,将被免除产值奖金：
⒈ 中途离职或被辞退;
⒉ 被公司处以开除处分;
⒊ 在职期间有私接工程或私收定金现象;
⒋ 半内事假时间超过1个月;
⒌ 半年客户平均满意率低于60%;
⒍ 半年图纸、报价、合同合格率低于90%以下;
⒎ 半年签约中，因设计师原因造成重大投诉达1起以上。
1.4.3 设计师产值奖金发放时间
设计师产值奖金于每年9月15日和次年3月15日统一发放。
1.5 工龄工资规定
设计师工龄每满1年，增加工龄工资100元
第二章 设计师评级、降级标准
2.1 评定资格
在评定时间内在职的装饰设计师均参加评定
2.2 评定时间周期
每三个月评定一次，即4月20日、7月20日、10月20日、1月20日进行评定，次月工资兑现。
近年来，随着城市的发展和人们生活质量的提高，大家对居住环境的要求越来越高了，对于室内装潢设计人员来说，这无疑又是一大挑战，但同时对室内装潢设计行业来说也是一好的现象。当然为了达到客户要求，就需要设计人员具备更专业的家装设计、环境设计相关素养，不仅要具有良好的美感和设计灵感，还要创新意识及对家庭生活的透彻了解，熟悉装潢装饰工程流程和工艺。据统计,方案设计师的收入一般采取底薪加提成的方式,底薪从2000元到4000元不等,而设计费提成一般是整个装饰工程费用的1-8%。一般家装设计师年薪约在8万-10万元不等,而在5年以上设计经验的较出色的设计师年收入可达15万元甚至更高。
武汉IT新时空学员家装设计作品分享
学家装设计，武汉IT新时空建议从以下几方面去学习：
1、首先应该掌握动手能力，不要忙着去学理论，再多理论也没有你会画一张图强。
2、应该掌握哪些动手能力呢，手绘、AutoCAD、3dmax、vray、ps，从手绘到软件绘图，其中手绘需要较长时间的练习才行，而软件学起来就比较快了。
3、掌握一定的施工知识和材料知识，一个不懂施工和材料的设计师，能叫设计师吗?
4、掌握色彩知识，不会配色将导致你的设计最终效果将很难被人接受。
5、预算知识，如果是做家装，要弄明白本地家装预算的情况，如果是工装，要学会用清单计价。
6、提高自身的修养，加强理论知识的学习。包括系统的系统的设计理论知识(可以参考各院校的课程开始情况)和一些提升自身修养的资料。
7、多逛一些设计类论坛，如家装设计师论坛，家装设计联盟论坛。
家装设计的程序步骤
家装设计根据设计的进程，通常可以分为四个阶段，即设计准备阶段、方案
设计阶段、施工图设计阶段和设计实施阶段。
(1)、设计准备阶段
设计准备阶段主要是接受委托任务书，签订合同，或者根据标书要求参加投标;明确设计期限并制定设计计划进度安排，考虑各有关工种的配合与协调;
明确设计任务和要求，如家装设计任务的使用性质、功能特点、设计规模、等级标准、总造价，根据任务的使用性质所需创造的室内环境氛围、文化内涵或艺术风格等
熟悉设计有关的规范和定额标准，收集分析必要的资料和信息，包括对现场的调查踏勘以及对同类型实例的参观等。
在签订合同或制定投标文件时，还包括设计进度安排，设计费率标准，即家装设计收取业主设计费占室内装饰总投入资金的百分比。
(2)、方案设计阶段
方案设计阶段是在设计准备阶段的基础上，进一步收集、分析、运用与设计任务有关的资料与信息，构思立意，进行初步方案设计，深入设计，进行方案的分析与比较。
确定初步设计方案，提供设计文件。室内初步方案的文件通常包括：
1、平面图，常用比例1：50，1：100;
2、室内立面展开图，常用比例1：20，1：50;
3、平顶图或仰视图，常用比例1：50，1：100;
4、室内透视图;
5、室内装饰材料实样版面;
6、设计意图说明和造价概算;
初步设计方案需经审定后，方可进行施工图设计。
(3)、施工图设计阶段
施工图设计阶段需要补充施工所必要的有关平面布置、室内立面和平顶等图纸，还需包括构造节点详细、细部大样图以及设备管线图，编制施工说明和造价预算。
(4)、设计实施阶段
设计实施阶段也即是工程的施工阶段。室内工程在施工前，设计人员应向施工单位进行设计意图说明及图纸的技术交底;工程施工期间需按图纸要求核对施工实况，有时还需根据现场实况提出对图纸的局部修改或补充;施工结束时，会
同质检部门和建设单位进行工程验收。
为了使设计取得预期效果，家装设计人员必须抓好设计各阶段的环节，充分重视设计、施工、材料、设备等各个方面，并熟悉、重视与原建筑物的建筑设计、设施设计的衔接，同时还须协调好与建设单位和施工单位之间的相互关系，在设计意图和构思方面取得沟通与共识，以期取得理想的设计工程成果。
以上内容由武汉IT新时空整理发布，转载请注明来源!
网页设计师、网页美工的区别
网页设计师：前台+后台 技能要求：CG美术基础学PhotoshopDreamWeaver+HTML语言Flash动画设计、ASP+PHP网页设计开发课程、SQL server+MYSQL数据库应用、网站实用技术、网站实训设计项目(前台)网站实训设计项目(后台) 网页设计师的美术基本功可能较强，是创造者。
作为一名网页设计师，首先要具备较强的审美能力和美工功底。假如你想成为一个优秀的网页设计师，那么你应该要有较强的审美能力和美工功底。假如没有，那么你一定想办法加强这两个方面的能力。假如确实没办法进步这两方面的能力，那么，你就很难成为一个好的网页设计师，可以考虑从事其它的职业，如下面的网站程序员。
网页设计就相称于平面设计，网页设计师可以将平面设计中的审美观点套用到这上面来(其区别是动态网页的制作是平面设计不能达到的，它是一种审美方式的延伸)，所以平面设计的审美观点在网页设计上非常实用，如对比、均衡、重复、比例、近似、渐变以及节奏美、韵律美，这些都能在网页上显示出来，反映设计师超凡的审美能力。常常看到在一些网页里，基本几何形体错综复杂，色彩花里胡哨，让人目不暇接，真有一种“乱花渐欲迷人眼”的感觉，但是得到了什么呢?美的享受?当然没有。当然并不是页面做得好看，具有美感的网页就一定让人感爱好，好的网页也要建立在有好的内容的基础上，如果什么内容都没有，也是不能吸惹人的。只是网页的界面设计应该仍是要以布局的美为尺度，有规律可循，这也是网页设计师的责任。
一般对于网页设计师都有职责要求，如下
1、精 通 各 种 网 页 及 美 术 方 面 的 应 用 软 件 ， 包 括 Photoshop ， Coreldraw ， Illustrator,Dreamweaver,Flash ， Fireworks 等
2、熟悉 Html、css 、JavaScript 、 、
3、有较强的平面设计感觉及良好的美术基础、审美能力和创意，色彩感强; 、有较强的平面设计感觉及良好的美术基础、审美能力和创意，色彩感强;
4、有良好的学习能力、沟通能力和领悟能力，能够承受较大的工作压力; 、有良好的学习能力、沟通能力和领悟能力，能够承受较大的工作压力;
5、有良好的团队合作意识，耐心、诚恳，有强烈的责任心和积极主动的工作态度; 有良好的团队合作意识，耐心、诚恳，有强烈的责任心和积极主动的工作态度;
网页美工可能只是软件的纯熟操纵者，更像是工匠。实在就似乎裁缝和服装设计师的区别。实在都是差未几的，一个勤奋的美工，只要多学，学看，多做，多问，那不久的将来，就会成为网页设计师。
网页美工需要会的内容：仅限前台(也就是我们打开一个网站肉眼所见部分)CG美术基础学PhotoshopDreamWeaver+HTML语言Flash动画设计网站实训设计项目(前台) 而对于网页美工的技能要求一般比较简单一些，如下：
1. 与顾问进行沟通 确定需强调内容，使其出现在网页明显位置
2. 网页的内容 浏览文档内容后，根据内容决定网页的形式
3. 确定网页的类型 构思页面排版、框架等
4. 选择网页主色调
5. 制作网页 在制作过程中与顾问沟通，如有些时候文字过多的需精简的问题
6. 确定网页之间的链接关系 无论是外网链接还是内网的链接，有效地链接使读者能快速准确的找到自己需要的内容
7. 网页的核查 主要检查页面的文字是否和文档统一，是否有遗漏或错误
8. 将制作出的页面、链接位置、地址、说明等一起交给技术部，网页上线
9. 网页上线后的核查工作 主要看上线后的图片、链接是否正确的显示，是否有失效链接 10.精通PhotoshopDreamweaverIllustrator等设计软件
从美工和设计的只能来看，明显美工的技术技能要求比较低，做的基本是比较杂，同样，在同样条件下，美工工资肯定比设计工资低!
一直以来，网站设计师似乎是第三类人，我们处于后台程序员和平面设计师之间，身为网站设计师，既要懂得一些平面设计，又要会一点程序设计，从现在的人材市场的招聘信息上也能看得很明白，很多公司的招聘都诸如：招网页设计师xx名，具备素质为精通 Photoshop，Corldraw,Frontpage,Dreamweaver,Firework,Flash.会 Css,Html,Asp,SQL者优先云云。。。。这更让很多希望投身网站设计职业的人们徘徊，要成为一个网站设计师，一定要能使用这么众多的超重量级工具吗?从Macromedia到Adobe，再到Microsoft，最好是连Sun公司，以及全球数据库开发企业的主打产品都吃通才够用，这种单纯以技术来衡量的方法，不过是招聘方单方面希望招聘的老黄牛而已，他当然
正因为如此之多的困扰，令网站设计人员处于一种混乱，迷茫的心理状态：我要不要继续做一个网站设计师?我到底应该掌握什么样的工具，掌握到何种程度?我怎样才能依靠这一职业取得高薪?等等。
随着软件业尤其是绘图的应用软件以及网页设计的软件的不断升级，使用起来愈加方便。打个比方：原来的网页全是如同文本编辑一样，图片的定位就相当困难，往往要求助于表格，很多时候就要表格加表格，表格里插表格，这就需要熟练的掌握表格的应用。而且还很难达到目标，有时不得不更改一些自己的目标。这有时是牵一发而动全身的。现在呢?在Dreamweaver和Frontpage2000出现后，采用了高级的Dhtml技术以层的形式和定位功能将这个问题轻松的解决了。所以作为一名好的设计师应该时时关注软件的新的发展，适应新的功能，以增加工作的效率(当然这就要求原来就要掌握必要的软件的使用知识，才能使自己能驾轻就熟的掌握新的升级后的软件的使用)，很多设计师却只重视网页的设计制作软件的使用，而忽视一些内部技术方面的知识。这也不行的，例如如果不掌握ASP技术网页设计师的知识是不完善的，就不能做一些好的交互以及查询等等系统，还有一些数据库以及本身的HTML、DHTML、 javascript和CSS的技术。只有这样才能做到知其然和知其所以然。如若不然就只是让人感到有一种缺陷，这种缺陷带给人的不是缺陷美，而是遗憾。
作为合格的网页设计师，一定的文化素质是不可少的，如文学修养，看到一个又一个写得优美而充满情调的文案了吗?同时你也看到了一些充斥着错别字和生硬的文字搭配的文章了吗?好的文案，不仅仅让人对你所做的网页回味无穷，也可是自己的网页平添几分艺术特色。具备这样的素质往往能从自己的网页上反映出来，能使受众体会到，如网页内容的好恶的选择，适当的遣词造句。相反，一个欠缺文学修养的设计师做的网页，人们能从他的网页上看到他的缺陷。当然文化素质不仅仅包括文学修养，还有音乐和绘画等方面的修养。只有具备一定的这些方面的修养，才能够使自己网页达到一定的水准，才能够使人欣赏到好的网页制作。
作为网页设计师要一直有更好的创意，这只是一部分，其实掌握一部分设计技巧也能起到很大作用。下面的23个设计技巧非常实用，大家可以看看。
1.对比图像，文字更具吸引力
与你所认为的相反，在浏览一个网站的时候，能够直接吸引用户目光的并不是图像。大多数通过偶然点击进入你的网站的用户，他们是来寻觅信息的而不是图像。因此，保证你的网站设计凸现出最重要的信息板块，这才是设计的首要原则。
2.眼球的第一运动聚焦于网页的左上角
用户浏览网页的这一习惯应该在意料之中，毕竟左上部为主要操作中心这一点为大多数重要的计算机应用程序的设计所采用。在你构建网站考虑网站设计时，应该尽量保持这一格式。要知道，如果你希望保持个人特色，搭建一个成功的网站，你就必须尊重用户们的习惯。
3.用户浏览网页时，首先观察网页的左上部和上层部分，之后再往下阅读，浏览右边的内容
用户普遍的浏览方式呈现出“F”的形状 。保证网站内容的重要要素集中于这些关键区域，以此确保读者的参与。在此放置头条，副题，热点以及重要文章，这样可以吸引到读者进行阅读。
4.读者会忽视横幅广告
研究表明，读者常忽视大部分的横幅广告——尽管你以此维持网站生计——视线往往只停留几分之一秒。如果你想通过广告挣钱，那么必须创新你的广告位以及合理配置网站广告形式。
5.花哨的字体和格式被忽视
为什么呢?那是因为用户会认为这些是广告，并非他们所需要的信息。事实上，研究表明用户很难在充满大量颜色的花哨字体格式里寻找到所需的信息，因为视觉线索告诉他们把这些忽略吧。保持网站的清爽，不要因为华而不实的表面，让重要的信息被忽略。
6.用数词来代替数字
如果使用数词取代数字的罗列，读者会发现在你的网站可以很容易地发现真实的资料。要知道，你是写给那些将第一次浏览你的网站的读者，所以，让他们容易发现他们所需的信息，让他们感兴趣。
7.字体大小影响浏览行为
想改变人们对你的网页的看法吗?改变网页字体的大小。大的字体刺激浏览，而小一些的字体则提高焦点阅读量。根据你的需要，合理配置两者的比例。
8.遇到感兴趣的内容，用户仅会多看一眼副标题
不要过分坚持副标题固定的格式——保证他们的相关性和兴趣。你也可以让副标题包含关键词，这样可以有效利用搜
索引擎，让它带来读者。
9.人们大都只浏览网页的小部分内容
如果在用户浏览的时候提供信息使他们尽快锁定目标，就可以把这一点发展成为你的优势。突出某些部分或者创建项目列表使网页信息容易找到和阅读。
10.简短的段落相对于长段落来说有更好的表现力
网页信息是为大多数强调快速浏览的无联网用户提供的。除非上下文的衔接要求，保持信息由简短的段落和句式组成，例如 这个电子商务网站 的产品介绍。
11.根据视觉锁定，一栏格式比多栏格式拥有更好的表现力 别让过多的信息把网站来访者淹没。大多数情况下，简洁更具力量。多栏内容容易被用户忽视，我们需要消除这些干扰。
12.网页顶部和左边的广告更能吸引眼球
如需要在网站植入广告，试图使他们融入网页的左上部，这样他们才能吸引到最大的视觉注意力。当然，用户仅仅会注意到这些广告，这并不意味着他们会用鼠标点击。所以不要为了提高广告的注意力而牺牲原有的网站设计。
13.将广告放置与最佳内容一旁也可以提升注意力
如果想要提升广告的可视性和点击率，可以将其设置于最能引起人兴趣的内容一旁，整合进网页的设计里。这样，用户既可以找到所需的内容，你也能提升广告的效益。
14.在各种测试中，人们阅读文字广告最为专心。
正如上面提到的，一般的互联网用户不会花费太多时间用于查看那些一眼就能看出是广告的内容。这就是文字广告表现出众的原因。他们并没有分散注意力，而是与网页的其它部分内容融为一体，这让他们减少了对读者的视觉刺激，也使这一广告形式获得成功的阅读率。
15.越大的图像吸引越多的注意力
如果要在网页中使用图片，那越大越好。人们更倾向于查看那些能够清楚地看到细节和获取信息的图像。要保证你所用的图片与文章内容相关，否则它更容易被忽视。大多数读者都拥有高速的连接速度，所以请放心在你的网站上使用那些较大体积的图片。
16.干净、清晰的特写图片能吸引更多的视觉注意
可能那些抽象的艺术图片会让你的网站看起来很有味道，但是他们并不会吸引多少读者的注意力。如果你需要使用到这些图片，请确保所用图片的清晰以及其表达内容的简单可读性。必须注意的是，那些与真实的“人”相关的图片比所谓的模特图片更为“优秀”。
17.标题能吸引眼球
浏览网页时，读者能发现的第一内容是标题。确保网页的所有相关链接畅通和有效，以让读者顺利的通过网站进一步搜索。
18.用户花费大量时间察看按钮和菜单
所以，你需要花费额外的时间维护你的精心设计。毕竟，他们不仅吸引了读者的眼球，更是网站设计的重要组成要素。
19.表单格式可以延长读者的注意时间
分解内容和段落，大量使用表单形式来表现你的文章，可以保证读者的浏览率。使用数字和其它标记符号来突出文章的重要内容，会让网站更容易浏览，用户更快的找到所需的信息。
20.避免呈现大块的文本
研究显示，一般的网络浏览者不会花费时间去阅读大块的文本，无论他们有多重要或写得多好。因此，必须把这些大文本分解为若干小段落。突出重要的地方，放置点击的按钮也可以提高用户的注意力。
21.格式可以吸引注意力
在文中使用粗体、大写、彩体、下划线可以帮助用户获取正文所表达的最主要的信息。使用时需要谨慎，因为过多的使用会使你的网页难以阅读，把读者吓跑。
22.利用好空白
尽管把网页的每寸空间都填满这个想法十分诱人，但事实上让网站留出部分剩余更为不错。网站的过量信息会把用户淹没，同时他们也会忘记所提供的大部分的内容。所以保持网页的简洁，给读者预留出一些视觉空间来供读者休息。
23.放置于网页顶部，导航工具的作用将更好的发挥
理想情况下，你不会满足于当读者打开你的网站时仅浏览初始页，而是希望他们浏览翻阅，察看其它感兴趣的内容。将导航器置于网页顶部，就可以让用户通过使用这个工具轻松的找到所需的目标内容。
最终效果
这里是作品预览图. 点击此处预览全图.
新建PSD文件
1 开始创建文档(Ctrl+N); 高和宽均为1200 像素.
使背景图层可编辑
2 按照默认设置, Photoshop将会锁定背景图层因此你不能进行编辑.为了使它可编辑, 在图层面板双击背景图层 (如果图层面板未激活,按下F7触发). 另外一种方法, 你可以在背景层上击右键,选择 “背景图层”. 一旦双击之后, 将会弹出对话框默认如下显示). 输入你背景图层的名字按下确定; 之后我们可以自由的编辑背景层.
创建背景层
3 现在我们的背景层可以编辑了,双击图层缩略图增加渐变图层样式; 根据下图设置样式参数.
4 创建新图层(Ctrl+Shift+N) 命名为 “header background“. 选择矩形选区工具(M) 在画布顶端绘制矩形选区;选区大概150px高,宽度与画布相同.
5 使用任意颜色填充选区(Alt+Backspace)增加图层样式.
6 建立新层 (Ctrl+Shift+N) 标志为 “navigation background“. 重复4 – 5步, 只是这次的选区只有50px高, 宽度仍然与画布一致,并且一定要放置在上面选区的下方.
7 填充选区(Alt+Backspace),任意颜色均可,并且增加一对图层样式,(颜色渐变以及描边选项).
你看到的应该是这样.
创建顶部
8 建立新层 (Ctrl+Shift+N)标志位”header“,选择矩形选区工作,在菜单栏调整宽度为850px 高度为150px.
9 将选区置于画布中央, 确保选区的底部在”navigation background”图层的描边之上.
10 填充选区 (Alt+Backspace) 选择任意颜色, 然后增添以下样式.
增加顶部文字
11 使用横排文字工具添加网站的标题和口号. 设置参照下图.
效果看起来应该是这样的.
创建导航栏
12 创建新图层(Ctrl+Shift+N) 命名为 “navigation“.使用矩形选区工具(M),设置固定大小: 850px 宽 和 50px 高.
13 在顶部下面新建选区, 填充任意颜色.
14 现在,为你的 “navigation”层增加3种样式.
看起来应该是这样的.
15 使用横排文字工具(T) 在你的导航栏上面增加导航链接.
增添导航经过按钮
16选择圆角矩形工具(U) 设置半径为10px.
17 画出一个小矩形大小为80px x 50px.
18 使用矩形工具(M)在刚才圆角矩形的上半部分再画一个矩形. 填充同样的颜色.
19在图层面板右击选择新建的图层并且复制. 将新复制的图层180度旋转,编辑> 变换 > 旋转 180. 最后, 使用移动工具将两个新建的图形紧挨在一起并且处于同一水平线上.
o
20 使用矩形选区工具切除不想要的部分. 在新建的图层下半部份新建一个选区, 按下 Del键清除.
21 使用移动工具(V) 和方向键对齐两个图形, 确保它们不是直接重叠. 按照下图所示, Ctrl + 点击图层面板中的缩略图载入较小图形的选区.
22 切换到较大图层按下del键清除不想要的部分. 重复上述步骤,你将看到以下图形.
改变链接经过样式
23当你的链接经过按钮一旦完成你可以删除副本, 然后重命名为”nav hover“. 现在开始,为它增加一组图层样式.
24 将 “nav hover”层移至 navigation 文字图层下方. 将文字的颜色改为白色(#FFFFFF).
25 在你”nav hover” 按钮图层的下方, 新建一个图层(Ctrl+Shift+N) 命名为 “nav hover extra“.在本层上, 使用椭圆选区工具新建一个小圆,颜色设置为#A3002F.
26切除椭圆被导航栏挡住的下半部分,调整到合适位置之后再复制一份.
看起来应该是这样的.
创建内容区域
27 建立新图层(Ctrl + Shift + N) 命名为 “content area“. 使用矩形选区工具, 新建选区宽度为850px , 与我们平时的框框一样,高度可以根据你的内容增加.填充任意颜色并且调整样式.
28 拖移”content area(内容区域)”图层到”navigation(导航)” 层下方然后使用移动工具(V)调整内容区域,是它与导航栏相交的部分像凹凸不平的线.
创建搜索框
29 新建图层(Ctrl+Shift+N) 命名为 “search field“在导航区域的右边新建矩形选区.
30 选择 编辑 >填充(Shift+F5) 填充白色(#FFFFFF), 增加描边样式.
31 使用横排文字工作在搜索区域插入文字.
32 紧挨着搜索区域的地方,使用矩形选区工具(M)新建另外矩形.
33 填充任意颜色并且为图层加入渐变叠加和描边两种图层样式; 根据下面图片设置.
看起来应该是这样的.
创建特色区域
34 建立新层 (Ctrl+Shift+N)命名为”featured area“,使用圆角矩形工具新建矩形,圆角半径为10px.
35 使用多边形工具(L) 创建锐利的箭头指向左上部分. 为箭头填充同样的颜色.
36 现在为你的特色区域图层增加一对图层样式(渐变叠加和描边) .
填充特色区域内容
37 建立新层(Ctrl+Shift+N) 命名为 “featured border” 使用矩形选区工具(U), 在特色区域里面新建矩形.
38 按Ctrl键点击区域缩略图载入选区, 然后点击”旋转> 修改 > 收缩”. 收缩区域威10px, 然后按下OK.
39 载入你想要的图片 (我使用一些花的图片), 打开ps, 复制图片到你的剪切板(Ctrl + C). 确保我们上一步创建的选区仍然处于激活状态,点编辑 >粘贴入(Shift+Ctrl+V).图片就会粘贴到选区里面.
40 在图片右侧增加虚拟的标题和文字.
创建内容区域的三维绸带
41 使用和导航经过按钮类似的方法创建左边部分, 区别在于这次重叠区域更加长,并且是水平调整(如果需要请重新跳回阅读).
42 在绸带的结尾部分(右手边),使自定义形状工作(L)创建三角形 然后按下del键删除不需要部分. 最后, 增添图层样式和虚拟文字.
43 复制三维绸带,点击图层选择编辑 >变换> 水平翻转. 使用移动工具调整(V) 到右边; 他们将作为侧边栏的标题部分
44 在每个标题下面增加文字或者一两张图片.
创建页脚
45 再次创建鼠标经过按钮(或者, 你可以简单复制上面已经做过的).
46 根据下图颜色列表更改渐变样式.
47 合并并且旋转该层,通过 编辑> 变换 > 逆时针旋转90°. 移动到图层左边.
48 复制该图形通过编辑>变换>水平翻转. 移动到图层另外一边.
49 将两个图形合并到同一个层(Ctrl+E), 放大其中任一个图形 (Z) , 类似下图创建选区,选择编辑> 自由变形(Ctrl+T).
50 选择中间的锚点拖拉到画布的另外一边.
看起来应该类似这样.
51 最后,使用横向文字工具写入你页脚的信息.
推荐阅读：
网页设计师的薪资08-05
网页设计师学习课程05-31
网页设计师工作经验02-17
网页设计师求职信06-17
网页设计师招聘（通用9篇）09-21
网页设计师条件（精选9篇）12-08
网页制作与网页设计论文（精选3篇）04-13
网页设计论文提纲11-15
商业网页设计论文04-11
网页设计论文题目05-08
