當前位置：平面設計學院 > 網頁設計高級教程（上篇）
騰訊游戲TGideas 高級設計師Gordan聯合勤學網傾情打造，授課邏輯嚴謹，思路清晰，課程內容擁有強大的理論支撐，讓大家知其然，也知其所以然。課程總體劃分上下兩個篇章：本套課程是上篇部分，上篇中主要將網頁設計知識點拆開講解，針對各個難點、重點進行分析，讓大家對每個細節都有全面的了解。教程總共九個大章，屬于高級課程內容，適合對Photoshop軟件操作有一些使用經驗的學員。
對網頁設計的分類、應用范疇進行詳細分析。
第二章網頁設計組成元素
包括色彩、排版、人像、靜物處理以及交互處理等。
第三章色彩搭配及配色誤區
不同行業、不同類型的網頁，在色彩基調選擇上的規律。
確定主色調之后，我們通過何種方式來進行色彩搭配，不同的顏色會給人怎樣的視覺效果等。
第四章 網頁設計構圖及形式感的打造
內容包括：設計構圖的方式有哪些？形式感如何打造？以及構圖形式的適用范圍等。
第五章 網頁中的文字處理
文字部分在網頁設計中占有舉足輕重的地位，它是網頁信息傳達的主要載體。
我們通過分析文字的排版、圖文混排的方式，以及標題文字排版三個方面來講解。
第六章 交互處理
隨著網絡和新技術的發展，各種新產品和交互方式越來越多，人們也越來越重視對交互的體驗。
那么本章節我們就針對網頁設計中常用的交互方式進行分析，同時還講解到了“分割法”以及響應式頁面的概念。
第七章 圖像處理
通過一個地產頁面向大家演示和講解了網頁圖象，如何調整色相、飽和度和明度，從而塑造畫面的景深關系、透視關系以及畫面的層次感。
第八章 人像處理
我們通過細部刻畫人物的光影關系，來塑造人物的立體感。根據需求，打造場景氛圍。
第九章 逆光效果制作
在素材不完美的情況下，如何通過逆光效果，來突出氛圍？逆光效果具有哪些特征？場景又該怎樣塑造？
這些，我們都會在課程中一一為大家解答。
以上就是我們上篇部分的全部內容，課程通過理論結合實踐的方式進行講解，相信學完之后，大家會對網頁設計有更深刻的認識，也能做出更加優秀的作品。更多詳細內容，讓我們一起期待正式課程的學習。
|
第一章 概述
|
|
介紹本套教程的主要內容，網頁設計類型的劃分及趨勢。 |
|
第二章 網頁設計組成元素
|
|
本小節主要講解網頁設計中色彩的重要性，以及通過哪些方面來把握網頁的整體色彩。 |
|
排版的主要目的在于梳理網頁信息層級結構關系，其中包括文字色彩、大小、圖文混排以及圖標等方面的應用。 |
|
本小節主要講解網頁中人像靜物，在色彩和景深方面處理注意事項，以及網頁和人的交互關系處理技巧。 |
|
第三章 色彩搭配及配色誤區
|
|
網頁通過何種方式將色彩的整體基調呈現給大家，如根據企業vi、產品特性、主題等確定網頁整體色彩基調 |
|
常見的經典配色、對比色、近似色的使用，根據圖片取色以及近似配色在Photoshop中的實操技法。配色失敗案例的分析。 |
|
第四章 網頁構圖
|
|
主要講解網頁設計中的構圖形式，包括常規的構圖，以及特定主題時形式感的打造，不同構圖形式的適用范圍等。 |
|
第五章 網頁中文字處理
|
|
主要講解文字在網頁設計中的重要地位，以及做文字排版時，信息層級結構的梳理方式。 |
|
實例演示如何將文字的層級關系梳理得更加清晰，以及按鈕在層級關系中的作用。 |
|
信息展現類為主的頁面中，圖片在排版中的重要意義，以及圖文混排的理論依據 |
|
主要講解標題文字排版的思路、處理原則，以及演示常見排版方式 |
|
第六章 交互處理
|
|
信息展現為主的頁面在交互處理方面的側重點實例分析 |
|
講解了網頁設計中如何使用“分割法”劃分網頁區塊，以及響應式頁面的概念 |
|
“網易原創音樂”頁面交互式處理分析 |
|
第七章 圖像處理
|
|
項目背景分析、案例展示 |
|
畫面色調、景深關系、明暗關系調整，導航信息結構的初步把握。 |
|
通過添加細節元素“竹葉”塑造畫面的層次感空間感，和營造畫面的特殊環境氛圍。 |
|
“龍門一號”子頁面處理過程分析以及“帝景金岸”畫面調整實例演示 |
|
第八章 人物處理
|
|
以“端搶的人”為例，講解如何在沒有素材的情況下，根據人物特征，進行場景氛圍打造，以及人物整體色調、光影關系的調整。 |
|
加入一些符合場景的細節元素，讓畫面更加真實，更加具有帶入感。 |
|
多個人物如何擺放，相互之間作用的關系如何處理 |
|
第九章 人像逆光效果制作
|
|
逆光場景特征分析，素材的搜集和場景初步合成 |
|
光源以及人物素材精致化處理和逆光效果深入刻畫 |
|
細節元素的添加，深入打造場景的整體氛圍、光影、透視層次關系等 |
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截圖
lycpy
天成
情酙雞尾酒
dengnici
千日造船
welliii
百練成仙
YXC貿易
陳露2013
WBE
situbei
LJP
youquan18
polo23
小宇宙plus
胡錢多設計
桃汁
一寒
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
