網(wǎng)頁(yè)設(shè)計(jì)教程：跟騰訊T3設(shè)計(jì)師一起學(xué)設(shè)計(jì)?。ㄏ拢?/h1>

時(shí)間：2023-09-28 22:54:02 | 來源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-09-28 22:54:02 來源：網(wǎng)站運(yùn)營(yíng)

網(wǎng)頁(yè)設(shè)計(jì)教程：跟騰訊T3設(shè)計(jì)師一起學(xué)設(shè)計(jì)?。ㄏ拢航叹毸?jīng)Q定了選手水平，在自學(xué)網(wǎng)頁(yè)設(shè)計(jì)之初，若有個(gè)優(yōu)秀的老師引路，也許會(huì)達(dá)到事半功倍的效果。騰訊游戲TGideas高級(jí)設(shè)計(jì)師Gordan，擁有多年的互聯(lián)網(wǎng)從業(yè)設(shè)計(jì)經(jīng)驗(yàn)，其傾力打造的《網(wǎng)頁(yè)設(shè)計(jì)高級(jí)教程》系列課程，匯集了其多年的設(shè)計(jì)心得，相信在Gordan老師的帶領(lǐng)下，你的設(shè)計(jì)能力會(huì)得到前所未有的提高。

課程介紹

本套課程為下篇部分，全案例講解，總共分為十章，適合Photoshop掌握比較熟練的學(xué)員。豐富的實(shí)例讓上篇中的理論落到實(shí)處，更深層次梳理創(chuàng)作思路，學(xué)完定能收獲頗豐，擁有獨(dú)立完成網(wǎng)頁(yè)設(shè)計(jì)任務(wù)的能力。

—

視聽課程：http://t.cn/R5pKFHV

—

授課設(shè)計(jì)師：Gordan

主攻：字體設(shè)計(jì)/網(wǎng)頁(yè)/攝影等

簡(jiǎn)介：騰訊游戲TGideas高級(jí)設(shè)計(jì)師，從事互聯(lián)網(wǎng)門戶、游戲品牌、包裝設(shè)計(jì)工作多年。曾就職于3G門戶、網(wǎng)易、4399、騰訊等國(guó)內(nèi)大型互聯(lián)網(wǎng)公司，擔(dān)任過設(shè)計(jì)經(jīng)理、組長(zhǎng)、資深設(shè)計(jì)師等職務(wù)。有著豐富的品牌、交互、用戶體驗(yàn)、WebUI、 手機(jī)移動(dòng)端、圖標(biāo)等設(shè)計(jì)經(jīng)驗(yàn)。

擅長(zhǎng)字體設(shè)計(jì)，產(chǎn)品創(chuàng)意與功能設(shè)計(jì)，通過產(chǎn)品功能和用戶研究，能夠很好的結(jié)合產(chǎn)品定位，用戶體驗(yàn)執(zhí)行設(shè)計(jì)方案。對(duì)用戶體驗(yàn)、產(chǎn)品有比較深入的研究興趣。

課程詳情

第一章 色彩和構(gòu)圖的深度剖析

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

第二章到八章，我們正式進(jìn)入實(shí)操演練部分，通過7個(gè)不同的案例，詳細(xì)演示和講解了網(wǎng)頁(yè)從無到有的設(shè)計(jì)過程。其中包括素材和構(gòu)圖分析、色彩搭配、形式感打造、文字處理、場(chǎng)景處理、氛圍塑造等。通過這部分的學(xué)習(xí)，我們將前面講到的理論知識(shí)和技巧，充分落實(shí)到案例操作中，真正做到理論指導(dǎo)實(shí)踐。又學(xué)會(huì)了具體情況具體分析，讓大家在遇到不同項(xiàng)目時(shí)，能夠從容面對(duì)。同時(shí)，讓我們的作品成為符合市場(chǎng)運(yùn)營(yíng)目的的商品，而不是純粹的藝術(shù)品。




第二章 “翠秀麗江”地產(chǎn)頁(yè)面案例實(shí)戰(zhàn)

