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

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

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

腾讯游戏TGideas 高级设计师Gordan联合勤学网倾情打造,授课逻辑严谨,思路清晰,课程内容拥有强大的理论支撑,让大家知其然,也知其所以然。课程总体划分上下两个篇章:本套课程是上篇部分,上篇中主要将网页设计知识点拆开讲解,针对各个难点、重点进行分析,让大家对每个细节都有全面的了解。教程总共九个大章,属于高级课程内容,适合对Photoshop软件操作有一些使用经验的学员。

 
上篇课程总共分为九章
 
上篇
 
第一章 网页设计概述

对网页设计的分类、应用范畴进行详细分析。

第一章

第二章网页设计组成元素

包括色彩、排版、人像、静物处理以及交互处理等。

第二章

第三章色彩搭配及配色误区

不同行业、不同类型的网页,在色彩基调选择上的规律。

确定主色调之后,我们通过何种方式来进行色彩搭配,不同的颜色会给人怎样的视觉效果等。

网页设计第三章

第四章 网页设计构图及形式感的打造

内容包括:设计构图的方式有哪些?形式感如何打造?以及构图形式的适用范围等。

第四章

第五章 网页中的文字处理

文字部分在网页设计中占有举足轻重的地位,它是网页信息传达的主要载体。

我们通过分析文字的排版、图文混排的方式,以及标题文字排版三个方面来讲解。

第五章

第六章 交互处理

随着网络和新技术的发展,各种新产品和交互方式越来越多,人们也越来越重视对交互的体验。

那么本章节我们就针对网页设计中常用的交互方式进行分析,同时还讲解到了“分割法”以及响应式页面的概念。

第六章

第七章 图像处理

通过一个地产页面向大家演示和讲解了网页图象,如何调整色相、饱和度和明度,从而塑造画面的景深关系、透视关系以及画面的层次感。

第七章第七章02

第八章 人像处理

我们通过细部刻画人物的光影关系,来塑造人物的立体感。根据需求,打造场景氛围。

第八章01第八章02

第八章_03.jpg

第九章 逆光效果制作

在素材不完美的情况下,如何通过逆光效果,来突出氛围?逆光效果具有哪些特征?场景又该怎样塑造?

这些,我们都会在课程中一一为大家解答。

第九章01第九章_02.jpg

以上就是我们上篇部分的全部内容,课程通过理论结合实践的方式进行讲解,相信学完之后,大家会对网页设计有更深刻的认识,也能做出更加优秀的作品。更多详细内容,让我们一起期待正式课程的学习。

 
第一章 概述

介绍本套教程的主要内容,网页设计类型的划分及趋势。

第二章 网页设计组成元素

本小节主要讲解网页设计中色彩的重要性,以及通过哪些方面来把握网页的整体色彩。

排版的主要目的在于梳理网页信息层级结构关系,其中包括文字色彩、大小、图文混排以及图标等方面的应用。

本小节主要讲解网页中人像静物,在色彩和景深方面处理注意事项,以及网页和人的交互关系处理技巧。

第三章 色彩搭配及配色误区

网页通过何种方式将色彩的整体基调呈现给大家,如根据企业vi、产品特性、主题等确定网页整体色彩基调

常见的经典配色、对比色、近似色的使用,根据图片取色以及近似配色在Photoshop中的实操技法。配色失败案例的分析。

第四章 网页构图

主要讲解网页设计中的构图形式,包括常规的构图,以及特定主题时形式感的打造,不同构图形式的适用范围等。

第五章 网页中文字处理

主要讲解文字在网页设计中的重要地位,以及做文字排版时,信息层级结构的梳理方式。

实例演示如何将文字的层级关系梳理得更加清晰,以及按钮在层级关系中的作用。

信息展现类为主的页面中,图片在排版中的重要意义,以及图文混排的理论依据

主要讲解标题文字排版的思路、处理原则,以及演示常见排版方式

第六章 交互处理

信息展现为主的页面在交互处理方面的侧重点实例分析

讲解了网页设计中如何使用“分割法”划分网页区块,以及响应式页面的概念

“网易原创音乐”页面交互式处理分析

