為什么總感覺自己學(xué)不來網(wǎng)頁設(shè)計，總有一種學(xué)不完的感覺。很郁悶。?

時間：2024-02-08 02:25:02 | 來源：網(wǎng)站運(yùn)營

時間：2024-02-08 02:25:02 來源：網(wǎng)站運(yùn)營

為什么總感覺自己學(xué)不來網(wǎng)頁設(shè)計，總有一種學(xué)不完的感覺。很郁悶。?：

為什么會無從下手？

做網(wǎng)站項(xiàng)目，你沒有視覺設(shè)計稿，上來就開始擼代碼，當(dāng)然會有種無從下手的感覺。我在做平面/網(wǎng)頁設(shè)計，也會寫一些網(wǎng)頁布局的前端代碼。每次我都得會在Photoshop中把視覺稿給標(biāo)注好了后，然后再在sublime Text中寫代碼，不然腦袋里根本就是一團(tuán)漿糊。

題主應(yīng)該是沒搞清楚網(wǎng)站的開發(fā)的流程，才會出現(xiàn)這種疑問。現(xiàn)在告訴你吧，在實(shí)際工作中，任何一網(wǎng)站的建立，都會經(jīng)過“分析策劃—交互設(shè)計—視覺設(shè)計—前端制作—后端制作—測試上線”6個環(huán)節(jié)。

我們平常所說的【網(wǎng)頁設(shè)計】主要還更傾向于【視覺設(shè)計】，這個由網(wǎng)頁設(shè)計去執(zhí)行完成。而「前端制作」則要是運(yùn)用HTML+CSS+JS代碼，來實(shí)現(xiàn)頁面重構(gòu)，這部分工作主要由“前端工程師”去執(zhí)行完成。當(dāng)然，也有些公司這兩部分工作，由同一人完成。

那該怎么學(xué)習(xí)網(wǎng)頁設(shè)計？

任何知識的學(xué)習(xí)都是入門容易，精通難！零基礎(chǔ)學(xué)習(xí)網(wǎng)頁設(shè)計同樣也是如此，只能說站在前人的肩膀上，按照相對正確的流程來系統(tǒng)學(xué)習(xí)網(wǎng)頁設(shè)計，能夠變得相對輕松。

初學(xué)者，可以參考我整理的網(wǎng)頁設(shè)計師職業(yè)路徑，里面的排課主要以視覺設(shè)計為主，外加前端代碼的基礎(chǔ)知識，適合各階段的朋友自學(xué)。

所以，題主要學(xué)習(xí)“網(wǎng)頁設(shè)計”，你就一定要搞清楚：你到底是要學(xué)“網(wǎng)頁的視覺設(shè)計”，還是“網(wǎng)頁的前端開發(fā)”？前者主要是和色彩、版式、字體打交道，職業(yè)方向是網(wǎng)頁視覺設(shè)計師，輸出內(nèi)容為網(wǎng)頁視覺稿、以及各種圖片、icon等。

而后者主要是和“HTML+CSS+JavaScript+前端框架”等代碼打交道，工作內(nèi)容就是編程，這個崗位的專業(yè)名詞為網(wǎng)頁前端開發(fā)工程師，職業(yè)方向?qū)儆诔绦騿T的一種。所以，望初學(xué)者一定要知曉，以便選擇到自己喜歡的職業(yè)方向，進(jìn)行深造。

CSS+HTML代碼記不?。?/h2>說實(shí)話，常用的HTML標(biāo)簽、CSS屬性也就十幾二十個幾個，而且都是和英文單詞有對照關(guān)系的，不常用的查查w3school手冊，你也能很快掌握。

關(guān)鍵在于，你在學(xué)習(xí)相關(guān)教程的時候，不要只是看視頻，而是要跟著視頻做。當(dāng)你跟著教程，敲上幾萬行代碼后，再不熟練也差不到哪兒去了。

—

關(guān)于我

我是一個設(shè)計師，做過平面/網(wǎng)頁/UI設(shè)計。目前從事設(shè)計基礎(chǔ)教育，運(yùn)營著平面設(shè)計學(xué)習(xí)日記網(wǎng)、以及本站專欄。希望通過分享一些設(shè)計行業(yè)的基礎(chǔ)知識、書籍、經(jīng)驗(yàn)、教程等，能為零基礎(chǔ)同學(xué)理清平面設(shè)計的學(xué)習(xí)思路，讓自學(xué)有路可循，成長更加高效。

歡迎大家關(guān)注，公眾號：followdesign。本站專欄：平面設(shè)計學(xué)習(xí)日記，前往訂閱>