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