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

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

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