產(chǎn)品詳情
上海網(wǎng)頁(yè)設(shè)計(jì)培訓(xùn)班融入資深行業(yè)開(kāi)發(fā)設(shè)計(jì)經(jīng)驗(yàn)，全鎮(zhèn)施展訓(xùn)練模式，全方位立體打造專業(yè)設(shè)計(jì)師，我們只培養(yǎng)有創(chuàng)意感的設(shè)計(jì)師而不是操作員黃金團(tuán)隊(duì)培養(yǎng)職場(chǎng)實(shí)力派，就業(yè)零壓力!專業(yè)講師，10年實(shí)戰(zhàn)經(jīng)驗(yàn)傳授，保證平面廣告設(shè)計(jì)師班優(yōu)質(zhì)教學(xué)，設(shè)計(jì)技能、創(chuàng)意思想、項(xiàng)目經(jīng)驗(yàn)、一站獲得，培養(yǎng)職場(chǎng)實(shí)力派，就業(yè)零壓力!
全能型網(wǎng)頁(yè)設(shè)計(jì)就業(yè)班
1.美工設(shè)計(jì)：設(shè)計(jì)美學(xué)、色彩搭配、創(chuàng)意思維、設(shè)計(jì)軟件(PS+AI)
2.美工訓(xùn)練項(xiàng)目：網(wǎng)頁(yè)元素設(shè)計(jì)、界面設(shè)計(jì)、商業(yè)項(xiàng)目設(shè)計(jì)實(shí)訓(xùn)、切圖實(shí)訓(xùn)、階段考核。
3.前端開(kāi)發(fā)：HTML5+CSS3布局與樣式、JavaScript交互開(kāi)發(fā)、Web前端整站項(xiàng)目實(shí)訓(xùn)。
4.移動(dòng)端開(kāi)發(fā): H5高級(jí)、webAPP開(kāi)發(fā)、公眾號(hào)、小程序、抖音小程序開(kāi)發(fā)等。
5.高級(jí)框架開(kāi)發(fā): 核心框架運(yùn)用、Vueb、Reactb實(shí)戰(zhàn)運(yùn)用及階段考核。
6.后臺(tái)交互與開(kāi)發(fā)：PHP后臺(tái)開(kāi)發(fā)、MySQL數(shù)據(jù)庫(kù)、Nodeb、項(xiàng)目及階段考核。
7.就業(yè)指導(dǎo)：心態(tài)與服務(wù)、商務(wù)禮儀、設(shè)計(jì)、行業(yè)分析、面試技巧、實(shí)習(xí)實(shí)戰(zhàn)等。
網(wǎng)頁(yè)設(shè)計(jì)師入門必備知識(shí)
網(wǎng)頁(yè)設(shè)計(jì)入門之前的知識(shí)，多年設(shè)計(jì)經(jīng)驗(yàn)所總結(jié)。圍繞平面與網(wǎng)頁(yè)設(shè)計(jì)之間的不同差異和共同點(diǎn)講解一些平面與網(wǎng)頁(yè)知識(shí)點(diǎn)、從字體、像素、版式、色彩、如何學(xué)習(xí)等角度講解。
大家對(duì)于網(wǎng)頁(yè)設(shè)計(jì)的認(rèn)識(shí)有多少呢?知道網(wǎng)頁(yè)和平面的區(qū)別嗎?那么學(xué)習(xí)網(wǎng)頁(yè)又要從哪些地方學(xué)起呢?需學(xué)習(xí)哪些軟件呢?如何快速成為一名網(wǎng)頁(yè)設(shè)計(jì)師……等等。有一部分的網(wǎng)頁(yè)設(shè)計(jì)新手會(huì)有疑惑，我就與大家聊一聊網(wǎng)頁(yè)設(shè)計(jì)和平面設(shè)計(jì)的區(qū)別。想入門網(wǎng)頁(yè)設(shè)計(jì)都需要掌握什么軟件以及技巧。
屏幕顯示視覺(jué)傳達(dá)動(dòng)態(tài) 傳統(tǒng)紙類視覺(jué)傳達(dá)設(shè)計(jì)
設(shè)計(jì) 技術(shù)的呈現(xiàn)方式 設(shè)計(jì) 工藝的呈現(xiàn)方式
兩個(gè)同樣是視覺(jué)傳達(dá)的設(shè)計(jì)但是之間的差異性在于
網(wǎng)頁(yè)和平面印刷使用色彩模式完全不同， 平面后期實(shí)現(xiàn)依賴于印刷，所以采用CMYK的色彩模式;而網(wǎng)頁(yè)設(shè)計(jì)根據(jù)屏幕顯像方式使用RGB格式 。有一些平面設(shè)計(jì)師用習(xí)慣了CMYK 模式，但當(dāng)用CMYK去做banner或者是網(wǎng)頁(yè)的時(shí)候顏差很大。無(wú)論是CMYK模式還是RGB模式，同樣是為了設(shè)計(jì)而服務(wù)，只要根據(jù)設(shè)計(jì)的需求遵循色彩模式標(biāo)準(zhǔn)就可以了，這也算是在入門網(wǎng)頁(yè)設(shè)計(jì)的時(shí)候基礎(chǔ)的知識(shí)。
在平面設(shè)計(jì)中會(huì)涉及到一些印刷品設(shè)計(jì)。比如展架、噴繪布、宣傳手冊(cè)、LOGO設(shè)計(jì)、DM單、折頁(yè)、臂貼、地貼、角旗、車貼、海報(bào)、等等，一般根據(jù)設(shè)計(jì)需求而設(shè)定像素，不同尺寸的平面設(shè)計(jì)設(shè)置不同的分辨率。
隨著互聯(lián)網(wǎng)的發(fā)展、網(wǎng)頁(yè)設(shè)計(jì)、UI設(shè)計(jì)也熱門起來(lái)、首先是PC/移動(dòng)端,其中包含了專題設(shè)計(jì)、欄目設(shè)計(jì)、門戶設(shè)計(jì)、電商設(shè)計(jì)、詳情頁(yè)設(shè)計(jì)、banner廣告設(shè)計(jì)、H5設(shè)計(jì)、APP設(shè)計(jì),無(wú)論是其中的哪種設(shè)計(jì)設(shè)置72像素即可、這是因?yàn)樵绲膱D形設(shè)計(jì)是在mac電腦上進(jìn)行的，mac本身的顯示器分辨率就是72,PS中把圖像DPI也設(shè)成72，便于設(shè)計(jì)。之后72像素顯示器分辨率逐漸成為一種默認(rèn)的行業(yè)標(biāo)準(zhǔn)，這套規(guī)則就這么沿用下來(lái)。
平面設(shè)計(jì)中設(shè)計(jì)海報(bào)、展架、畫冊(cè)等都有統(tǒng)一的尺寸規(guī)則，網(wǎng)頁(yè)設(shè)計(jì)尺寸隨著不同時(shí)期的流行趨勢(shì)，尺寸也同樣在變化。可視區(qū)域內(nèi)從早期的網(wǎng)頁(yè)680像素、800像素、960像素、 980像素、1000像素、1200像素在門戶網(wǎng)站、專題設(shè)計(jì)中應(yīng)用。經(jīng)過(guò)了互聯(lián)網(wǎng)的發(fā)展、網(wǎng)頁(yè)設(shè)計(jì)尺寸也有所不同、電商網(wǎng)站為了展示更好、更大的圖片產(chǎn)品內(nèi)容、在設(shè)計(jì)的時(shí)候可視范圍設(shè)置成1200、1090、1230等甚至更大尺寸、追求設(shè)計(jì)扁平化、全屏設(shè)計(jì)、大背景圖設(shè)計(jì)也是個(gè)主流的方式、響應(yīng)式網(wǎng)站也同樣熱門于網(wǎng)頁(yè)設(shè)計(jì)當(dāng)中、通欄整潔設(shè)計(jì)、讓用戶有更好的用戶體驗(yàn)、在各個(gè)終端演示觀看都是一個(gè)出彩的效果、還有滾動(dòng)式、滾動(dòng)視覺(jué)差形式、多種方式同樣展示出終效果、設(shè)計(jì)形式根據(jù)時(shí)期趨勢(shì)追求大圖、大視頻、大背景設(shè)計(jì)手法、更讓瀏覽者有更好的視覺(jué)體驗(yàn)。
從版式的布局上來(lái)說(shuō)，平面設(shè)計(jì)和網(wǎng)頁(yè)設(shè)計(jì)有很多可以互用的表達(dá)手法。左右布局、上下布局、中心布局、對(duì)稱布局為常規(guī)的設(shè)計(jì)版式、排版多樣化，終呈現(xiàn)的效果根據(jù)自己的感覺(jué)來(lái)進(jìn)行設(shè)計(jì)。但是很重要的一點(diǎn)，就是在網(wǎng)頁(yè)設(shè)計(jì)中一定要模塊化，就算是不規(guī)則的排版方式，也要做到有理有據(jù)。
無(wú)論是平面設(shè)計(jì)也好,網(wǎng)頁(yè)設(shè)計(jì)也罷，在字體應(yīng)用上需要注意如下幾點(diǎn)：
文字適合性，根據(jù)標(biāo)題主題選擇，字體樣式。
可識(shí)別性、在文字設(shè)計(jì)應(yīng)用設(shè)計(jì)同時(shí)要注重文字的識(shí)別性、一定要讓瀏覽者在不失美觀的程度下有更好的閱讀主題。文字的美觀程度、在運(yùn)用字體的時(shí)候一定要字體具有一定的美觀度。整體的效果也會(huì)有提升
文字個(gè)性化一般都運(yùn)用在頭圖或一些大標(biāo)題上、具有一些文字圖形上的變化、雖然變化但是一定要在保持識(shí)別性的情況下去做文字圖形的修改、文字不只是圖形裝飾，也是一種文字圖形的一種表達(dá)方式。
在網(wǎng)頁(yè)內(nèi)容正文中一般文字選擇性都很小，在正文中，為了讓輸出的成品大小不對(duì)服務(wù)器造成壓力，一般正文文字都不建議用圖片演示、基本是手打字、基于HTML的特性，字體都根據(jù)用戶操作系統(tǒng)默認(rèn)字體而定。
平面設(shè)計(jì)一般會(huì)通過(guò)紙質(zhì)進(jìn)行宣傳，這樣宣傳范圍小、具有局限性且成本較高，相比而言網(wǎng)頁(yè)的信息傳達(dá)能力非常強(qiáng)，互聯(lián)網(wǎng)的科技發(fā)展使得大家從網(wǎng)絡(luò)平臺(tái)上獲取更多的信息，而網(wǎng)頁(yè)大家對(duì)于視覺(jué)上的享受也有所要求，之前大家對(duì)網(wǎng)頁(yè)是以視覺(jué)的而看重，而近幾年大家可能更加看重用戶體驗(yàn)。從比較寫實(shí)、厚重的頁(yè)面到現(xiàn)在簡(jiǎn)約、大氣、扁平化、更讓人利于操作、更帶來(lái)視覺(jué)享受。在用戶體驗(yàn)的前提下還要注重用戶的交互功能的實(shí)現(xiàn)，網(wǎng)頁(yè)界面不僅能融入絢麗HTML5動(dòng)態(tài)交互效果還能插入視頻，這是平面不能體現(xiàn)的。
從事設(shè)計(jì)專業(yè)的人，大多數(shù)都有過(guò)繪畫的基礎(chǔ)，比如：手繪、素描、水粉、速寫等，這些都可以幫助設(shè)計(jì)師提高色彩能力、審美能力、造型能力。把這些學(xué)習(xí)的運(yùn)用在設(shè)計(jì)當(dāng)中同時(shí)也學(xué)習(xí)理論的平面構(gòu)成、色彩構(gòu)成、立體構(gòu)成，等一些技法，都是對(duì)設(shè)計(jì)有所幫助。
那么在這些能力具備的前提下就是軟件操作的技能，在網(wǎng)頁(yè)設(shè)計(jì)當(dāng)中、軟件操作要精通的有：Photoshop 、Illustrator等、這兩個(gè)是必須要掌握的軟件，現(xiàn)在對(duì)用戶體驗(yàn)的不同需求，在設(shè)計(jì)技術(shù)上也不同的升級(jí)，F(xiàn)LASH在網(wǎng)頁(yè)設(shè)計(jì)中已經(jīng)不是很重要的地位。
除此之外，還有更多技術(shù)運(yùn)用在網(wǎng)頁(yè)設(shè)計(jì)中，如：3D技術(shù)、AE技術(shù)、C4D技術(shù)、插畫技法等，更加滿足現(xiàn)在的視覺(jué)需求，讓網(wǎng)頁(yè)上的視覺(jué)更加具有沖擊力，更加的有交互性。
軟件操作性都熟練之后，UI圖標(biāo)、網(wǎng)頁(yè)設(shè)計(jì)、H5設(shè)計(jì)，多練習(xí)、多看、多臨摹。從臨摹過(guò)程中提取出一些經(jīng)驗(yàn)，如何用的排版、留白、版式、字體、顏色、字號(hào)、等。
另外，如時(shí)間允許也可以學(xué)習(xí)一下Dreamweaver軟件，或者學(xué)習(xí)HTML豐富一下知識(shí)儲(chǔ)備。
