課程介紹
網(wǎng)頁(yè)設(shè)計(jì)適合人員
-
零基礎(chǔ)人群
天琥課程設(shè)置從零基礎(chǔ)開(kāi)始，從軟件操作、審美分析到創(chuàng)意思維培養(yǎng)、設(shè)計(jì)技巧，循序漸進(jìn)，零基礎(chǔ)也可以勝任網(wǎng)頁(yè)設(shè)計(jì)師工作。
咨詢?cè)斍?/a> -
設(shè)計(jì)相關(guān)專業(yè)應(yīng)屆生
大型項(xiàng)目上手操作。在學(xué)習(xí)過(guò)程中，學(xué)生的實(shí)際應(yīng)用能力能夠得到快速提升、項(xiàng)目經(jīng)驗(yàn)快速積累，適合沒(méi)有工作經(jīng)驗(yàn)的設(shè)計(jì)專業(yè)同學(xué)。
咨詢?cè)斍?/a> -
平面設(shè)計(jì)進(jìn)修
除了視覺(jué)設(shè)計(jì)、理論基礎(chǔ)外，還會(huì)教授Web前端、網(wǎng)頁(yè)制作、html5網(wǎng)頁(yè)代碼等知識(shí)，適合想轉(zhuǎn)行的平面設(shè)計(jì)師進(jìn)行更高層次的修煉。
咨詢?cè)斍?/a>
網(wǎng)頁(yè)設(shè)計(jì)要學(xué)什么內(nèi)容
-
商業(yè)網(wǎng)頁(yè)基礎(chǔ)設(shè)計(jì)
學(xué)習(xí)矢量地圖、位圖、像素和顏色模式等基本知識(shí)，熟練掌握Photoshop，并能夠用Photoshop軟件快速、高效地設(shè)計(jì)網(wǎng)頁(yè)效果圖。
學(xué)習(xí)photoshop的基本操作，包括工具使用、圖層使用、色彩校正操作、通道、濾鏡使用、路徑、圖像處理、圖像輸出、圖像設(shè)計(jì)、圖像制作、圖像合成等知識(shí)。 -
商業(yè)網(wǎng)頁(yè)高級(jí)設(shè)計(jì)
充分考慮市場(chǎng)需求和技術(shù)可行性，在商業(yè)網(wǎng)頁(yè)設(shè)計(jì)實(shí)踐中創(chuàng)造藝術(shù)與技術(shù)的完美結(jié)合，培養(yǎng)高端網(wǎng)頁(yè)設(shè)計(jì)師。
系統(tǒng)學(xué)習(xí)線條、構(gòu)圖、配色等基本知識(shí)，掌握專業(yè)的思維導(dǎo)圖和網(wǎng)頁(yè)設(shè)計(jì)原型規(guī)劃軟件，學(xué)習(xí)商業(yè)網(wǎng)頁(yè)設(shè)計(jì)創(chuàng)作方法和思想;項(xiàng)目實(shí)踐后，讓學(xué)生總結(jié)在設(shè)計(jì)過(guò)程中的經(jīng)驗(yàn)，提高商業(yè)網(wǎng)站設(shè)計(jì)水平。 -
網(wǎng)頁(yè)前端技術(shù)
系統(tǒng)學(xué)習(xí)html語(yǔ)言、網(wǎng)絡(luò)編程思想、div+css和javascript，熟悉dreamwear的常用功能，熟練使用photoshop，能夠?qū)⒕W(wǎng)頁(yè)設(shè)計(jì)師提供的精美效果圖制作成符合w3c標(biāo)準(zhǔn)的全靜態(tài)網(wǎng)頁(yè)。并能夠在實(shí)際開(kāi)發(fā)中使用專業(yè)網(wǎng)絡(luò)公司常用的FireBug等工具進(jìn)行網(wǎng)頁(yè)調(diào)試，解決實(shí)際工作中常見(jiàn)的錯(cuò)誤，提高項(xiàng)目的開(kāi)發(fā)效率。
設(shè)計(jì)師必備網(wǎng)頁(yè)設(shè)計(jì)技巧,小白逆襲必備
-
字體使用
雖然有成千上萬(wàn)種字體，但真的能用的只有一小部分(如果瀏覽器完全支持CSS3)。 保持字體一致性，確保標(biāo)題和段落內(nèi)容看起來(lái)有所不同，使用留白，調(diào)整行高、字體大小和字母間距屬性，讓用戶 愉快地閱讀和掃描內(nèi)容。
-
理解色彩
有些顏色只適用于部分前景顏色，不適用做背景色。例如，帶有粉色背景的深藍(lán)色字體和帶有深藍(lán)色背景的粉色字體，都是使用兩種相同的顏色，但是在不同的部分使用會(huì)影響其可讀性和閱讀舒適度。重要的是不僅要使用好的TINT，還要在頁(yè)面的適當(dāng)元素上使用它。
-
編寫代碼
通過(guò)自己編寫的網(wǎng)頁(yè)代碼，可以得到簡(jiǎn)潔的代碼，并愉快而方便地閱讀和維護(hù)網(wǎng)站，你可以自豪地說(shuō)代碼是自己寫的。然而，知道如何使用所見(jiàn)即所得或預(yù)覽功能并不妨礙學(xué)習(xí)HTML和CSS。你需要知道發(fā)生了什么，以創(chuàng)造一個(gè)有效和高度優(yōu)化的網(wǎng)頁(yè)設(shè)計(jì)。
-
搜索引擎優(yōu)化
當(dāng)設(shè)計(jì)網(wǎng)站時(shí)，一個(gè)好的網(wǎng)頁(yè)設(shè)計(jì)師應(yīng)該永遠(yuǎn)記住基本的搜索引擎優(yōu)化概念。例如，網(wǎng)頁(yè)的內(nèi)容結(jié)構(gòu)、用文字表示的標(biāo)題(即網(wǎng)頁(yè)的標(biāo)題和標(biāo)志)。不僅能更準(zhǔn)確地顯示內(nèi)容，而且還有助于搜索引擎排名。知道如何用CSS替換背景、字體和圖片也是一個(gè)好主意。
上海天琥教育平面設(shè)計(jì)師資介紹
上海網(wǎng)頁(yè)設(shè)計(jì)培訓(xùn)
| WEB 標(biāo)準(zhǔn)化布局 | 了解 HTML 及 CSS 語(yǔ)言的語(yǔ)法基礎(chǔ)；理解常用 標(biāo)簽及屬性的使用技巧；掌握網(wǎng)頁(yè)結(jié)構(gòu)與表現(xiàn)的結(jié) 合技術(shù)，快速高質(zhì)量的還原設(shè)計(jì)效果圖。 | 熟練掌握網(wǎng)站建設(shè)的工作流程、 技術(shù)及實(shí)用工具，熟悉各種設(shè)備 尺寸的 WEB 布局設(shè)計(jì)規(guī)范和布 局技巧，可獨(dú)立完成商業(yè)網(wǎng)站搭 建及制作。 |
| 瀏覽器兼容 | 了解瀏覽器的發(fā)展趨勢(shì)；理解瀏覽器兼容的要求； 掌握多種瀏覽器兼容代碼的編寫技術(shù)。 | |
| CSS3 交互動(dòng)效設(shè)計(jì) | 了解最新的 CSS3 動(dòng)效屬性；理解網(wǎng)頁(yè)及移動(dòng)端 CSS3的使用范圍；掌握CSS3動(dòng)效在網(wǎng)頁(yè)界面、 手機(jī)啟動(dòng)頁(yè)、廣告輪播效果等實(shí)用領(lǐng)域的應(yīng)用。 | |
| HTML5 響應(yīng)式設(shè)計(jì) | 了解自適應(yīng)布局、響應(yīng)式布局及其區(qū)別；理解響應(yīng) 式布局思路與方法；掌握能適應(yīng)各種設(shè)備的響應(yīng)式 網(wǎng)站制作技術(shù)。 | |
| JavaScript 核心 | 了解 JavaScript 在網(wǎng)站中的作用；理解 JavaScript 對(duì)交互動(dòng)效的實(shí)現(xiàn)思路和方法；掌握 JavaScript 變量、數(shù)組、語(yǔ)句、函數(shù)等語(yǔ)法規(guī)則 和交互動(dòng)效案例的制作。 | |
| JQuery | 了解 JQuery 語(yǔ)法、常用方法及動(dòng)效技巧；理解 JQuery 實(shí)現(xiàn)動(dòng)效的原理；掌握 JQuery 交互動(dòng) 畫實(shí)現(xiàn)思路和快速使用 JQuery 特效庫(kù)完成動(dòng)效 制作。 | |
| 手機(jī)網(wǎng)站制作 | 了解手機(jī)網(wǎng)站尺寸及布局規(guī)范；理解手機(jī)網(wǎng)站布局 原理和思路；掌握手機(jī)端網(wǎng)站布局的技術(shù)及并制作 可線上訪問(wèn)的手機(jī)網(wǎng)站。 |
| 主流網(wǎng)站 CMS 系統(tǒng)的 使用 | 了解網(wǎng)站后臺(tái)實(shí)現(xiàn)原理及工作流程；理解 CMS 系 統(tǒng)的應(yīng)用領(lǐng)域；掌握網(wǎng)站 CMS 系統(tǒng)的搭建技術(shù)。 | 熟練掌握網(wǎng)站建設(shè)的工作流程、 技術(shù)及實(shí)用工具，熟悉各種設(shè)備 尺寸的 WEB 布局設(shè)計(jì)規(guī)范和布 局技巧，可獨(dú)立完成商業(yè)網(wǎng)站搭 建及制作。 |
|
網(wǎng)站 CMS 系統(tǒng) 模板設(shè)計(jì) |
了解網(wǎng)站 CMS 系統(tǒng)模板的構(gòu)成；理解網(wǎng)站 CMS 系統(tǒng)模板制作的方法；掌握網(wǎng)站 CMS 系統(tǒng)快速改 版的技巧。 | |
| 階段考核 | 提供多個(gè)商業(yè)項(xiàng)目供學(xué)員測(cè)試，檢驗(yàn)學(xué)員學(xué)習(xí)效果。 | |
| 項(xiàng)目實(shí)訓(xùn) | 通過(guò)真實(shí)的商業(yè)項(xiàng)目，掌握智能設(shè)備界面設(shè)計(jì)及 交互設(shè)計(jì)的全流程。 | |
| 項(xiàng)目提案 | 學(xué)員分組，以商業(yè)競(jìng)標(biāo)的方式進(jìn)行項(xiàng)目提案展示。 老師會(huì)對(duì)學(xué)員的項(xiàng)目進(jìn)行評(píng)析，提升學(xué)員表達(dá)及實(shí) 戰(zhàn)能力。 |
學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)的步驟
1、html。html是編輯網(wǎng)頁(yè)的基礎(chǔ)。是最簡(jiǎn)單，最基礎(chǔ)的，基本寫幾遍代碼就能理解。
2、table布局。table布局屬于html的內(nèi)容，但是是html 的重點(diǎn)，學(xué)會(huì)用table布局網(wǎng)頁(yè)，雖然table布局有點(diǎn)過(guò)時(shí)，但是很多時(shí)候很多用得到的地方。
3、divcss。這是網(wǎng)頁(yè)設(shè)計(jì)的重點(diǎn)，寫好了，網(wǎng)上95%你見(jiàn)到的頁(yè)面都能自己寫出來(lái)了，當(dāng)然我說(shuō)的是靜態(tài)部分。divcss相對(duì)html 難度上升了一個(gè)等級(jí)，但是也不很難，只要耐心點(diǎn)研究也是可以學(xué)好的。float屬性和絕對(duì)定位相對(duì)定位是重點(diǎn)。
4、JavaScript/jquery。Javascript是網(wǎng)頁(yè)腳本語(yǔ)言，是實(shí)現(xiàn)網(wǎng)頁(yè)動(dòng)態(tài)效果的語(yǔ)言，使用JavaScript可以使網(wǎng)頁(yè)更加酷炫，有吸引力。比如網(wǎng)頁(yè)上的輪播圖，彈窗等都是用Javascript/jquery實(shí)現(xiàn)的
5、html5css3響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)，是現(xiàn)在比較流行，也是一種趨勢(shì)，html5css3做成的頁(yè)面比較美觀大氣，也能適應(yīng)各個(gè)終端。html5是趨勢(shì)現(xiàn)在需求也是很大，學(xué)習(xí)好html5也是一個(gè)前端人員必備知識(shí)技能。
網(wǎng)頁(yè)設(shè)計(jì)師需要掌握的基本技能
-
尺寸
一個(gè)網(wǎng)頁(yè)的尺寸設(shè)置與屏幕分辨率和瀏覽器相關(guān)，我們不可能滿足所有用戶的最佳尺寸，但我們能做的是讓絕大多數(shù)用戶感覺(jué)是最佳的。我們可以通過(guò)統(tǒng)計(jì)分析工具獲取用戶屏幕分辨率數(shù)據(jù)，從而為設(shè)計(jì)提供參考。
-
服務(wù)
進(jìn)行跨設(shè)定字體使用規(guī)范，如主標(biāo)題、次標(biāo)題、小標(biāo)題、正文、輔助文字、失效文字、鏈接文字等字號(hào)、顏色、樣式等。字號(hào)不得小于12px，標(biāo)準(zhǔn) icon 可轉(zhuǎn)成字體圖標(biāo)，特殊字體可以使用 WebFont。
-
布局
在布局時(shí)遵循尺寸規(guī)則、交互和視覺(jué)原則，建議使用柵格系統(tǒng)進(jìn)行布局。最常見(jiàn)的是12列柵格系統(tǒng)，例如Bootstrap的柵格系統(tǒng)，支持將一行分成 1 列、2 列、3 列等，并提供了強(qiáng)大的響應(yīng)式布局方案。
-
色彩
顏色是網(wǎng)頁(yè)設(shè)計(jì)的核心，其有助于設(shè)計(jì)主題和主旨的構(gòu)建。另外，其還具有心理層面的作用，也就是說(shuō)顏色能夠影響網(wǎng)站訪客看待網(wǎng)站用戶體驗(yàn)的方式。
-
排版
注意行高和段落、標(biāo)點(diǎn)和空格、對(duì)齊、文案長(zhǎng)度、層級(jí)引導(dǎo)。行高和段落，行高默認(rèn)為字號(hào)的1.5倍。段落間距一般為字號(hào)的一倍寬。
-
動(dòng)畫
設(shè)計(jì)需了解一些常見(jiàn)動(dòng)畫效果、實(shí)現(xiàn)手法和js動(dòng)效庫(kù)，例如：漸隱、縮放、移動(dòng)、伸縮、搖擺等，便于和前端溝通。
相關(guān)問(wèn)答
-
成都天琥設(shè)計(jì)學(xué)習(xí)完網(wǎng)頁(yè)設(shè)計(jì)可以選擇哪些工作？
成都天琥設(shè)計(jì)的網(wǎng)頁(yè)設(shè)計(jì)課程是面向就業(yè)進(jìn)行開(kāi)班授課的。我們的課程學(xué)習(xí)很多基礎(chǔ)的網(wǎng)頁(yè)設(shè)計(jì)軟件知識(shí)，了解并操作這些軟件。通過(guò)學(xué)習(xí)進(jìn)行進(jìn)一步的了解就業(yè)需要的知識(shí)。它的就.....
[詳情] -
合肥網(wǎng)頁(yè)設(shè)計(jì)培訓(xùn)班哪家好
這位朋友，合肥網(wǎng)頁(yè)設(shè)計(jì)培訓(xùn)的機(jī)構(gòu)確實(shí)很多，你最好還是實(shí)地考察一下比較好。一般做網(wǎng)頁(yè)是個(gè)細(xì)活，希望你學(xué)之前要能耐住心的去做，你搜一下合肥榮博教育這家學(xué)校感覺(jué)還行.....
[詳情] -
福州愛(ài)達(dá)華的課程是滾動(dòng)開(kāi)班嗎？
福州愛(ài)達(dá)華教育的課程都在滾動(dòng)。如果你報(bào)名，我們會(huì)盡快安排你學(xué)習(xí)這些課程，不要擔(dān)心課程質(zhì)量差。愛(ài)達(dá)華教育的聲譽(yù)是眾所周知的，我們老師的力量是有目共睹的。而且，愛(ài)達(dá).....
[詳情] -
怎樣去選擇網(wǎng)頁(yè)設(shè)計(jì)培訓(xùn)學(xué)校
現(xiàn)在我們可以看到有越來(lái)越多的網(wǎng)頁(yè)UI培訓(xùn)班，同時(shí)也能看到越來(lái)越多的人選擇這樣的方式進(jìn)行再學(xué)習(xí)，那么對(duì)于我們來(lái)說(shuō)怎么選擇一個(gè)好的培訓(xùn)班才能夠?qū)W.....
[詳情]
體驗(yàn)課預(yù)約試聽(tīng)
倒計(jì)時(shí)
12:00:00
課程熱線：
客服在線時(shí)間：早上9點(diǎn)~下午6點(diǎn)，其他時(shí)間請(qǐng)?jiān)诰€預(yù)約報(bào)名或留言，謝謝！
個(gè)試聽(tīng)名額
