本文是轉(zhuǎn)發(fā)學(xué)vi設(shè)計(jì)創(chuàng)作思路文章，通過(guò)對(duì)學(xué)vi設(shè)計(jì)的經(jīng)驗(yàn)和作品分享，為設(shè)計(jì)與營(yíng)銷(xiāo)賦能、共同進(jìn)步！

學(xué)vi設(shè)計(jì)原文直譯：

有沒(méi)有想過(guò)計(jì)算機(jī)編程是如何工作的，但是除了上傳一張照片到臉書(shū)之外，還沒(méi)有在網(wǎng)上做過(guò)任何更復(fù)雜的事情？

那你來(lái)對(duì)地方了。

對(duì)于一個(gè)從來(lái)沒(méi)有編寫(xiě)過(guò)代碼的人來(lái)說(shuō)，從頭開(kāi)始創(chuàng)建一個(gè)網(wǎng)站的概念——布局、設(shè)計(jì)等等——看起來(lái)真的很?chē)樔?。你可能?huì)想象電影《社交網(wǎng)絡(luò)》中的哈佛學(xué)生，戴著巨大的耳機(jī)坐在電腦前敲代碼，然后對(duì)自己說(shuō)，"我永遠(yuǎn)做不到。"

事實(shí)上，你可以。

任何人都可以學(xué)習(xí)編碼，就像任何人都可以學(xué)習(xí)一門(mén)新語(yǔ)言一樣。事實(shí)上，編程有點(diǎn)像說(shuō)外語(yǔ)——這正是它們被稱(chēng)為編程語(yǔ)言的原因。每一種都有自己的規(guī)則和語(yǔ)法，需要一步一步地學(xué)習(xí)。那些規(guī)則是告訴你的計(jì)算機(jī)做什么的方法。更具體地說(shuō)，在網(wǎng)編程中，它們是告訴瀏覽器做什么的方式。

這篇文章的目標(biāo)是，用簡(jiǎn)單的英語(yǔ)，教你HTML、CSS和最常見(jiàn)的編程語(yǔ)言之一Java Script語(yǔ)言的基礎(chǔ)知識(shí)。但是在我們開(kāi)始之前，讓我們先了解一下編程語(yǔ)言到底是什么。

編程，或者說(shuō)編碼，就像解謎一樣?？紤]一種人類(lèi)語(yǔ)言，比如英語(yǔ)或法語(yǔ)。我們使用這些語(yǔ)言將思想和想法轉(zhuǎn)化為行動(dòng)和行為。在編程中，謎題的目標(biāo)是完全一樣的——你只是在驅(qū)動(dòng)不同種類(lèi)的行為，而行為的來(lái)源不是人類(lèi)。這是一臺(tái)電腦。

編程語(yǔ)言是我們與軟件交流的方式。使用編程語(yǔ)言的人通常被稱(chēng)為程序員或開(kāi)發(fā)人員。我們使用編程語(yǔ)言告訴軟件的事情可能是使網(wǎng)頁(yè)看起來(lái)像某種方式，或者如果人類(lèi)用戶(hù)采取某種行動(dòng)，使頁(yè)面上的對(duì)象移動(dòng)。

因此，當(dāng)網(wǎng)頁(yè)設(shè)計(jì)師被賦予一個(gè)最終目標(biāo)，比如"創(chuàng)建一個(gè)網(wǎng)頁(yè)，它有這個(gè)標(biāo)題、這個(gè)字體、這些顏色、這些圖片，當(dāng)用戶(hù)點(diǎn)擊這個(gè)按鈕時(shí)，一個(gè)動(dòng)畫(huà)獨(dú)角獸會(huì)走過(guò)屏幕",網(wǎng)頁(yè)設(shè)計(jì)師的工作就是將這個(gè)大創(chuàng)意分成小塊，然后將這些小塊翻譯成計(jì)算機(jī)可以理解的指令，包括將所有

學(xué)vi設(shè)計(jì)分享收獲：

通過(guò)對(duì)學(xué)vi設(shè)計(jì)的分享，讓我們更清晰了解學(xué)vi設(shè)計(jì)的一些要點(diǎn)、方法和思路，收益良多。如果您有更多觀(guān)點(diǎn)，請(qǐng)投稿深圳vi設(shè)計(jì)公司郵箱 。