【武漢理工大學(xué)賽比爾電腦培訓(xùn)】、專業(yè)藝術(shù)設(shè)計(jì)培訓(xùn)網(wǎng)、精品小班教學(xué)、武漢網(wǎng)頁(yè)設(shè)計(jì)前臺(tái)培訓(xùn)、武漢flash培訓(xùn)、武漢ps培訓(xùn)、武漢網(wǎng)頁(yè)優(yōu)化培訓(xùn)、武漢flash動(dòng)畫培訓(xùn)、武漢Dreamweaver培訓(xùn)、武漢網(wǎng)頁(yè)設(shè)計(jì)師培訓(xùn)、武漢網(wǎng)頁(yè)美工培訓(xùn)、武漢電腦培訓(xùn)、武昌電腦培訓(xùn)、武漢SEO培訓(xùn)、經(jīng)典培訓(xùn)、質(zhì)量第一、

 

網(wǎng)頁(yè)設(shè)計(jì)教學(xué)大岡
一、Flash培訓(xùn)班的培訓(xùn)：

【Flash培訓(xùn)課程內(nèi)容】：

1.使用Flash MX和Flash資源

2、繪圖和顏色處理

3、使用導(dǎo)入的圖形和視頻

4、添加  聲音

5、處理圖形對(duì)象

6、處理文本

7、創(chuàng)建動(dòng)畫

8、處理影片剪輯與按鈕

9、動(dòng)作腳本、使用動(dòng)作腳本創(chuàng)建交互影片

10、發(fā)布影片和導(dǎo)出、編程動(dòng)畫（ Action Script ）；可以制作多媒體網(wǎng)頁(yè)動(dòng)畫，賀卡、 MTV 、短劇、教學(xué)軟件等。

11、相關(guān)課程介紹及總復(fù)習(xí)。

 

二【Dreamweaver內(nèi)容】

 Dreamweaver網(wǎng)站綜合知識(shí)，面板組，站點(diǎn)管理；

1．介紹各種窗口元素、創(chuàng)建文檔、設(shè)置文本格式、插入圖、創(chuàng)建Layer樣式表應(yīng)用。 

2 .使用框架：創(chuàng)建框架、關(guān)于框架與框架集的使用、創(chuàng)建窗體、庫(kù)項(xiàng)目使用。

3.樣板應(yīng)用：Layout排版方式。

4.網(wǎng)頁(yè)交互：Behaviors（行為）概述，F(xiàn)lash電影、聲音的控制，顯示/隱藏層，檢查插件和瀏覽器，復(fù)雜翻轉(zhuǎn)圖，利用時(shí)間線檢查創(chuàng)建動(dòng)畫�？芍谱魑淖志W(wǎng)頁(yè)、圖文混排網(wǎng)頁(yè)、框架網(wǎng)頁(yè)、表單網(wǎng)頁(yè)、動(dòng)態(tài)網(wǎng)頁(yè)等多媒體網(wǎng)頁(yè)，綜合練習(xí)

 

三．【Photoshop內(nèi)容】

內(nèi)容：圖像繪制、編輯、圖像色彩校正；如何修復(fù)和改善照片；如何準(zhǔn)備用于其他應(yīng)用程序的作品；關(guān)于不同顏色模式的具體介紹；通道和位深度；在顏色模式之間轉(zhuǎn)換；使用“色階”等圖像調(diào)整方法，進(jìn)行調(diào)圖設(shè)置；ps的強(qiáng)大修復(fù)功能，八種圖像模式的概念及在設(shè)計(jì)中的應(yīng)用 ，通道在我們?cè)O(shè)計(jì)中的各種妙用，了解圖像類型是什么？ 蒙版及模式在人物和風(fēng)景的高級(jí)圖像合成中更是精彩絕倫；普通的路徑在我們的設(shè)計(jì)創(chuàng)意中更是景上添花。Ps的應(yīng)用極度廣泛，不僅在平面、在三維，網(wǎng)頁(yè)、動(dòng)畫都離不開它的應(yīng)用。我們?cè)趯W(xué)習(xí)ps是不是簡(jiǎn)單的軟件介紹，是以案例為標(biāo)本，剖析ps在商業(yè)廣告設(shè)計(jì)的應(yīng)用和設(shè)計(jì)思維的拓展。

設(shè)計(jì)之眼網(wǎng)頁(yè)設(shè)計(jì)理念簡(jiǎn)述

1、 巨大的logo/標(biāo)頭(headers)

