当前位置:平面设计学院 > 网页设计高级教程(下篇)
 

网页设计高级教程(下篇)

109772次 62条 267次
讲师:Gordan
课级:高级拓展
时长:15.6小时
单价:¥890元 助学价:¥390元 我要单买
年会员:¥1800元/年 今日促销:¥399元 平面设计学院所有教程免费学
分享到:

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

第一章和下篇.jpg

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

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

第一章.jpg

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

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

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

第二章_01.jpg第二章_02.jpg

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

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

第三章_01.jpg第三章_02.jpg

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

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

第四章_01.jpg第四章_02.jpg第四章_03.jpg

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

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

第五章_01.jpg第五章_02.jpg第五章_03.jpg

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

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

第六章_01.jpg第六章_02.jpg

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

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

 

第七章_01.jpg第七章_02.jpg

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

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

 

第八章_01.jpg第八章_02.jpg第八章_03.jpg

第九章 常见错误案例分析

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

第九章.jpg

第十章 设计师的自我规划

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

第十章.jpg

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

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

主要讲解常用色彩属性,以及网络上比较流行的一些配色方法总结,未来流行配色趋势。

归纳包括三角形,矩形,圆形和超现实表现四种常用的构图形式,分析不同构图的适用范围,和形式感构图的合理应用

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

确定画面左右构图的形式,以及导航条的排版制作,画面色调和光源的初步调整

主要讲解如何通过调整字体类型、大小以及间距等,梳理信息层级关系以及画面明暗关系的初步调整

本节课主要讲解和演示画面文字的排版、质感添加、统一光源以及场景层次感打造

本堂课主要讲解按钮的制作以及画面整体色彩氛围的打造以及点缀作用的细节元素添加

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

主要讲解项目的背景,以及相关网页设计尺寸把握,以及多人物地面阴影的处理方式

主要讲解案例中的人物主体色彩调整,以及融入场景的光效处理

人物基本处理完成之后,我们开始着手处理场景氛围,包括颗粒细节的添加、文字、按钮等相关元素的加入和细节刻画。

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

素材的导入,分析整体画面的构图,调整主体人物和文字之间的比例关系

本小节主要讲解大关系处理,背景星空的合成思路,以及层次感打造。

主要讲解素材元素的加减法处理,人物色调的统一,以及内容排版添加。

主要讲解如何人物和背景图片以及文案内容之间的关联性,画面质感、立体感的统一,高光效果的点缀。

主要讲解文字的立体感,光影关系,材质等的添加,以及画面整体性调整。

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

项目的分析和风格确定,整体画面形式感构图处理方式和基本内容信息的排版处理

本小节讲解水墨中国风背景氛围的打造和制作方法详解

主要讲解文字内容信息部分的排列和初步细化处理

按钮部分材质质感添加和画面光影关系处理

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

主要讲解如何通过平面软件的简单操作模拟立体效果,如何添加材质和处理光影关系。

材质质感的深入刻画,文字和星球大关系光影调整,以及辅助小元素火箭的刻画。

第七章“界眼的突破·炎”实战案例

主要讲解排版构图的选择,大色调的选择以及人物重心处理

人物色调、光影关系、立体感处理,文字的质感打造

碎块玻璃的制作和添加,塑造画面战争和力量感

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

确定构图形式,背景及墙体质感的初步刻画

主要讲解多人物素材之间的层级关系、明暗、色调等处理,以及文字内容信息的排列和细化区分。

画面光源的整合,处理画面中各物体之间的相互作用关系

第九章 常见错误分析

主要分析企业站、海报等案例在色彩、构图、信息层级关系区分等错误操作,以及修改前后效果对比。

常见页面处理错误示范,分析总结网页设计师的职责和正确的职业心态。

第十章 设计师的自我规划

介绍BAT设计师的工作状态,主要讲解从业过程中的自我总结和提升方法,以及如何包装自己。

 
Gordan 主攻:字体设计/网页/摄影等 简介:腾讯游戏TGideas高级设计师,从事互联网门户、游戏品牌、包装设计工作多年。曾就职于3G门户、网易、4399、腾讯等国内大型互联网公司,担任过设计经理、组长、资深设计师等职务。有着丰富的品牌、交互、用户体验、WebUI、 手机移动端、图标等设计经验。擅长字体设计,产品创意与功能设计,通过产品功能和用户研究,能够很好的结合产品定位,用户体验执行设计方案。对用户体验、产品有比较深入的研究兴趣。
作品:
 
  • 01色彩原理
  • 01色彩原理2
  • 02构图原理01
  • 02构图原理02
  • 03翠秀丽江页面01
  • 03翠秀丽江页面02
  • 03翠秀丽江03
  • 03翠秀丽江04
  • 03翠秀丽江页面05
  • 03翠秀丽江页面06
  • 03翠秀丽江页面07
  • 03翠秀丽江页面08
  • 04DNF职业联赛01
  • 04DNF职业联赛02
  • 04DNF职业联赛03
  • 04DNF职业联赛04
  • 04DNF职业联赛05
  • 04DNF职业联赛06
  • 05圣职者二次觉醒01
  • 05圣职者二次觉醒02
  • 05圣职者二次觉醒03
  • 05圣职者二次觉醒04
  • 05圣职者二次觉醒05
  • 05圣职者二次觉醒08
  • 05圣职者二次觉醒09
  • 06遮天2全民签到赢巨奖01
  • 06遮天2全民签到赢巨奖02
  • 06遮天2全民签到赢巨奖03
  • 06遮天2全民签到赢巨奖04
  • 06遮天2全民签到赢巨奖05
  • 06遮天2全民签到赢巨奖06
  • 06遮天2全民签到赢巨奖07
  • 07游戏logo制作01
  • 07游戏logo制作02
  • 07游戏logo制作03
  • 07游戏logo制作04
  • 08界眼的突破·炎01
  • 08界眼的突破·炎02
  • 08界眼的突破·炎03
  • 08界眼的突破·炎04
  • 08界眼的突破·炎05
  • 08界眼的突破·炎06
  • 09女魔法师二次觉醒征名01
  • 09女魔法师二次觉醒征名02
  • 09女魔法师二次觉醒征名03
  • 09女魔法师二次觉醒征名04
  • 09女魔法师二次觉醒征名05
  • 10常见错误分析01
  • 10常见错误分析02
  • 11职业规划02
  • 10常见错误分析03
  • 10常见错误分析04
  • 10常见错误分析05
  • 10常见错误分析06
  • 10常见错误分析07
  • 11职业规划01
  • 本套教程单价:¥890元 助学价:¥390元 
  • 平面设计学院年会员:¥1800元/年 今日促销:¥399元 可学习所有教程+新增教程 
  • 本学院已有 126 套教程 总计 1377 个小时 查看详情
购买了该教程的同学
夏個
未检测到
liuyaqian
dengnici
hnjdsjxy
王雪
liuying247
天成
liyazhi
YXC贸易
1131560568
jlc8181
桃汁
lsyyunshi
当当小
圆圆713
情酙鸡尾酒
陈露2013
 
您可能感兴趣的课程
 
讲师:笨叔
39605次25条56次
 
讲师:贾斌
138069次58条158次
 
讲师:文成武
265306次237条561次
 
讲师:开心老师
444592次207条459次
 
讲师:Gordan
228982次118条324次
 
讲师:胡飞虎
310938次213条749次
 
讲师:陈志文
295267次223条194次
 
讲师:田婧
2133804次1304条1176次
 
微信客服 微信号:qinxue7855