第七章 图像处理

项目背景分析、案例展示

画面色调、景深关系、明暗关系调整,导航信息结构的初步把握。

通过添加细节元素“竹叶”塑造画面的层次感空间感,和营造画面的特殊环境氛围。

“龙门一号”子页面处理过程分析以及“帝景金岸”画面调整实例演示

第八章 人物处理

以“端抢的人”为例,讲解如何在没有素材的情况下,根据人物特征,进行场景氛围打造,以及人物整体色调、光影关系的调整。

加入一些符合场景的细节元素,让画面更加真实,更加具有带入感。

多个人物如何摆放,相互之间作用的关系如何处理

第九章 人像逆光效果制作

逆光场景特征分析,素材的搜集和场景初步合成

光源以及人物素材精致化处理和逆光效果深入刻画

细节元素的添加,深入打造场景的整体氛围、光影、透视层次关系等

 
Gordan 主攻:字体设计/网页/摄影等 简介:腾讯游戏TGideas高级设计师,从事互联网门户、游戏品牌、包装设计工作多年。曾就职于3G门户、网易、4399、腾讯等国内大型互联网公司,担任过设计经理、组长、资深设计师等职务。有着丰富的品牌、交互、用户体验、WebUI、 手机移动端、图标等设计经验。擅长字体设计,产品创意与功能设计,通过产品功能和用户研究,能够很好的结合产品定位,用户体验执行设计方案。对用户体验、产品有比较深入的研究兴趣。
作品:
 
  • 01网页设计概述截图
  • 02_网页设计组成元素截图
  • 02_网页设计组成元素02截图
  • 02_网页设计组成元素03截图
  • 02_网页设计组成元素04截图
  • 03色彩搭配及配色误区截图04
  • 03色彩搭配及配色误区截图03
  • 03色彩搭配及配色误区截图02
  • 03色彩搭配及配色误区截图01
  • 04网页构图及形式感打造01截图
  • 04网页构图及形式感打造02截图
  • 04网页构图及形式感打造03截图
  • 05网页设计文字处理01截图
  • 05网页设计文字处理02截图
  • 05网页设计文字处理03截图
  • 05网页设计文字处理04截图
  • 05网页设计文字处理05截图
  • 05网页设计文字处理06截图
  • 05网页设计文字处理07截图
  • 06网页设计中的交互处理01截图
  • 06网页设计中的交互处理02截图
  • 06网页设计中的交互处理03截图
  • 06网页设计中的交互处理04截图
  • 06网页设计中的交互处理05截图
  • 06网页设计中的交互处理06截图
  • 07图像处理截图01
  • 07图像处理截图02
  • 07图像处理截图03
  • 07图像处理截图04
  • 07图像处理截图05
  • 07图像处理截图06
  • 07图像处理截图07
  • 07图像处理截图08
  • 08人像处理截图01
  • 08人像处理截图02
  • 08人像处理截图03
  • 08人像处理截图04
  • 08人像处理截图05
  • 08人像处理截图06
  • 09逆光处理01截图
  • 09逆光处理02截图
  • 09逆光处理03截图
  • 09逆光处理04截图
  • 09逆光处理05截图
  • 本套教程单价:¥890元 助学价:¥380元 
  • 平面设计学院年会员:¥1800元/年 今日促销:¥399元 可学习所有教程+新增教程 
  • 本学院已有 126 套教程 总计 1377 个小时 查看详情
购买了该教程的同学
qwe5555
dengnici
桃汁
墨先生
陈露2013
polo23
liyazhi
王雪
liuying247
jlc8181
天成
十之八九
wlh630
夏個
情酙鸡尾酒
我的当当
LJP
carnation
 
您可能感兴趣的课程
 
讲师:笨叔
39603次25条56次
 
讲师:贾斌
138069次58条158次
 
讲师:文成武
265306次237条561次
 
讲师:开心老师
444592次207条459次
 
讲师:Gordan
228982次118条324次
 
讲师:胡飞虎
310938次213条749次
 
讲师:陈志文
295267次223条194次
 
讲师:田婧
2133804次1303条1176次
 
微信客服 微信号:qinxue7855