為了給訪問(wèn)者造成難以忘懷的印象，目前流行趨勢(shì)將會(huì)是巨大的logo或者不相上下大小的標(biāo)頭。這種類型的標(biāo)頭會(huì)占據(jù)整 個(gè)屏幕，但是只有一個(gè)重要的短信息在上面。訪問(wèn)者不需要點(diǎn)擊任何東西，只要把鼠標(biāo)向下滑動(dòng)。大幅的標(biāo)頭就像飛出頁(yè)面一樣，但是它不會(huì)強(qiáng)迫你的用戶點(diǎn)擊任何東西。

　 中心思想：巨大的標(biāo)頭將會(huì)使你的訪問(wèn)者記住你的網(wǎng)站

2、素描/手繪設(shè)計(jì)

　　 手繪設(shè)計(jì)并不是真正全新的一種潮流，但我們知道它仍然站在網(wǎng)頁(yè)設(shè)計(jì)的前沿。如果你去看那些最流行的手繪風(fēng)格網(wǎng)站，你會(huì)注意到大多數(shù)同行不會(huì)繪畫。如果你會(huì)涂鴉，你就可以創(chuàng)作素描/ 手繪風(fēng)格的網(wǎng)頁(yè)設(shè)計(jì)。素描在目前會(huì)變得更加強(qiáng)大，盡管不是網(wǎng)頁(yè)設(shè)計(jì)的主要焦點(diǎn)。它將會(huì)以新穎的和令人興奮的方式被用于個(gè)性標(biāo)準(zhǔn)的頁(yè)面文案。

中心思想：素描在合作設(shè)計(jì)中會(huì)變成一個(gè)基本的組成部分

3、肥厚的字體

　　 肥厚字體普遍是大寫字母，醒目并令人印象深刻。許多設(shè)計(jì)師以前避開肥厚字體不用，是因?yàn)橐郧皹?biāo)志和標(biāo)頭都比較小 和比較簡(jiǎn)樸的緣故。和巨大的標(biāo)頭一起組合之后，肥厚的字體將會(huì)吸引瀏覽者的注意。

　　 中心思想：肥厚字體來(lái)大膽的表現(xiàn)自己

4、活版印刷

　　 活版印刷是最難掌握的的潮流趨勢(shì)之一，這就是它在目前依然保持新鮮的原因。出于大家對(duì)可用性的呼吁，網(wǎng)頁(yè)設(shè)計(jì)師不敢使用新起的和各式各樣的字體。把不同大小尺寸的字體混合在一起這個(gè)想法是完全不可想象的�？梢蕴剿�，扭曲，模壓字體來(lái)達(dá)到你的目的

5、單頁(yè)布局

　　 單頁(yè)布局將會(huì)驅(qū)使你去把不必要的信息刪除。目前這個(gè)潮流將會(huì)拋棄那些古怪的導(dǎo)航，并使之影響國(guó)變得更加小�？梢赃@類風(fēng)格的網(wǎng)頁(yè)想成商業(yè)名片。這些網(wǎng)站將會(huì)更像一站式商店，在那里有你和你在各式各樣網(wǎng)站上的作品。

　　 中心思想：?jiǎn)雾?yè)布局將會(huì)有較多個(gè)人文件和較少的團(tuán)體合作

6、巨幅圖片

　　 與巨大logo/標(biāo)頭header很接近，所以大幅畫面也做著同樣的事。它創(chuàng)造了難忘的視覺沖擊。不像上文巨大logo所示的那樣，巨幅圖片不是網(wǎng)站品牌的一部分。相反，訪問(wèn)者不是因?yàn)閮?nèi)容而是因?yàn)槠娲鬅o(wú)比的圖片尺寸吸引進(jìn)入你的網(wǎng)站的。目前網(wǎng)頁(yè)設(shè)計(jì)師們會(huì)發(fā)現(xiàn)，在他們的設(shè)計(jì)中使用起這些 巨大的表現(xiàn)方式來(lái)表達(dá)網(wǎng)站的風(fēng)格，將會(huì)更加的舒適愜意。 中心思想：巨幅圖片會(huì)被用作吸引游客進(jìn)入你的網(wǎng)站

7、改變視角

中心思想：2010年網(wǎng)頁(yè)設(shè)計(jì)會(huì)出現(xiàn)不同的視角

8、交互式/直觀設(shè)計(jì)

　　 flash動(dòng)畫會(huì)有更好的發(fā)展。現(xiàn)在動(dòng)畫會(huì)輕松、專業(yè)的多。盡管一些設(shè)計(jì)師更愿意選擇 jquery制作表格和彈出式窗口，但動(dòng)畫在設(shè)計(jì)界仍然占有一席之地，特別是在表現(xiàn)細(xì)節(jié)方面。動(dòng)畫在互動(dòng)上仍然有所欠缺。目前網(wǎng)頁(yè)設(shè)計(jì)師將會(huì)在動(dòng) 畫的補(bǔ)救元素方面改進(jìn)。

