网页设计高级教程（视觉提升）——商业案例篇

小编：该套《网页设计高级教程(下篇)》为商业案例篇，全程实战讲解，适合Photoshop掌握比较熟练的学员。丰富的网页设计实例教程示范讲解，让上篇中的理论落到实处，更深层次梳理创作思路，学完定能收获颇丰，拥有独立完成网页设计任务的能力。

课程介绍

本套《网页设计高级教程》由腾讯游戏TGideas 高级设计师Gordan联合勤学网倾情打造，网页设计高级课程总共分为上下两个篇章，本套课程是下篇部分。本套课程全案例讲解，总共分为十章，适合Photoshop掌握比较熟练的学员。丰富的实例让上篇中的理论落到实处，更深层次梳理创作思路，学完定能收获颇丰，拥有独立完成网页设计任务的能力。

授课设计师：Gordan

主攻：字体设计/网页/摄影等

简介：腾讯游戏TGideas高级设计师，从事互联网门户、游戏品牌、包装设计工作多年。曾就职于3G门户、网易、4399、腾讯等国内大型互联网公司，担任过设计经理、组长、资深设计师等职务。有着丰富的品牌、交互、用户体验、WebUI、 手机移动端、图标等设计经验。擅长字体设计，产品创意与功能设计，通过产品功能和用户研究，能够很好的结合产品定位，用户体验执行设计方案。对用户体验、产品有比较深入的研究兴趣。

课程详情

第一章 色彩和构图的深度剖析

我们深度剖析了色彩原理和构图原理，色彩部分主要讲解常用色彩属性，和比较流行的配色方法总结以及未来流行配色趋势。构图部分则分析了常用构图形式、构图的适用范围，以及形式感构图的合理应用。

第二章到八章，我们正式进入实操演练部分，通过7个不同的案例，详细演示和讲解了网页从无到有的设计过程。其中包括素材和构图分析、色彩搭配、形式感打造、文字处理、场景处理、氛围塑造等。通过这部分的学习，我们将前面讲到的理论知识和技巧，充分落实到案例操作中，真正做到理论指导实践。又学会了具体情况具体分析，让大家在遇到不同项目时，能够从容面对。同时，让我们的作品成为符合市场运营目的的商品，而不是纯粹的艺术品。

第二章 “翠秀丽江”地产页面案例实战

这是一个地产页面，是个改图的案例。共有四个小节，包括：2.1构图分析/2.2信息结构调整/2.3画面质感打造/2.4 细节的深入刻画，第一小节确定画面构图形式、导航条的排版制作、画面色调和光源的进行初步调整。第二小节讲解如何通过调整字体类型、大小以及间距等，梳理信息层级关系以及画面明暗关系的初步调整。第三小节是画面文字的排版、质感添加、统一光源以及场景层次感打造。最后一小节讲解按钮的制作以及画面整体色彩氛围的打造以及点缀作用的细节元素添加。

第三章“DNF职业联赛”游戏页面案例实战

本章节讲解了一个多人物处理案例，着重讲解人物之间的关系，多人物该如何排列以及如何制作真实自然的投影等。共有四个小节，包括：3.1项目分析，主要讲解项目背景，以及相关网页设计尺寸把握，多人物地面阴影的处理方式。3.2人物处理：案例中的人物主体色彩调整，以及融入场景的光效处理。3.3细节元素添加：场景氛围包括颗粒细节的添加、文字按钮等相关元素的加入和细节刻画等。

第四章 “圣职者二次觉醒”游戏页面案例实战

这是一个游戏页面的案例，主要是多个素材的组合排列，知识点包括人物之间相互作用的关系处理，以及场景打造，氛围营造等。包括五个小节，其中4.1 构图分析讲解素材的导入，分析整体画面的构图，调整主体人物和文字之间的比例关系。4.2 场景合成讲解大关系处理，背景星空的合成思路，以及层次感打造。4.3 画面整合主要是素材元素的加减法处理，人物色调的统一，以及内容排版添加。4.4 元素关联性处理如何处理人物和背景图片以及文案内容之间的关联性，画面质感、立体感的统一，高光效果的点缀。4.5 文字内容的处理，主要讲解文字的立体感，光影关系，材质等的添加，以及画面整体性调整。

第五章 “遮天2全民签到赢巨奖”形式感页面案例

这是个专题页面的制作，主要知识点是中国风的页面如何制作，通过哪些形式来表现画面的中国风效果，以及一些细节元素的刻画方式。包括四个小节，其中5.1 构图分析讲解项目的分析和风格确定，整体画面形式感构图处理和基本内容信息的排版处理等。5.2 背景刻画，本小节讲解水墨中国风背景氛围的打造和制作方法详解。5.3 文字内容排版，主要讲解文字内容信息部分的排列和初步细化处理。5.4 材质光效刻画，主要是按钮部分材质质感添加和画面光影关系处理等。

第六章 “勇者大冒险”游戏logo制作

本小节主要讲解文字部分的制作，主要知识点是如何通过平面的元素来制作文字的立体感，通过何种方式来统一画面的光源，以及文字光影关系和材质的制作方式等。主要包括两个小节：6.1 文字立体感打造，讲解如何通过平面软件的简单操作模拟立体效果，如何添加材质和处理光影关系。6.2 背景刻画和大关系调整，主要是材质质感的深入刻画，文字和星球大关系光影调整，以及辅助小元素火箭的刻画等。

第七章 “界眼的突破·炎”形式感页面案例

这个是一个形式感的案例，主要知识点是加深形式感页面制作的理解以及如何通过绘制一些小元素来充实画面，营造页面的场景氛围和塑造画面的景深关系和透视感。包括三个小节：7.1排版构图处理，讲解排版构图选择，大色调的选择以及人物重心处理。7.2人物和字体的初步调整，讲解人物色调、光影关系、立体感处理，文字的质感打造。7.3场景氛围打造，碎块玻璃的制作和添加，塑造画面战争和力量感。

第八章 “女魔法师二次觉醒征名字”页面案例

这是一个综合的案例，将前面讲解到的知识点几乎都有用到，包括了逆光效果，以及墙面元素的制作方式，主要是通过笔刷等素材来塑造真实的墙面效果。课程总共包括三个小节，8.1 构图和墙体刻画，讲解确定构图形式，背景及墙体质感的初步刻画。8.2 素材的层级关系及文字处理，主要讲解多人物素材之间的层级关系、明暗、色调等处理，以及文字内容信息的排列和细化区分。8.3 主体人物和环境的关系调整，画面光源的整合，处理画面中各物体之间的相互作用关系等。

第九章 常见错误案例分析

本章节是常见错误分析，也是一个反面讲解部分。这里搜集了一些同学的作业，指出他们作品中的一些错误和修改意见。让大家在独立完成作品的过程中，能够规避这些常见问题，从而提高设计水平。

第十章 设计师的自我规划

讲解设计师的自我规划和提升方法，我们不能做一个只是对着电脑的设计师。这里介绍了BAT公司的工作状态，讲解从业过程中的自我总结和提升方法，以及如何包装自己，让更多人了解自己，正确规划设计之路。

以上就是本套课程的全部内容，相信大家学完之后，都能够独立完成符合市场需求的优秀作品，成为真正的设计高手。