想做UI設(shè)計和網(wǎng)頁，這三個編程語言你必須懂，附網(wǎng)課資源

時間：2023-09-29 18:42:01 | 來源：網(wǎng)站運營

時間：2023-09-29 18:42:01 來源：網(wǎng)站運營

想做UI設(shè)計和網(wǎng)頁，這三個編程語言你必須懂，附網(wǎng)課資源：各位看官大家好，這里是老王設(shè)計！做交互設(shè)計的同學可以看過來啦！你可能會很多疑問，為什么交互設(shè)計還要懂代碼呢？是還不夠頭禿嗎？然而朋友請你平息一下怒火，因為懂得前端語言會為頁面設(shè)計的底層邏輯打下來扎實的基礎(chǔ)。并且在以后工作中，可以更好的與前端程序員們完成工作的對接。前期剛?cè)胄?，或剛學習的小伙伴們不需要太迫切的學習一些語言編程～

語言篇

HTML

如果說編程是一種語言，那么HTML5就是所有前端語言里最簡單的那一種。

這種語言是毫無基礎(chǔ)的小白就可以上手的標記語言。HTML5就像一個個的標簽和對電腦輸入的命令。告訴電腦標題是什么，圖片是什么，段落是什么。語法也非常的簡單，完全不需要任何的數(shù)學基礎(chǔ)。雖然單獨學HTML不能寫出我們平常看到的網(wǎng)站，但這是一個很好的開端。

CSS3

HTML是一個網(wǎng)站的基本結(jié)構(gòu)，CSS語言就是一個渲染這個結(jié)構(gòu)的工具。和HTML一樣，CSS不需要任何的數(shù)學基礎(chǔ)，只要認識HTML就可以開寫。他們能做出簡單的動畫效果，比如當鼠標滑過的時候加大或者改變顏色。如果你學會了CSS，那么恭喜你！現(xiàn)在你可以做出我平時看到“精裝”的網(wǎng)頁。

JavaScript

堅持學到JavaScript的朋友我先要點個贊！

JavaScript是一種介于前端和后端的語言，在這里邏輯思維和數(shù)學能力會有一些挑戰(zhàn)。不過作為設(shè)計師，其實只需要掌握或認識一些關(guān)于表格的填寫，和頁面簡單的互動的知識就足夠在工作中受益。

很多時候會有一些網(wǎng)站只是為了手機的用戶單獨設(shè)計的，或者為了電腦屏幕單獨設(shè)計。這導致了很多的網(wǎng)頁不能在各種設(shè)備上通用，然而當你在HTML和CSS學到了響應(yīng)編程（Responsive Web Design）幾行代碼，就可以讓你的網(wǎng)站在任何設(shè)備上達到最佳的效果。用戶的體驗也大大的改善。

免費資源篇

Coursera

Coursera是一個名校免費開放的自己公開課的地方，有各種名校老師在線上用視頻方式授課。這個平臺提供了考試，和同學之間的批改作業(yè)。這些功能可以讓我們隨時檢查學習的進度和水平。

我學習了密西根大學網(wǎng)頁開發(fā)課程的一套教程。里面包括了HTML5，CSS3，JavaScript和模版Bootstrap的應(yīng)用。喜歡通過視頻方式系統(tǒng)性學習的同學可以選擇這個平臺。如果你愿意花一些錢的話，可以領(lǐng)到這節(jié)課頒發(fā)的證書。這些證書可以寫進簡歷和分享到領(lǐng)英。

W3School

W3School非常適合閱讀理解特別好的同學。他們的網(wǎng)站上有現(xiàn)成的編輯器，只要用他們的案列上手就能很快的理解。他們沒有系統(tǒng)性的教學模式，而是像閱讀資料的教學。

遇見不會的標簽時，W3School就像一本教科書一樣隨意可以查詢。學起來沒有分開的課時會有一點的無聊，但是每個人的學習方式不同。請大家挑選自己擅長的方式學習，才能達到最好的效果～

Codeacdemy




Codeacdemy 是一個UI設(shè)計很美觀和舒適的學習網(wǎng)站。同樣他們應(yīng)用練習和文字結(jié)合方式教授前端的語言。在用Codeacdemy上課的時候就像在玩一個游戲一樣。使整個學習過程都有充滿了玩味和趣味。

免費模版

寫完了課程推薦大家一個適用于任何一個屏幕的程序模版Bootstrap。只需要下載或復(fù)制他們寫好的鏈接，就可以不花吹灰之力就可以寫出一個專業(yè)的網(wǎng)站。當然W3School也有模版哦，可以直接下載。

聽說有品位的人，都關(guān)注了公眾號：海外老王交互工業(yè)設(shè)計