不管你將來(lái)用哪種語(yǔ)言制作網(wǎng)頁(yè),首先要學(xué)習 HTML (超文本標識語(yǔ)言),一個(gè)非常簡(jiǎn)單的語(yǔ)言,也是網(wǎng)頁(yè)設計的基礎,找一本自己能看懂的教材,主要是瀏覽,不需要記憶所有的概念,只需要記住使用原理,這個(gè)階段,估計三天就夠了;再用兩天學(xué)習 CSS,方法同上;自學(xué)幾天,就可以學(xué)會(huì ),盡管現在有三劍客這樣的可視化的設計軟件,但還是必須要學(xué)CSS。掌握了HTML之后,其實(shí)你就可以設計一些簡(jiǎn)單的靜態(tài)頁(yè)面了,在接下來(lái)就是學(xué)習可視化設計軟件,比如網(wǎng)頁(yè)三劍客中的DREAMWEAVER,這就是可視化的頁(yè)面結構設計軟件,可視化的意思就是可以用軟件中現成的按鈕或選項幫助你快速制作網(wǎng)頁(yè),代碼由軟件代替你自動(dòng)生成,可以大大提高效率。除此之外還可以可以學(xué)習Flash動(dòng)畫(huà)和Photoshop,這些在以后都用得到。
課程詳情
階段: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)重要。