　　 中心思想：交互式設(shè)計(jì)會(huì)重新流行

9、彈出對(duì)話框

　　 彈出對(duì)話框這個(gè)趨勢(shì)現(xiàn)在正如火如荼地被使用，事實(shí)上目前就會(huì)到處可見。彈出對(duì)話框就像彈出式窗口的一個(gè)更加老練的長(zhǎng)兄，——流暢、美觀、潮流。彈出對(duì)話框更容易設(shè)計(jì)和使用使它成為那些為可用性擔(dān)心的設(shè)計(jì)師的完美解決方法。

　　 中心思想：目前設(shè)計(jì)中彈出對(duì)話框?qū)��?huì)繼續(xù)流行

10、簡(jiǎn)約主義

　　 請(qǐng)忽視學(xué)校極少網(wǎng)頁(yè)的網(wǎng)站。目前網(wǎng)頁(yè)會(huì)繼續(xù)以大片空白和醒目的排版、出人意料的顏色方案為特點(diǎn)。不是所有的簡(jiǎn)約網(wǎng)站都同意黑和白的簡(jiǎn)單性概念。盡管簡(jiǎn)約主義本質(zhì)上是溫和的，但是它也展示鮮艷的顏色。簡(jiǎn)約主義不是冷酷的，它是溫暖的，開門見山的。

　　 中心思想：簡(jiǎn)約主義將會(huì)大膽的用于排版

11、大尺寸的底部

　　 也許大尺寸的底部已經(jīng)到處都是了，但是目前你會(huì)發(fā)現(xiàn)它們甚至?xí)�更夸張。未�?lái)的底部會(huì)減少事先考慮的因素，成為設(shè)計(jì)的主要部分。底部將會(huì)尋求詹這些特征：包含隨機(jī)的信息的腳本。

　　 中心思想：大尺寸的底部將會(huì)以較少重要的信息，較多個(gè)人信息為特點(diǎn)

12、復(fù)古設(shè)計(jì)

　　 復(fù)古設(shè)計(jì)會(huì)成為風(fēng)尚，流行起來(lái)。復(fù)古的關(guān)鍵是被它的風(fēng)格和潛在的趣味性所啟發(fā)。目前如果設(shè)計(jì)師找到新的使復(fù)古老藝術(shù)榮耀起來(lái)的方式，復(fù)古設(shè)計(jì)將會(huì)擴(kuò)大使用的范圍。

　　

 中心思想：復(fù)古是一種新潮

設(shè)計(jì)之眼關(guān)于色彩搭配原則簡(jiǎn)析

根據(jù)色彩冷暖、明度、純度等三大屬性之間的相互關(guān)系把四季擴(kuò)展為十二季，從而徹底解決了人的色彩季型的劃分問(wèn)題，使人們對(duì)色彩的運(yùn)用更方便，選擇更簡(jiǎn)捷，范圍更寬泛。恰到好處地運(yùn)用色彩的兩種觀感，不但可以修正、掩飾設(shè)計(jì)的不足，而且能強(qiáng)調(diào)突出你設(shè)計(jì)的優(yōu)點(diǎn)。

1）色調(diào)配色：指具有某種相同性質(zhì)（冷暖調(diào)，明度，艷度）的色彩搭配在一起，色相越全越好，最少也要三種色相以上。大自然的彩虹就是很好的色調(diào)配色。

2）漸進(jìn)配色：按色相、明度、艷度三要素之一的程度高低依次排列顏色。特點(diǎn)是即使色調(diào)沉穩(wěn)，也很醒目，尤其是色相和明度的漸進(jìn)配色。彩虹既是色調(diào)配色，也屬于漸進(jìn)配色

3）對(duì)比配色：用色相、明度或艷度的反差進(jìn)行搭配，有鮮明的強(qiáng)弱。其中，明度的對(duì)比給人明快清晰的印象，可以說(shuō)只要有明度上的對(duì)比，配色就不會(huì)太失敗。比如，紅配綠，黃配紫，藍(lán)配橙。

4）分隔式配色：如果兩種顏色比較接近，看上去不分明，可以靠對(duì)比色加在這兩種顏色之間，增加強(qiáng)度，整體效果就會(huì)很協(xié)調(diào)了。最簡(jiǎn)單的加入色是無(wú)色系的顏色和米色等中性色5）近似配色：選擇相鄰或相近的色相進(jìn)行搭配。這種配色因?yàn)楹�有三原色中某一共同的顏色，所以很協(xié)調(diào)。因?yàn)樯�相接近，所以也比較穩(wěn)定，如果是單一色相的濃淡搭配則稱為同色系配色。出彩搭配：紫配綠，紫配橙，綠配橙。

