網頁設計高級教程（下篇）

騰訊游戲TGideas 高級設計師Gordan聯合勤學網傾情打造，網頁設計高級課程總共分為上下兩個篇章，本套課程是下篇部分。本套課程全案例講解，總共分為十章，適合Photoshop掌握比較熟練的學員。豐富的實例讓上篇中的理論落到實處，更深層次梳理創作思路，學完定能收獲頗豐，擁有獨立完成網頁設計任務的能力。

第一章 色彩和構圖的深度剖析

我們深度剖析了色彩原理和構圖原理，色彩部分主要講解常用色彩屬性，和比較流行的配色方法總結以及未來流行配色趨勢。構圖部分則分析了常用構圖形式、構圖的適用范圍，以及形式感構圖的合理應用。

第二章到八章，我們正式進入實操演練部分，通過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公司的工作狀態，講解從業過程中的自我總結和提升方法，以及如何包裝自己，讓更多人了解自己，正確規劃設計之路。

以上就是本套課程的全部內容，相信大家學完之后，都能夠獨立完成符合市場需求的優秀作品，成為真正的設計高手。