UI設(shè)計(jì)師如何學(xué)習(xí)web前端知識轉(zhuǎn)型? 不少UI設(shè)計(jì)師想要學(xué)習(xí)web前端知識,一方面是喜歡那些華麗的網(wǎng)頁(yè)特效,另一方面則是想成為全棧式U
第一階段,你要從最基礎(chǔ)的HTML/CSS 開(kāi)始,簡(jiǎn)單地說(shuō),HTML 就是一堆非常簡(jiǎn)單的標(biāo)籤,而 CSS 則是把你畫畫的流程用英語按一定的格式寫(xiě)出來(lái)。然後你需要理解常用 HTML 標(biāo)籤的意思,學(xué)會(huì)各種 CSS 的屬性,還有 CSS 的盒模型、優(yōu)先級(jí)、選擇器……
第二階段,你要是想在網(wǎng)頁(yè)上實(shí)現(xiàn)交互效果,比如輪播圖、點(diǎn)擊按鈕後播放動(dòng)畫等等,那麼就必須學(xué)會(huì)Java . Java 是一門(mén)完整、強(qiáng)大、熱門(mén)的程式語言,瀏覽器的各種交互效果都由它來(lái)做到的。
你先要了解一些基礎(chǔ)的 Java 概念(變量、函數(shù)、基本類(lèi)型)後,然後學(xué)習(xí) jQuery(Java代碼庫(kù)的一種),並且通過(guò) jQuery繼續(xù)使用CSS的選擇器。
轉(zhuǎn)職成為前端重構(gòu )
專(zhuān)精 HTML/CSS 的前端從業(yè)人員也就是前端重構(gòu )。達(dá)內(nèi)培訓(xùn)專(zhuān)家表示,掌握基本 HTML/CSS 的UI設(shè)計(jì)師就可以發(fā)展到這個(gè)方向。
你知道如何寫(xiě)頁(yè)面,也知道怎麼做的更好,並且更加理解 Web 世界,做出更“系統(tǒng)化”的設(shè)計(jì)。
關(guān)於CSS 的知識,你需要理解文檔流、浮動(dòng)流等各種定位的方式與原理,理解 CSS 的繼承復用思想、理解瀏覽器的差異、兼容等。
關(guān)於HTML 的知識,你需要學(xué)習(xí)語義化、可訪(fǎng)問(wèn)性與結(jié)構(gòu )的合理,以及“結(jié)構(gòu )與樣式的分離”等。
你會(huì)愛(ài)上CSS 3 的酷炫屬性,可以做出響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì),用 transiton 和animation 做補間動(dòng)畫與關(guān)鍵幀動(dòng)畫,用 transform 做縮放、旋轉(zhuǎn)、3D變換(huàn),還有圓角、漸變、陰影、彈性盒……
掌握了以上的這些,你完全可以利用你的設(shè)計(jì)功底和web前端知識,做出微信的H5頁(yè)面、一些有趣的網(wǎng)頁(yè),或者個(gè)人的網(wǎng)站。
轉(zhuǎn)職成為前端工程師/全棧式UI設(shè)計(jì)師
如果你還想做出更厲害的交互效果,越來(lái)越喜歡編程,那麼達(dá)內(nèi)培訓(xùn)專(zhuān)家建議你成為一個(gè)前端工程師/全棧式UI設(shè)計(jì)師。
這時(shí),你必須學(xué)會(huì)以軟體工程師的角度思考。你需要踏踏實(shí)實(shí)學(xué)習(xí)程式語言,深入理解作用域、對(duì)象、類(lèi)、封裝、繼承、面向對(duì)象編程、事件偵聽、事件冒泡等一大堆編程概念,需要了解瀏覽器,學(xué)習(xí) DOM、BOM、CSSOM 的 API,甚至還有學(xué)習(xí)一些網(wǎng)絡(luò)原理,包括域名、URL、DNS、HTTP 請求……
想要搞定編程沒那麼簡(jiǎn)單,但是只要肯花功夫就可以做到,那時(shí)你收穫到的將是一個(gè)新的世界。
到了這一階段,你可以做出很多優(yōu)秀的網(wǎng)站了,購(gòu)買(mǎi)域名,配置伺服器,然後將你的作品掛到網(wǎng)絡(luò)上吧;或者你可以做一些Java的小遊戲,練練編程能力。
Python交流群
635448130點(diǎn)擊加入群聊UI設(shè)計(jì)交流群
579150876點(diǎn)擊加入群聊Unity交流群
495609038點(diǎn)擊加入群聊HTML5交流群
645591648點(diǎn)擊加入群聊