如何學(xué)習(xí)網(wǎng)頁設(shè)計(jì)：成為網(wǎng)頁設(shè)計(jì)師所需了解的技術(shù)技能？首先，讓我們討論一下成為網(wǎng)頁設(shè)計(jì)師的技術(shù)方面。所有這些奇怪的首字母縮寫詞和術(shù)語似乎都令人生畏，但是一旦您了解它們，它們實(shí)際上就很容易了。
1.視覺設(shè)計(jì)
看起來很顯然，您需要設(shè)計(jì)知識(shí)才能成為Web設(shè)計(jì)師，但這究竟意味著什么？嗯，網(wǎng)頁設(shè)計(jì)實(shí)際上是視覺設(shè)計(jì)更大領(lǐng)域的子集，因此從那里開始是有意義的。
在Skillcrush，我們教授視覺設(shè)計(jì)，因?yàn)樗鼘Ｗ⒂跀?shù)字產(chǎn)品并幫助您在整個(gè)設(shè)計(jì)職業(yè)中取得成功。學(xué)習(xí)視覺設(shè)計(jì)時(shí)，您將學(xué)習(xí)成為網(wǎng)頁設(shè)計(jì)師所需的基本設(shè)計(jì)原則。
設(shè)計(jì)原則是決定網(wǎng)站外觀的因素。它們的范圍從比例到印刷術(shù)到網(wǎng)格系統(tǒng)再到顏色理論。學(xué)習(xí)視覺設(shè)計(jì)意味著創(chuàng)建情緒板和類型層次結(jié)構(gòu)，并嘗試使用Web字體和調(diào)色板。
2.用戶體驗(yàn)
這些有趣的縮寫來了！UX代表用戶體驗(yàn)，或用戶使用網(wǎng)站時(shí)的感受（平靜，沮喪等）。最重要的是，UX是從用戶至上的角度著手進(jìn)行設(shè)計(jì)的—您如何設(shè)計(jì)一個(gè)網(wǎng)站來幫助他們準(zhǔn)確地獲得他們所需要的？
為此，您將研究用戶并創(chuàng)建“角色”（虛構(gòu)的理想用戶的配置文件）。您將使用站點(diǎn)地圖對(duì)頁面和內(nèi)容進(jìn)行布局。您將在用戶流中弄清楚用戶在您的網(wǎng)站上采取的路徑。（例如，他們總是一直直接點(diǎn)擊進(jìn)入社交媒體嗎？還是他們只是在尋找聯(lián)系信息？）然后，您將構(gòu)建線框以勾畫出每個(gè)網(wǎng)頁的關(guān)鍵部分。所有這些組件對(duì)于實(shí)踐用戶體驗(yàn)設(shè)計(jì)都是必不可少的。
3.設(shè)計(jì)軟件
像任何工匠一樣，您需要正確的工具來完成您的工作。在每種情況下，了解自己遵循行業(yè)標(biāo)準(zhǔn)的方式都將有所幫助，并且在許多情況下都至關(guān)重要。盡管可以直接在Web瀏覽器中完成網(wǎng)站設(shè)計(jì)，但幾乎所有設(shè)計(jì)師都將Adobe Photoshop，Illustrator和Sketch等工具用于其工作的重要部分，例如創(chuàng)建模型，設(shè)計(jì)資產(chǎn)（例如徽標(biāo)和圖像）以及課程修改和增強(qiáng)照片。您應(yīng)該學(xué)習(xí)如何使用它們（盡管，如果您只是入門，請(qǐng)考慮嘗試一些免費(fèi)的Photoshop替代品）。
4. HTML
您可能沒有想到，Web設(shè)計(jì)人員將需要知道如何編碼。但是如今，對(duì)于大多數(shù)設(shè)計(jì)工作來說，這是一種期望的技能。HTML代表超文本標(biāo)記語言，它是用于將內(nèi)容放置在網(wǎng)頁上并賦予其結(jié)構(gòu)的編碼語言。這就是您將一堆單詞變成標(biāo)題，段落和頁腳的方式。這也是您在網(wǎng)站上獲得“酷”內(nèi)容（如照片，視頻和圖形）的方式。
5. CSS
然后是HTML的合作伙伴CSS或級(jí)聯(lián)樣式表。CSS是告訴瀏覽器如何設(shè)置網(wǎng)頁HTML格式和樣式的代碼。換句話說，這就是使所有文本和其他內(nèi)容看起來不錯(cuò)的原因。使用CSS，您可以調(diào)整顏色，更改字體或添加令人驚嘆的背景-等等！這是您真正的設(shè)計(jì)眼光，也是如何在您創(chuàng)建的每個(gè)網(wǎng)站上貼上創(chuàng)意印章的地方。
