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

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

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