這是一個(gè)地產(chǎn)頁(yè)面，是個(gè)改圖的案例。共有四個(gè)小節(jié)，包括：2.1構(gòu)圖分析/2.2信息結(jié)構(gòu)調(diào)整/2.3畫面質(zhì)感打造/2.4 細(xì)節(jié)的深入刻畫，第一小節(jié)確定畫面構(gòu)圖形式、導(dǎo)航條的排版制作、畫面色調(diào)和光源的進(jìn)行初步調(diào)整。第二小節(jié)講解如何通過調(diào)整字體類型、大小以及間距等，梳理信息層級(jí)關(guān)系以及畫面明暗關(guān)系的初步調(diào)整。第三小節(jié)是畫面文字的排版、質(zhì)感添加、統(tǒng)一光源以及場(chǎng)景層次感打造。最后一小節(jié)講解按鈕的制作以及畫面整體色彩氛圍的打造以及點(diǎn)綴作用的細(xì)節(jié)元素添加。




第三章“DNF職業(yè)聯(lián)賽”游戲頁(yè)面案例實(shí)戰(zhàn)

本章節(jié)講解了一個(gè)多人物處理案例，著重講解人物之間的關(guān)系，多人物該如何排列以及如何制作真實(shí)自然的投影等。共有四個(gè)小節(jié)，包括：3.1項(xiàng)目分析，主要講解項(xiàng)目背景，以及相關(guān)網(wǎng)頁(yè)設(shè)計(jì)尺寸把握，多人物地面陰影的處理方式。3.2人物處理：案例中的人物主體色彩調(diào)整，以及融入場(chǎng)景的光效處理。3.3細(xì)節(jié)元素添加：場(chǎng)景氛圍包括顆粒細(xì)節(jié)的添加、文字按鈕等相關(guān)元素的加入和細(xì)節(jié)刻畫等。




第四章 “圣職者二次覺醒”游戲頁(yè)面案例實(shí)戰(zhàn)

這是一個(gè)游戲頁(yè)面的案例，主要是多個(gè)素材的組合排列，知識(shí)點(diǎn)包括人物之間相互作用的關(guān)系處理，以及場(chǎng)景打造，氛圍營(yíng)造等。包括五個(gè)小節(jié)，其中4.1 構(gòu)圖分析講解素材的導(dǎo)入，分析整體畫面的構(gòu)圖，調(diào)整主體人物和文字之間的比例關(guān)系。4.2 場(chǎng)景合成講解大關(guān)系處理，背景星空的合成思路，以及層次感打造。4.3 畫面整合主要是素材元素的加減法處理，人物色調(diào)的統(tǒng)一，以及內(nèi)容排版添加。4.4 元素關(guān)聯(lián)性處理如何處理人物和背景圖片以及文案內(nèi)容之間的關(guān)聯(lián)性，畫面質(zhì)感、立體感的統(tǒng)一，高光效果的點(diǎn)綴。4.5 文字內(nèi)容的處理，主要講解文字的立體感，光影關(guān)系，材質(zhì)等的添加，以及畫面整體性調(diào)整。

第五章 “遮天2全民簽到贏巨獎(jiǎng)”形式感頁(yè)面案例

這是個(gè)專題頁(yè)面的制作，主要知識(shí)點(diǎn)是中國(guó)風(fēng)的頁(yè)面如何制作，通過哪些形式來表現(xiàn)畫面的中國(guó)風(fēng)效果，以及一些細(xì)節(jié)元素的刻畫方式。包括四個(gè)小節(jié)，其中5.1 構(gòu)圖分析講解項(xiàng)目的分析和風(fēng)格確定，整體畫面形式感構(gòu)圖處理和基本內(nèi)容信息的排版處理等。5.2 背景刻畫，本小節(jié)講解水墨中國(guó)風(fēng)背景氛圍的打造和制作方法詳解。5.3 文字內(nèi)容排版，主要講解文字內(nèi)容信息部分的排列和初步細(xì)化處理。5.4 材質(zhì)光效刻畫，主要是按鈕部分材質(zhì)質(zhì)感添加和畫面光影關(guān)系處理等。




