上個(gè)世界80年代，互聯(lián)網(wǎng)開始誕生，人們做夢(mèng)都沒想到30年后，互聯(lián)網(wǎng)可以滲透到各行各業(yè)，對(duì)社會(huì)發(fā)展起到重大的影響。網(wǎng)站從一開始的幾個(gè)頁面，簡(jiǎn)單的文字和圖片，發(fā)展到今天的交互技術(shù)，體現(xiàn)是網(wǎng)絡(luò)技術(shù)不斷的發(fā)展更新。隨著互聯(lián)網(wǎng)的發(fā)展，早期的網(wǎng)站前端代碼，那些簡(jiǎn)單的樣式，文字，圖片就樣式代碼，已經(jīng)不能符合人們的審美觀念。在HTML5流行的時(shí)代，網(wǎng)站前端技術(shù)要求也越來越高了。于是就誕生了前端設(shè)計(jì)師這么一個(gè)職位。
 
前端設(shè)計(jì)到底是做什么的，能夠在網(wǎng)站建設(shè)中起到什么作用呢？一些公司職位劃分的時(shí)候是沒有前端這個(gè)職位，只有特別專業(yè)或者是具有很完善的互聯(lián)網(wǎng)開發(fā)公司體系才會(huì)安排這個(gè)職位，很多公司的安排會(huì)吧前端與設(shè)計(jì)合為一起，或者是程序員兼做前端，所以網(wǎng)站建設(shè)中前端給人的印象不是十分的深刻。
 
前端的職位已經(jīng)不想很早以前，網(wǎng)站存在這簡(jiǎn)單的模板套用，那時(shí)的頁面設(shè)計(jì)風(fēng)格相對(duì)單一，對(duì)應(yīng)的頁面需求比較簡(jiǎn)單，并且當(dāng)時(shí)的瀏覽器也是基本的IE6的天下，javascript 也只是網(wǎng)頁特效的代名詞，HTML 頁面本身沒有引起太多人的關(guān)注，似乎只要能用 table 加 css 輔助把圖片定好位，把頁面內(nèi)容預(yù)留好就 OK 了，并且這種觀念存在了很長(zhǎng)一段時(shí)間。
 
隨著互聯(lián)網(wǎng)的風(fēng)靡，越來越多的公司對(duì)網(wǎng)站建設(shè)要求的層次不同，網(wǎng)站的設(shè)計(jì)風(fēng)格越來越個(gè)性化、專業(yè)化、精良化。交互復(fù)雜性的增加，Html5技術(shù)的應(yīng)用，瀏覽器的更新?lián)Q代，又讓大家重新對(duì)最基本的頁面本身重視起來。然后熱議的就是瀏覽器的兼容性，碰到問題最熱衷的就是滿網(wǎng)絡(luò)搜索 hack，順便再罵罵 IE6、7……當(dāng)這些都做一遍后，似乎又遇到了瓶頸，又開始尋找出路。
 


那么好的前端代碼能夠?yàn)榫W(wǎng)站帶來哪些好處呢：

（1）能夠給網(wǎng)站結(jié)構(gòu)布局帶來良好的展現(xiàn)：合理使用模塊化的開發(fā)，代碼風(fēng)格的統(tǒng)一，盡可能的避免代碼重復(fù)能大大加快網(wǎng)頁的運(yùn)行速度。
 
（2）簡(jiǎn)約的代碼：看到合理的標(biāo)簽使用、良好的注釋、清晰的代碼結(jié)構(gòu)、用意準(zhǔn)確的 css 不僅猶如欣賞一個(gè)藝術(shù)品，更為下游開發(fā)和協(xié)同開發(fā)降低了不小的溝通成本。特別是 HTML5 提供了更豐富的語義化標(biāo)簽，它們都苦苦地在等待戰(zhàn)場(chǎng)上的沖鋒號(hào)，讓我們?nèi)ソ夥潘鼈儼桑?br />  
（3）與HTML5的結(jié)合，HTML5時(shí)代的來臨伴隨著移動(dòng)互聯(lián)網(wǎng)的興起創(chuàng)造了更大的機(jī)會(huì)，還有太多的東西值得我們?nèi)W(xué)習(xí)去發(fā)現(xiàn)。 HTML5 提供了豐富的 JS API 接口，需要我們?nèi)パ芯?；CSS3的絢麗吸引了足夠多的眼球，需要我們?nèi)パ芯浚灰苿?dòng)設(shè)備上如何開發(fā)更加適配的頁面.

總的來說，前端設(shè)計(jì)師在整個(gè)網(wǎng)站設(shè)計(jì)中起著承上啟下的作用。網(wǎng)站的一些個(gè)性化體驗(yàn)，動(dòng)感的交互，都離不開前端設(shè)計(jì)師的努力。

作者：方維網(wǎng)絡(luò)吳國(guó)美