網(wǎng)頁設(shè)計的工作目標(biāo),是通過使用更合理的顏色、字體、圖片、樣式進行頁面設(shè)計美化,在功能限定的情況下,盡可能給予用戶完美的視覺體驗。高級的網(wǎng)頁設(shè)計甚至?xí)紤]到通過聲光、交互等來實現(xiàn)更好的視聽感受。網(wǎng)頁設(shè)計主要以Adobe產(chǎn)品為主,常見的工具包括FW、PS、FL、DW、CDR、AI等,其中DW是代碼工具,其他是圖形圖像和FL動畫工具。

課程詳情
階段:UI手繪入門
課程內(nèi)容:①基礎(chǔ)知識點講解(透視)、(結(jié)構(gòu));②UI標(biāo)志基礎(chǔ)學(xué)習(xí);③UI標(biāo)志深入學(xué)習(xí)
第二階段:PS軟件
課程內(nèi)容:①界面介紹+去水印+修容;②摳圖;③扁平圖形繪制(布爾運算);④海報初接觸(鋼筆工具+蒙版);⑤精修產(chǎn)品圖繪制(畫筆+圖層樣式講解);⑥動態(tài)二維碼01(時間軸講解);⑦商業(yè)合成(混合模式+調(diào)整講解)
第三階段:AI軟件與字體設(shè)計
課程內(nèi)容:①界面介紹+扁平插畫繪制;②混合工具講解+網(wǎng)格工具講解;③動態(tài)二維碼02(二維碼設(shè)計);④二維碼設(shè)計;⑤字體類型+尖角法設(shè)計;⑥字體替換法設(shè)計;⑦字體連接法(字內(nèi)連接+字間連接);⑧手寫體設(shè)計+書法字體嫁接法;⑨英文字體設(shè)計+字體包裝
第四階段:板式設(shè)計
課程內(nèi)容:①版式設(shè)計基本原則;②海報優(yōu)化及文字排版;③版式平衡與構(gòu)圖、點線面構(gòu)成原則;④營造畫面空間景深;⑤BANNER設(shè)計
第五階段:網(wǎng)頁界面設(shè)計
課程內(nèi)容:①認(rèn)識網(wǎng)頁,了解框架結(jié)構(gòu);②登錄注冊界面;③企業(yè)官網(wǎng)設(shè)計;④電商網(wǎng)頁設(shè)計;⑤后臺界面;⑥專題BANNER設(shè)計;⑦專題頁講解;⑧活動節(jié)日專題頁設(shè)計方法
第六階段:前段代碼
課程內(nèi)容:①HTML基礎(chǔ)+PC端注冊頁面實現(xiàn);②CSS基礎(chǔ)+移動端文章頁面實現(xiàn);③CSS進階+移動端登錄頁面實訓(xùn);④CSS高級+常用動畫與過渡效果制作;⑤自適應(yīng)布局與javascript介紹+官網(wǎng)制作實訓(xùn)

網(wǎng)頁設(shè)計(web design,又稱為Web UI design,WUI design,WUI),是根據(jù)企業(yè)希望向瀏覽者傳遞的信息(包括產(chǎn)品、服務(wù)、理念、文化),進行網(wǎng)站功能策劃,然后進行的頁面設(shè)計美化工作,作為企業(yè)對外宣傳物料的其中一種,精美的網(wǎng)頁設(shè)計,對于提升企業(yè)的互聯(lián)網(wǎng)品牌形象至關(guān)重要。