第六章 “勇者大冒險(xiǎn)”游戲logo制作

本小節(jié)主要講解文字部分的制作，主要知識(shí)點(diǎn)是如何通過平面的元素來制作文字的立體感，通過何種方式來統(tǒng)一畫面的光源，以及文字光影關(guān)系和材質(zhì)的制作方式等。主要包括兩個(gè)小節(jié)：6.1 文字立體感打造，講解如何通過平面軟件的簡(jiǎn)單操作模擬立體效果，如何添加材質(zhì)和處理光影關(guān)系。6.2 背景刻畫和大關(guān)系調(diào)整，主要是材質(zhì)質(zhì)感的深入刻畫，文字和星球大關(guān)系光影調(diào)整，以及輔助小元素火箭的刻畫等。




第七章 “界眼的突破·炎”形式感頁(yè)面案例

這個(gè)是一個(gè)形式感的案例，主要知識(shí)點(diǎn)是加深形式感頁(yè)面制作的理解以及如何通過繪制一些小元素來充實(shí)畫面，營(yíng)造頁(yè)面的場(chǎng)景氛圍和塑造畫面的景深關(guān)系和透視感。包括三個(gè)小節(jié)：7.1排版構(gòu)圖處理，講解排版構(gòu)圖選擇，大色調(diào)的選擇以及人物重心處理。7.2人物和字體的初步調(diào)整，講解人物色調(diào)、光影關(guān)系、立體感處理，文字的質(zhì)感打造。7.3場(chǎng)景氛圍打造，碎塊玻璃的制作和添加，塑造畫面戰(zhàn)爭(zhēng)和力量感。




第八章 “女魔法師二次覺醒征名字”頁(yè)面案例

這是一個(gè)綜合的案例，將前面講解到的知識(shí)點(diǎn)幾乎都有用到，包括了逆光效果，以及墻面元素的制作方式，主要是通過筆刷等素材來塑造真實(shí)的墻面效果。課程總共包括三個(gè)小節(jié)，8.1 構(gòu)圖和墻體刻畫，講解確定構(gòu)圖形式，背景及墻體質(zhì)感的初步刻畫。8.2 素材的層級(jí)關(guān)系及文字處理，主要講解多人物素材之間的層級(jí)關(guān)系、明暗、色調(diào)等處理，以及文字內(nèi)容信息的排列和細(xì)化區(qū)分。8.3 主體人物和環(huán)境的關(guān)系調(diào)整，畫面光源的整合，處理畫面中各物體之間的相互作用關(guān)系等。




第九章 常見錯(cuò)誤案例分析

本章節(jié)是常見錯(cuò)誤分析，也是一個(gè)反面講解部分。這里搜集了一些同學(xué)的作業(yè)，指出他們作品中的一些錯(cuò)誤和修改意見。讓大家在獨(dú)立完成作品的過程中，能夠規(guī)避這些常見問題，從而提高設(shè)計(jì)水平。




第十章 設(shè)計(jì)師的自我規(guī)劃

講解設(shè)計(jì)師的自我規(guī)劃和提升方法，我們不能做一個(gè)只是對(duì)著電腦的設(shè)計(jì)師。這里介紹了BAT公司的工作狀態(tài)，講解從業(yè)過程中的自我總結(jié)和提升方法，以及如何包裝自己，讓更多人了解自己，正確規(guī)劃設(shè)計(jì)之路。

以上就是本套課程的全部?jī)?nèi)容，相信大家學(xué)完之后，都能夠獨(dú)立完成符合市場(chǎng)需求的優(yōu)秀作品，成為真正的設(shè)計(jì)高手。更多精彩內(nèi)容，期待同學(xué)們加入正式課程，一起學(xué)習(xí)！

正式課程：http://t.cn/R5pKFHV