6）單重點(diǎn)配色：讓兩種顏色形成面積的大反差。“萬(wàn)綠叢中一點(diǎn)紅”就是一種單重點(diǎn)配色。其實(shí)，單重點(diǎn)配色也是一種對(duì)比，相當(dāng)于一種顏色做底色，另一種顏色做圖形。

7）夜配色：嚴(yán)格來(lái)講這不算是真正的配色技巧，但很有用。高明度或鮮亮的冷色與低明度的暖色配在一起，稱為夜配色或影配色。它的特點(diǎn)是神秘、遙遠(yuǎn)，充滿異國(guó)情調(diào)、民族風(fēng)情。

怎樣制作網(wǎng)頁(yè)？怎樣制作一個(gè)讓人流連忘返的網(wǎng)頁(yè)？記住制作一個(gè)好網(wǎng)頁(yè)必備的幾個(gè)要素

一：網(wǎng)頁(yè)篇幅要簡(jiǎn)潔明了

要知道絕大多數(shù)用戶首次打開一個(gè)網(wǎng)頁(yè)采用的是：快速掃描以完成對(duì)頁(yè)面的瀏覽，從掃描中尋找自己感興趣的篇幅�？旃�(jié)奏的生活模式，使得用戶更鐘愛布局簡(jiǎn)潔明了的網(wǎng)頁(yè)。

二：網(wǎng)頁(yè)必不可少的六主題

一個(gè)好的網(wǎng)頁(yè)通常包含以下六個(gè)主題部分：站點(diǎn)ID、頁(yè)面名稱、頁(yè)內(nèi)導(dǎo)航、欄目以及下一級(jí)欄目、“你在這里”的指示器、搜索。合理的分配六主題在頁(yè)面的布局，能使頁(yè)面清晰明了，提高頁(yè)面的可視性。

三：網(wǎng)頁(yè)視覺層次要分明

頁(yè)面內(nèi)容要做到主次分明，可以從頁(yè)面顏色、字體大小來(lái)區(qū)分主次。減少不必要的視覺噪音，除去不必要框框條條。

四：為網(wǎng)頁(yè)建立清晰的導(dǎo)航

導(dǎo)航在網(wǎng)頁(yè)中起到了指示燈的作用，清晰的導(dǎo)航能讓用戶少走彎路，以提高用戶對(duì)網(wǎng)頁(yè)的喜好度。

五：早期網(wǎng)頁(yè)可用性測(cè)試

最后，做早期網(wǎng)頁(yè)可用性測(cè)試是進(jìn)行網(wǎng)頁(yè)優(yōu)化的最好手段，從測(cè)試中可以看出用戶體驗(yàn)的弊端，優(yōu)化用戶體驗(yàn)提高網(wǎng)站關(guān)注率。

◇ 要求學(xué)員熟練掌握網(wǎng)頁(yè)“三劍客”軟件、靜態(tài)網(wǎng)頁(yè)制作與設(shè)計(jì)，

◇ 運(yùn)用 AS 腳本語(yǔ)言實(shí)現(xiàn)二維動(dòng)畫，

◇ 運(yùn)用各類編程制作并設(shè)計(jì)動(dòng)態(tài)網(wǎng)頁(yè)、實(shí)現(xiàn)前后臺(tái)交互，管理與維護(hù)數(shù)據(jù)庫(kù)、發(fā)布與維護(hù)網(wǎng)站，

◇ 重點(diǎn)掌握“三劍客”軟件、網(wǎng)頁(yè)美工表現(xiàn)與相關(guān)編程語(yǔ)言，并具備一定的相關(guān)行業(yè)就業(yè)能力并通過(guò)測(cè)試

最終可做國(guó)際互聯(lián)網(wǎng)頁(yè)、網(wǎng)頁(yè)設(shè)計(jì)、廣告動(dòng)畫設(shè)計(jì)、電子商務(wù)站構(gòu)建 。

【聯(lián)系地址】： 武漢理工大學(xué)西院南門西側(cè)20米IT教育(洪達(dá)巷75號(hào))
【適合對(duì)象】： 適應(yīng)、大學(xué)生本專業(yè)提高專業(yè)知識(shí)、非專業(yè)的初高中畢業(yè)生。轉(zhuǎn)業(yè)軍人，在讀在職進(jìn)修人員，以及相關(guān)的電腦愛好者。

 【咨詢電話】:  13886110086  15071408802     

【Q   Q】: 523727757  1121054759   382796003

【官方網(wǎng)站】：          http://m.siwangshangcheng.com/

魏老師

歡迎報(bào)名咨詢：實(shí)力的見證賽比爾、武漢網(wǎng)頁(yè)設(shè)計(jì)培訓(xùn)、武漢網(wǎng)頁(yè)優(yōu)化培訓(xùn)、武漢SEO培訓(xùn)