當前位置：平面設計學院 > 網頁美工設計入門詳解
本門課程主要是通過幾種設計軟件的綜合應用，講解作為一個網站美工所必備的基礎知識和技能，讓學生從單一軟件的學習中走出來，轉化為多元化的實際應用。選取的案例均是當前網頁美工領域實用的案例，穿插講解相關理論。共分為4章，網頁制作流程和設計常識部分、平面造型及設計部分和動畫設計部分。
第一、二章： 網頁制作流程和設計常識部分——主要讓學生了解傳統網站布局結構，通過案例學習網頁布局方案及制作流程，講色彩知識在網頁中的運用及網頁規范；第三章： 平面造型及設計部分——主要進行網頁相關元素的審美培養并介紹相關設計原則，通過Photoshop、CorelDraw等平面設計軟件制作效果優秀的網頁元素，了解網頁元素構成的規律； 第四章： 動畫設計部分——主要通過制作Flash在幾個主要的設計（應用）領域中，運用動畫技術滿足網站前臺特效，以及企業產品廣告演示等需求。結合實際案例解析，解釋如何在Flash中實現的關鍵步驟，掌握不同設計（應用）領域中常用的Flash程序設計手段。
第一章 網頁布局與制作流程
第二章 網頁設計與配色原則
第三章 網頁平面造型設計
第四章 網頁動畫設計
|
第一章網頁布局與制作流程
|
|
學習常用的網頁布局模式：上下結構式、左右結構式、上左右結構式、上左中右結構式；會對網頁結構進行變形；學習網頁設計的風格類型。
|
|
案例演示制作，用PS設計網上商城二級頁面。
|
|
學習切片與切片的相關命令；案例制作：裁切網上商城二級頁面。
|
|
學習網頁制作的流程，案例制作：在DW中制作網上商城二級頁面草圖。
|
|
第二章網頁設計與配色原則
|
|
本節主要學習了網頁的設計原則：（1）明確主題；（2）材料分析；（3）案目標用戶分析；（4）設計的“4”種切入點。
|
|
學習了網頁配色原則，網頁安全色的使用；網頁設計中色彩的基本原則；案例制作（一）：網站配色方案調整（先給出一個普通的網站，通過配色調整煥然一新）；案例制作（二）：制作不同顏色網站，搭配不同風格。
|
|
學習 常用的HTML標簽，涉及網頁美工部分的幾種常見HTML標簽及相關屬性。
|
|
學習了常見的HTML編碼規范及文件名規范。
|
|
第三章 網頁平面造型設計
|
|
學習了ICON基本常識；制作案例IE瀏覽器的ICON。
|
|
以DW的ICON為例學習成套ICON的制作，對優秀的ICON進行欣賞分析。
|
|
學習網頁按鈕的基本常識，優秀水晶網頁按鈕案例制作。
|
|
優秀成套網頁按鈕案例制作方法，優秀網頁按鈕欣賞分析。
|
|
LOGO基本常識,優秀 LOGO臨摹。
|
|
優秀LOGO設計思路案例,優秀LOGO欣賞分析。
|
|
導航欄的基本常識學習，傳統導航欄案例制作。
|
|
異形導航欄案例制作，優秀導航欄欣賞分析。
|
|
UI基本常識；優秀UI欣賞分析；UI制作流程。
|
|
優秀UI案例制作分析。
|
|
第四章網頁動畫設計
|
|
使用Flash制作鼠標經過時顏色變換的導航效果。
|
|
使用Flash制作鼠標經過時出現彈跳位移效果的導航條。
|
|
使用Flash制作宜家風格網站首頁。
|
|
使用Flash制作歐美風格網站首頁。
|
|
使用補間動畫實現淘寶頁面動態BANNER（廣告條）制作。
|
|
使用遮罩動畫實現淘寶頁面動態BANNER（廣告條）制作。
|
第一章 網頁設計布局1
第一章 網頁設計布局2
第一章 裁切網頁
第一章 網頁制作
第二章 網頁設計
第二章 網頁配色
第二章 HTML常用標簽
第二章 網頁規范
第三章 網頁元素（ICON）圖標設計
第三章 網頁元素按鈕設計
第三章 網頁元素導航設計
第三章 網頁logo設計
第三章 網頁UI設計
第四章 網頁FLASH動感導航制作
第四章 簡單主頁設計
第四章 動態BANNER制作
王雪
liuying247
圓圓713
木易
jlc8181
situbei
羅福剛
1131560568
一寒
Lz
郭海江
youquan18
我的當當
胡錢多設計
陳露2013
snakypeter
hnjdsjxy
welliii
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
