第一篇：UI設(shè)計(jì)師為什么要懂web前端技術(shù)

去名企 拿高薪 到翡翠教育

UI設(shè)計(jì)師為什么要懂web前端技術(shù)

近年來，UI設(shè)計(jì)師成為一個(gè)火爆的職業(yè)，各大IT企業(yè)人才需求迫切，但想成功進(jìn)入U(xiǎn)I行業(yè)成為一個(gè)逼格高薪水高的UI設(shè)計(jì)師，不是僅僅會(huì)使用設(shè)計(jì)軟件就可以做到的，你需要掌握各種專業(yè)的技能，豐富的實(shí)訓(xùn)經(jīng)驗(yàn)，才能成為企業(yè)需要的高技術(shù)水平的UI設(shè)計(jì)師。UI設(shè)計(jì)師需要掌握的技能也包括：Web前端技術(shù)。

UI 設(shè)計(jì)師很大的工作量會(huì)放在前期規(guī)劃上，這關(guān)系到產(chǎn)品的操作邏輯、能不能被實(shí)作，一些公司的UI設(shè)計(jì)師實(shí)際上是在做美工的活，完全沒有發(fā)揮UI設(shè)計(jì)師的所長。一個(gè)全能型的UI設(shè)計(jì)師既要懂設(shè)計(jì)，更要懂代碼，還要有一定的產(chǎn)品思維，這樣才能在公司取得更好的發(fā)展，也是企業(yè)所需要的人才。

國畫中有句話，“畫虎先畫骨”。對應(yīng)到設(shè)計(jì)上，視覺效果只是一張皮，前端代碼是支撐這張皮的骨，了解骨架是怎么長的，有助于設(shè)計(jì)出更合理高效的頁面。

有時(shí)候不管設(shè)計(jì)師對設(shè)計(jì)稿發(fā)出多么陶醉的呻吟，如若前端無法實(shí)現(xiàn)，感覺會(huì)像遭遇了無數(shù)輪一丈紅。而一個(gè)會(huì)前端的設(shè)計(jì)師會(huì)盡可能避免這樣的情況，并降低項(xiàng)目溝通成本，加速項(xiàng)目進(jìn)行。作為一個(gè)設(shè)計(jì)師，尤其是UI設(shè)計(jì)師;當(dāng)你學(xué)會(huì)了html+css，或者長時(shí)間和IOS或者安卓開發(fā)人員交流他們是怎么把圖片和文字排進(jìn)屏幕內(nèi)的，小編保證程序猿一定會(huì)感激涕零，而離項(xiàng)目順利收尾也不遠(yuǎn)了。

那么團(tuán)隊(duì)協(xié)作中前端到底在扮演神馬角色呢？他們也許不懂交互設(shè)計(jì)，但是沒人比他們懂交互設(shè)計(jì)的實(shí)現(xiàn)，和每一個(gè)細(xì)節(jié)；他們也許不懂視覺設(shè)計(jì)，但是沒人比他們懂視覺設(shè)計(jì)如何變?yōu)楝F(xiàn)實(shí)；他們也許不懂后臺(tái)數(shù)據(jù)庫，但是他們其實(shí)才是數(shù)據(jù)的第一消費(fèi)者；他們也許不是產(chǎn)品經(jīng)理，但是產(chǎn)品的質(zhì)量幾乎都是由他們來決定。去名企 拿高薪 到翡翠教育

顯而易見，前端的地位舉足輕重！當(dāng)然前途也是無可限量的。

所以說UI設(shè)計(jì)懂前端技術(shù)，為的不是別人是自己。

翡翠教育UI課程通過平面設(shè)計(jì)模塊、Web界面設(shè)計(jì)模塊、移動(dòng)端界面設(shè)計(jì)模塊、動(dòng)效展示模塊以及網(wǎng)頁布局模塊五大模塊，讓學(xué)員掌握包括LOGO設(shè)計(jì)、用戶體驗(yàn)設(shè)計(jì)、網(wǎng)頁構(gòu)成、移動(dòng)端界面設(shè)計(jì)、HTML、動(dòng)效制作、交互設(shè)計(jì)等眾多技能。成為一個(gè)懂設(shè)計(jì)、懂代碼、有產(chǎn)品思維的全能設(shè)計(jì)師。

翡翠教育專注IT教育培訓(xùn)，以創(chuàng)新的教學(xué)方式和完善的就業(yè)服務(wù)享譽(yù)業(yè)內(nèi)，已覆蓋全國30多個(gè)城市,擁有70家教學(xué)中心。

如果你想學(xué)習(xí)UI設(shè)計(jì)、Web前端、Java大數(shù)據(jù)、網(wǎng)絡(luò)營銷、PHP等課程，歡迎關(guān)注翡翠教育!2

第二篇：web前端技術(shù)和網(wǎng)頁技術(shù)有什么區(qū)別

004km.cn

web前端技術(shù)和網(wǎng)頁技術(shù)有什么區(qū)別

不得不說，程序員的“黃金時(shí)代”正在到來。移動(dòng)互聯(lián)人才市場上，Java開發(fā)工程師、軟件測試工程師、軟件實(shí)施工程師、web前端技術(shù)開發(fā)工程師等崗位供不應(yīng)求。前不久成都國信安舉辦了企業(yè)人才雙選會(huì)，30家IT 相關(guān)企業(yè)提供了近200多個(gè)工作崗位，近173名同學(xué)參加了雙選會(huì)，目前已有近80名同學(xué)順利入職，其他小伙伴也在等候入職消息。

在其他行業(yè)正在經(jīng)歷下滑期時(shí)，軟件行業(yè)卻蒸蒸日上。全球軟件行業(yè)變革和技術(shù)發(fā)展給中國的軟件行業(yè)帶來了巨大的發(fā)展空間和發(fā)展契機(jī)，軟件行業(yè)對人才的需求量也呈上升趨勢。人才供給缺口將是未來一段時(shí)間內(nèi)軟件人才市場的主旋律。企業(yè)應(yīng)努力吸納優(yōu)秀人才和搶手人才，以增強(qiáng)企業(yè)在人才方面的競爭優(yōu)勢。從中國軟件發(fā)展的總體來看，中國軟件業(yè)的發(fā)展越來越受到中國管理層的重視，軟件服務(wù)業(yè)司的成立及未來產(chǎn)業(yè)政策的支持顯示行業(yè)發(fā)展將有望迎來新的機(jī)遇期。

隨著技術(shù)的發(fā)展使得企業(yè)紛紛加大在研發(fā)上的投入，預(yù)計(jì)研發(fā)類及技術(shù)類人員的薪酬將超過項(xiàng)目管理類人員，一名高級軟件工程師的年薪將在11萬元左右；另外，受IC芯片產(chǎn)業(yè)發(fā)展的拉動(dòng)，系統(tǒng)工程師和硬件工程師的薪酬也將有所增長，未來這一領(lǐng)域的資深技術(shù)人才的身價(jià)也將飆升，互聯(lián)網(wǎng)的復(fù)蘇則同樣使其從業(yè)人員的薪資迎來回暖。

面對如此好的發(fā)展機(jī)遇，程序員正迎來發(fā)展的黃金時(shí)代，早一步踏入互聯(lián)網(wǎng)行業(yè)，早一步成就高薪！小伙伴們抓緊時(shí)間來學(xué)習(xí)吧！成都國信安歡迎你，行動(dòng)起來，下一個(gè)高薪學(xué)員就是你！國信安源于選擇，優(yōu)秀在于超越！無數(shù)學(xué)員通過成都國信安！

四川是旅游的天堂，無法拒絕她火辣辣的美食，無法拒絕她驚艷的自然風(fēng)光，更無法拒絕她的古蜀文化。中國作為全球首屈一指的大國，it培訓(xùn)缺口日益增大。從國家到地方，政府紛紛鼓勵(lì)年輕人學(xué)習(xí)一技之長改變命運(yùn)，成為很多人的首選。那么，2017it培訓(xùn)前景如何？是不是真如傳言中所說的高薪職業(yè)永不失業(yè)呢？

一說起it培訓(xùn)，很多人都表示苦不堪言，總有人被虛假信息坑過。很多人表示自己對其一竅不通，實(shí)在不知道怎么辦才好。別著急，讓小編為你奉上這些必備小技巧，帶你快速簡單的上手。今天小編想給大家扒一扒大家感興趣的it培訓(xùn)！

004km.cn

就目前的網(wǎng)頁設(shè)計(jì)師行情來說，企業(yè)是很缺高級網(wǎng)頁設(shè)計(jì)師的，一線城市的高級網(wǎng)頁設(shè)計(jì)師，薪資待遇是非常可觀的。高端的網(wǎng)頁設(shè)計(jì)師將會(huì)是未來緊缺的職位;現(xiàn)在企業(yè)里招聘網(wǎng)頁設(shè)計(jì),不會(huì)再簡單的要求應(yīng)聘者會(huì)一些簡單的網(wǎng)頁設(shè)計(jì)軟件那么簡單。

目前web前端技術(shù)技術(shù)以及網(wǎng)頁設(shè)計(jì)人才仍然非常緊俏。有不少企業(yè)已經(jīng)向還未畢業(yè)的優(yōu)秀設(shè)計(jì)師拋出了橄欖枝，招聘勢頭任然呈現(xiàn)上漲趨勢。我們經(jīng)常會(huì)聽身邊人說起計(jì)算機(jī)行業(yè)收入已經(jīng)變得越來越高了，也是一件很有發(fā)展“錢途”的事情。這也就為什么越來越多的人會(huì)選擇這一高薪行業(yè)。在眾多崗位中，有些人選擇“web前端技術(shù)”和“網(wǎng)頁設(shè)計(jì)”上犯了難，到底該如何選擇呢？

1.學(xué)WEB前端技術(shù)和學(xué)網(wǎng)頁設(shè)計(jì)哪個(gè)好？

如何選擇?關(guān)于WEB前端技術(shù)和網(wǎng)頁設(shè)計(jì)哪個(gè)的發(fā)展前景好，只能這么說，WEB前端技術(shù)的重要性自然不用多說，很多高薪的崗位都WEB前端技術(shù)相關(guān)。網(wǎng)頁設(shè)計(jì)則是屬于web前端技術(shù)，這兩個(gè)其實(shí)不沖突，發(fā)展前景都很好，企業(yè)也都很青睞這方面的人才。

2.兩者收入怎么樣？

學(xué)WEB前端技術(shù)和學(xué)網(wǎng)頁設(shè)計(jì)，薪資待遇有什么差別。我們以北京地區(qū)為例，通過招聘網(wǎng)站的數(shù)據(jù)來具體看一下。北京WEB前端技術(shù)工程師的平均月薪為16000元左右，網(wǎng)頁設(shè)計(jì)師平均月薪在14000元左右，兩者的薪資范圍都集中在10—32K之間。

004km.cn

3.學(xué)習(xí)費(fèi)用多少？

正規(guī)的網(wǎng)頁設(shè)計(jì)師培訓(xùn)費(fèi)用都在17000到20000元左右，這是由市場行情決定的，如果價(jià)格太低的話，你就需要小心了，這樣的機(jī)構(gòu)興許連營業(yè)資格證都沒有，在培訓(xùn)的效果、師資力量、環(huán)境設(shè)施等各方面服務(wù)也都是沒有保障的。

國信安IT培訓(xùn)基地指定的官方IT人才培訓(xùn)機(jī)構(gòu)。專注java培訓(xùn)、php培訓(xùn)、UI設(shè)計(jì)培訓(xùn)、軟件測試培訓(xùn)、大數(shù)據(jù)培訓(xùn)、web前端技術(shù)培訓(xùn)等培訓(xùn)課程。你們準(zhǔn)備好怎么學(xué)習(xí)IT技術(shù)了嗎?來參加國信安IT培訓(xùn)課程，你的選擇不會(huì)有錯(cuò)！

第三篇：UI設(shè)計(jì)師真的不需要懂文案嗎

UI設(shè)計(jì)師真的不需要懂文案嗎? 翡翠教育緊跟時(shí)代潮流在全國各地主要城市都開設(shè)了UI設(shè)計(jì)方向的課程，四個(gè)階段4個(gè)月左右的時(shí)間幫助學(xué)員循序漸進(jìn)的成為合格的UI設(shè)計(jì)師。同時(shí)，翡翠教育將全程關(guān)注學(xué)員就業(yè)，各個(gè)校區(qū)提供豐富就業(yè)資源，創(chuàng)建全國就業(yè)網(wǎng)絡(luò)平臺(tái)助力學(xué)員圓當(dāng)?shù)睾彤惖鼐蜆I(yè)夢！

我們先來看看懂文案對設(shè)計(jì)師有哪些好處。1.提升設(shè)計(jì)師的提案能力

無論是代表公司還是接私活，又或者是自己開公司，設(shè)計(jì)師都會(huì)有需要提案的時(shí)候，而提案的能力跟提案成功與否有著重要關(guān)系。提案能力其實(shí)包含了對設(shè)計(jì)作品的創(chuàng)意說明、對策略的熟悉和講解能力。一般設(shè)計(jì)師只會(huì)負(fù)責(zé)設(shè)計(jì)執(zhí)行，對設(shè)計(jì)以外的知之甚少，所以在廣告公司的時(shí)候設(shè)計(jì)師很少負(fù)責(zé)提案（一般是策劃或者文案負(fù)責(zé)），也就是說自己做的作品卻連把它賣給客戶的資格都沒有。而懂文案的設(shè)計(jì)師往往表達(dá)能力更好，且他們對文案和策略方面都會(huì)有所了解，對品牌的了解也要比其他設(shè)計(jì)師更深，所以相對來說他們會(huì)更具備提案能力。在面對客戶的提案時(shí)，他們往往更能抓住重點(diǎn)，深度講解方案，最終說服客戶。

2..懂文案的設(shè)計(jì)師更會(huì)做總結(jié)

做總結(jié)是一件能幫助我們思考、鞏固知識(shí)的事情，很多成功人事都有做總結(jié)的習(xí)慣，不過總結(jié)一般都是以文字的方式來執(zhí)行的，自然設(shè)計(jì)師就不愛做總結(jié)?？偨Y(jié)不是寫日記，不需要長篇大論，而是通過自己的語言把你每天的收獲、啟發(fā)、感悟、看到的不錯(cuò)的事物，用簡單的幾句話寫下了?？此坪唵?，然而這要求我們要具備一定的概括、表達(dá)和對新知識(shí)的吸收能力，沒有任何文字或文案功底的人是很難對此事有興趣，也很難把它做好。當(dāng)然，通過長期做總結(jié)也會(huì)對你的寫作能力有所幫助。

3.有助于提升設(shè)計(jì)師的創(chuàng)意能力

有一些廣告公司喜歡把文案稱為創(chuàng)意人員，廣告創(chuàng)意都是由他們碰撞產(chǎn)生，而設(shè)計(jì)師則被歸為美術(shù)，只負(fù)責(zé)執(zhí)行創(chuàng)意，這是因?yàn)檫@些公司認(rèn)為創(chuàng)意都是從文案開始。雖然我不認(rèn)同他們的看法與做法，但也必須承認(rèn)的是，先從文案和創(chuàng)意概念來想創(chuàng)意點(diǎn)子是更科學(xué)的方式，能夠想出更多精彩的創(chuàng)意，文案人員擅用此法，而設(shè)計(jì)師大多喜歡從形式上去想創(chuàng)意，直接落實(shí)到創(chuàng)意點(diǎn)子上，這個(gè)方法有很多弊端。關(guān)于設(shè)計(jì)師怎么想創(chuàng)意我在《設(shè)計(jì)師的腦洞是怎樣煉成的？》一文中有詳細(xì)闡述，所以讓自己懂點(diǎn)文案，試著用文案的方式想創(chuàng)意，有助于提高設(shè)計(jì)師的創(chuàng)意能力。

4.可以提高設(shè)計(jì)師的學(xué)習(xí)能力

看書是公認(rèn)的取得進(jìn)步最佳的途徑之一，前面已經(jīng)說了，由于設(shè)計(jì)師不喜歡看文字，所以他們看到文字書籍都比較少，而當(dāng)你開始學(xué)習(xí)文案時(shí)，你會(huì)發(fā)現(xiàn)文字的魅力，當(dāng)然你就不會(huì)那么討厭全是文字的書籍了，俗話說：書中自有黃金屋。如果你掌握了文案寫作能力等于是你打開了以讀書獲取知識(shí)的大門，大量的閱讀一定可以讓你在各個(gè)方面的能力都有很大提升，多看些文字類的書籍肯定比只看圖片有效，當(dāng)你的理論知識(shí)更加豐富、知識(shí)面更廣的時(shí)候、你的學(xué)習(xí)能力也就大大提高了。

5.有助于設(shè)計(jì)師與文案人員的交流協(xié)作

設(shè)計(jì)師跟文案并不是傳說中的黃金搭檔，相反他們通常是一對小冤家，可能是因?yàn)橛行┪陌赶矚g教設(shè)計(jì)怎么做事，而設(shè)計(jì)師都不喜歡被人家指指點(diǎn)點(diǎn)的原因。文案覺得設(shè)計(jì)師根本不明白自己要表達(dá)什么，而設(shè)計(jì)師則覺得文案根本不懂設(shè)計(jì)，還瞎指揮。為了減少雙方的矛盾，很多公司的設(shè)計(jì)師和文案都很獨(dú)立，文案人員寫好自己的文案直接丟給設(shè)計(jì)，至于設(shè)計(jì)成什么樣那是設(shè)計(jì)的事；設(shè)計(jì)師這邊做好畫面把文案放上去就直接丟給客戶或者客服了，文案搭不搭跟自己也毫無關(guān)系，最終導(dǎo)致出來的作品常有各種問題，而文案和設(shè)計(jì)師又相互推責(zé)。設(shè)計(jì)和文案本就是一個(gè)整體，不分誰輕誰重，如果設(shè)計(jì)師了解文案，文案人員了解設(shè)計(jì)，他們可以進(jìn)行有效、順暢的溝通，最終也可以提高工作的質(zhì)量。

6.懂文案是做創(chuàng)意總監(jiān)的必備條件

不想做總監(jiān)的設(shè)計(jì)師不是好設(shè)計(jì)師，可是，為什么有的人做了十幾年的設(shè)計(jì)依然還是一個(gè)美術(shù)指導(dǎo)或者資深設(shè)計(jì)，一個(gè)原因可能是他們長期對工作懈怠、缺乏思考，導(dǎo)致他們的設(shè)計(jì)能力最多到了中上水平就一直上不去了，但最重要的原因是他們只會(huì)做設(shè)計(jì)，對文案、策劃、管理一竅不通。而作為創(chuàng)意總監(jiān)必須統(tǒng)籌整個(gè)團(tuán)隊(duì)，對文案、設(shè)計(jì)、策劃都需要把關(guān)，設(shè)計(jì)師與文案直接的協(xié)作也經(jīng)?？縿?chuàng)意總結(jié)來引導(dǎo)。所以如果你只懂設(shè)計(jì)的話，很難勝任創(chuàng)意總監(jiān)的職位，最多在一個(gè)小公司當(dāng)個(gè)設(shè)計(jì)總監(jiān)。

UI設(shè)計(jì)是體驗(yàn)的一部分、一個(gè)環(huán)節(jié)，而文案同樣會(huì)影響著整個(gè)體驗(yàn)流程。從受眾所接收信息的角度來說，兩者必須緊密結(jié)合，相輔相成，才能達(dá)到更好、更巧妙的效果。

第四篇：Web前端開發(fā)技術(shù)人才培養(yǎng)模式研究

Web前端開發(fā)技術(shù)人才培養(yǎng)模式研究

摘要：隨著Web2.0技術(shù)普及和人們對用戶體驗(yàn)的要求越來越高，傳統(tǒng)的Web界面已經(jīng)不能滿足人們對交互特性的要求，Web前端開發(fā)技術(shù)越來越受到重視，各大行業(yè)對Web前端開發(fā)方面的人才需求量也大幅度提升。本文就教學(xué)過程中Web前端開發(fā)技術(shù)課程，提出一種新的教學(xué)模式，并探討了新模式中具體的教學(xué)改革及實(shí)施方法。

關(guān)鍵詞：Web2.0；前端開發(fā)；Html5；課程

中圖分類號(hào)：TP301.6 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2015）24-0109-02

Research on the Training Mode of the Web Front-end Development Technology

ZHAO Da-wei，CHEN Gang

（Department of Computer，College of Humanities & Sciences of Northeast Normal University，Changchun 130117，China）

Abstract： With the popularization of Web2.0 technology and the requirements of the user experience，the traditional Web interface has been unable to meet the requirements of the interactive features，Web front-end development technology is more and more attention，and the major industries of the Web front-end development needs of the talent is also a substantial increase.This paper puts forward a new teaching mode，and discusses the specific teaching reform and implementation of the new teaching mode in the course of developing Web in the teaching process.Key words： Web2.0； Front-end development； Html5； Course

前言

傳統(tǒng)的Web 前端開發(fā)是指靜態(tài)網(wǎng)頁的布局的設(shè)計(jì)，是 Web1.0 時(shí)代開發(fā)人員的主要工作。那個(gè)時(shí)代，網(wǎng)站的內(nèi)容主要是以靜態(tài)的頁面為主，人們進(jìn)入網(wǎng)站也主要是通過瀏覽網(wǎng)頁的內(nèi)容，獲取相關(guān)的信息。2005 年以后，隨首Web2.0 的發(fā)展和普及，各種交互式的Web 應(yīng)用大量涌現(xiàn)，人們在訪問網(wǎng)站時(shí)用戶體驗(yàn)的要求程度越來越高，網(wǎng)站的前端頁面的設(shè)計(jì)由此發(fā)生了質(zhì)的變化。前端頁面上良好的軟件化的交互形式能夠?yàn)橛脩籼峁┝烁玫氖褂皿w驗(yàn)，所以前端頁面的開發(fā)技術(shù)難度越來越大，此時(shí)的Web前端開發(fā)是指綜合運(yùn)用HTML、CSS、DIV、JavaScript、DOM和AJAX等技術(shù)實(shí)現(xiàn)網(wǎng)站的整體布局和改善用戶體驗(yàn)的工作。在一些技術(shù)比較發(fā)達(dá)的國家，前端開發(fā)技術(shù)人員已經(jīng)獨(dú)立出來并形成專門的開發(fā)群體，而目前我國缺乏大量的前端開發(fā)人員，隨著Web2.0的普及，未來幾年國內(nèi)各大行業(yè)對Web前端開發(fā)方面的人才需求將會(huì)大幅提升，Web前端開發(fā)技術(shù)人才也會(huì)日益受到重視。

一位優(yōu)秀的Web前端開發(fā)技術(shù)人員在知識(shí)體系上既要有廣度，又要有深度，傳統(tǒng)的網(wǎng)頁設(shè)計(jì)人員只需要掌握DreamWeaver、Flash和Photoshop等基本的工具軟件就可以勝任，這也是目前很多高校中網(wǎng)頁設(shè)計(jì)課程體系中的核心課程，現(xiàn)在的Web前端開發(fā)人員只掌握這些是遠(yuǎn)遠(yuǎn)不夠的，現(xiàn)在的前端開發(fā)無論是技術(shù)上還是難度上都更接近于網(wǎng)站后臺(tái)的開發(fā)，所以需要的更加專業(yè)的技術(shù)人員。為了更好地進(jìn)行Web前端開發(fā)技術(shù)人才的培養(yǎng)我們針對教學(xué)計(jì)劃進(jìn)行了修訂，結(jié)合當(dāng)前對Web開發(fā)技術(shù)人員的具體的技術(shù)需求進(jìn)行教學(xué)。Web前端開發(fā)技術(shù)課程改革

2.1課程設(shè)置

課程改革的目的是適應(yīng)web 2.0發(fā)展和普及，培養(yǎng)掌握基本的Web前端開發(fā)技術(shù)，其中包括HTML、CSS、DIV、JavaScript、DOM和AJAX等，還要掌握網(wǎng)站性能優(yōu)化、搜索引擎優(yōu)化和服務(wù)器端開發(fā)技術(shù)的基礎(chǔ)知識(shí)，掌握運(yùn)用各種Web前端開發(fā)與測試工具進(jìn)行輔助開發(fā)等。

以Web 前端開發(fā)工程師崗位的技術(shù)需求為導(dǎo)向設(shè)置課程，使其滿足Web前端開發(fā)的技術(shù)人才能力的要求，在教學(xué)內(nèi)容上設(shè)置為包含HTML、DIV、CSS、JavaScript、DOM 和AJAX 等5 個(gè)模塊的教學(xué)內(nèi)容。為了更好地適應(yīng)Web開發(fā)技術(shù)的發(fā)展和社會(huì)的需要，課程中我們還適時(shí)增加HTML5[1]方面的知識(shí)。在新構(gòu)建的知識(shí)體系將CSS+DIV 技術(shù)貫穿整個(gè)教學(xué)環(huán)節(jié)中，重點(diǎn)介紹CSS+DIV 技術(shù)在現(xiàn)代網(wǎng)頁前端頁面設(shè)計(jì)中的作用，并在教學(xué)中將JavaScript、DOM 和AJAX 技術(shù)與它們進(jìn)行融合，培養(yǎng)學(xué)生設(shè)計(jì)和開發(fā)現(xiàn)代的前端頁面的能力。

2.2 案例式教學(xué)

Web 前端開發(fā)技術(shù)課程采用案例式教學(xué)，以“任務(wù)驅(qū)動(dòng)，項(xiàng)目拉動(dòng)”為目標(biāo)，規(guī)范Web 前端開發(fā)的流程，以當(dāng)前優(yōu)秀的精品課程網(wǎng)站，優(yōu)秀的企業(yè)網(wǎng)站和典型的商業(yè)網(wǎng)站為案例，學(xué)習(xí)前端頁面的設(shè)計(jì)和開發(fā)，學(xué)習(xí)先進(jìn)的技術(shù)和理念，通過案例教學(xué)使學(xué)生能夠獨(dú)立完成自選課題的設(shè)計(jì)任務(wù)。在教學(xué)中采用基于建構(gòu)主義認(rèn)知靈活性理論的教學(xué)設(shè)計(jì)模式[2]，在教學(xué)設(shè)計(jì)過程中，完成案例時(shí)始終貫串建構(gòu)主義的概念，對新知識(shí)點(diǎn)分別進(jìn)行感觀建構(gòu)、情景知識(shí)建構(gòu)、實(shí)踐知識(shí)建構(gòu)到最后的重建，形成最終的意義建構(gòu)，學(xué)生在學(xué)習(xí)的過程中可以從不同的情景中實(shí)現(xiàn)對知識(shí)的理解和認(rèn)識(shí)，并通過案例提高學(xué)生的動(dòng)手和實(shí)踐能力。

教學(xué)過程中，所有的項(xiàng)目案例均來自當(dāng)前企業(yè)中的實(shí)際項(xiàng)目，根據(jù)軟件工程的理論，把項(xiàng)目案例自下而上分為技術(shù)層、操作層和綜合層三個(gè)層次[3]。技術(shù)層注重對開發(fā)技術(shù)的學(xué)習(xí)和掌握，操作層重點(diǎn)在于技術(shù)的應(yīng)用，將技術(shù)應(yīng)用于實(shí)踐，綜合層則關(guān)注技術(shù)的整合與創(chuàng)新。技術(shù)層是操作層和綜合層的基礎(chǔ)，綜合層則是技術(shù)層和操作層的實(shí)現(xiàn)和深化。實(shí)踐類課程增設(shè)課程設(shè)計(jì)，加強(qiáng)學(xué)生在校期間科研訓(xùn)練及項(xiàng)目經(jīng)歷提高計(jì)算機(jī)專業(yè)學(xué)生Web 前端開發(fā)能力，增強(qiáng)學(xué)生的職業(yè)競爭力。Web前端開發(fā)技術(shù)能力培養(yǎng)

3.1 加強(qiáng)教學(xué)資源建設(shè)與教學(xué)平臺(tái)搭建

完善教學(xué)資源，采用與教學(xué)特點(diǎn)相適應(yīng)的課內(nèi)教學(xué)多媒體教學(xué)形式，采用國內(nèi)外重點(diǎn)教材，引進(jìn)國內(nèi)外一流大學(xué)和成功的軟件人才培養(yǎng)機(jī)構(gòu)的先進(jìn)教學(xué)思路，借鑒國外課程，調(diào)整、更新和充實(shí)教學(xué)內(nèi)容，采用雙語教學(xué)方式，努力與軟件人才國際化的培養(yǎng)目標(biāo)接軌。

構(gòu)建自主學(xué)習(xí)的資源平臺(tái)，搭建程序設(shè)計(jì)項(xiàng)目資源案例庫，豐富學(xué)生課外學(xué)習(xí)層面，建立相應(yīng)的課程教學(xué)網(wǎng)站，實(shí)現(xiàn)課內(nèi)課外相結(jié)合的教學(xué)模式[4]。

3.2 實(shí)踐基地建設(shè)與職業(yè)能力訓(xùn)練

除了在實(shí)習(xí)過程中的校外教學(xué)基地，學(xué)校還根據(jù)Web前端開發(fā)技術(shù)的具體特點(diǎn)，建設(shè)一批基于校園的網(wǎng)絡(luò)工作室、互聯(lián)網(wǎng)企業(yè)于一體的綜合性實(shí)踐基地。在教學(xué)過程中，教師可以帶領(lǐng)學(xué)生進(jìn)入基地，參與到實(shí)際的web開發(fā)與社會(huì)實(shí)踐中去，包括校園的網(wǎng)絡(luò)工作室等基地就是由學(xué)生進(jìn)行管理和維護(hù)，提高學(xué)生的職業(yè)能力，使學(xué)生完成從理論到實(shí)踐的過渡，從學(xué)校到“職場”的過渡。以上基地的建立強(qiáng)化了學(xué)生的實(shí)踐和崗位適應(yīng)能力。教學(xué)中，我們要求學(xué)生的項(xiàng)目、課題的實(shí)踐性環(huán)節(jié)不少于20%，強(qiáng)化學(xué)生實(shí)踐能力的訓(xùn)練，開設(shè)了多門反映Web前端開發(fā)技術(shù)最新發(fā)展的課程，為培養(yǎng)學(xué)生的職業(yè)素質(zhì)提供平臺(tái)。多角度、綜合性的考核提高職業(yè)素養(yǎng)

Web前端開發(fā)技術(shù)的實(shí)踐性比較強(qiáng)，我們也希望通過課程改革提高學(xué)生的開發(fā)技術(shù)和能力，最終提高學(xué)生的職業(yè)素養(yǎng)和設(shè)計(jì)能力，進(jìn)入社會(huì)后能夠勝任專業(yè)崗位的需求。在Web前端開發(fā)技術(shù)課程考核中，我們采用多樣化、職業(yè)性的考核評價(jià)體系取代傳統(tǒng)的考核方式。

Web前端開發(fā)技術(shù)課程的考核，我們采取的多樣化的考核方式，如作品演示、作品集成、項(xiàng)目驗(yàn)收等。將學(xué)生的作品和自選課題，作為評價(jià)考核的重要組成部分，學(xué)生在匯報(bào)和演示作品的同時(shí)鍛煉了學(xué)生口頭表達(dá)能力、與人溝通能力等多方面能力，也加深了他們對Web前端開發(fā)技術(shù)和項(xiàng)目開發(fā)的深入了解。在項(xiàng)目驗(yàn)收考核中，我們?yōu)榱俗寣W(xué)生更好地完成項(xiàng)目，分為階段驗(yàn)收和綜合驗(yàn)收，階段驗(yàn)收用來檢查和了解學(xué)生的學(xué)習(xí)情況，了解學(xué)生對Web前端技術(shù)的掌握情況，及時(shí)的發(fā)現(xiàn)問題并找出解決辦法。綜合驗(yàn)收是通過學(xué)生對具體項(xiàng)目案例的實(shí)現(xiàn)情況，來檢驗(yàn)學(xué)生的Web前端開發(fā)能力及相關(guān)的綜合能力，這種考核方式既能客觀的評價(jià)學(xué)生的能力水平又能夠培養(yǎng)他們的團(tuán)結(jié)協(xié)作精神，促進(jìn)學(xué)生們綜合職業(yè)能力培養(yǎng)和提高[5]。結(jié)束語

隨著Web技術(shù)的發(fā)展與變化，企業(yè)與社會(huì)對Web前端開發(fā)技術(shù)人才的要求越來越高，計(jì)算機(jī)相關(guān)專業(yè)的人才培養(yǎng)模式也要做出改變。Web前端開發(fā)技術(shù)課程的設(shè)立與改革使學(xué)生能夠更早的接觸最新的技術(shù)和知識(shí)，達(dá)到了讓學(xué)生跨入互聯(lián)網(wǎng)web 開發(fā)技術(shù)的大門。隨著互聯(lián)網(wǎng)技術(shù)發(fā)展和更新，我們的教學(xué)及課程也會(huì)適應(yīng)W3C的標(biāo)準(zhǔn)而做出調(diào)整和更新。比如在技術(shù)的選擇上要適應(yīng)瀏覽器兼容性、web 安全等，增加移動(dòng)互聯(lián)網(wǎng)相關(guān)設(shè)備的前端技術(shù)方面的內(nèi)容，適應(yīng)產(chǎn)業(yè)的需求，為互聯(lián)網(wǎng)行業(yè)培養(yǎng)合格的人才。同時(shí)，針對行業(yè)應(yīng)用，細(xì)化人才培養(yǎng)目標(biāo)，建立“多元”化的培養(yǎng)目標(biāo)模型； 通過校企合作、基地建設(shè)等不斷地完善我們的實(shí)驗(yàn)和實(shí)踐體系，切實(shí)提高學(xué)生的設(shè)計(jì)、應(yīng)用和創(chuàng)新的能力。

參考文獻(xiàn)：

[1] 馬新強(qiáng)，孫兆，袁哲.Web標(biāo)準(zhǔn)與HTML5的核心技術(shù)研究[J].重慶文理學(xué)院學(xué)報(bào)：自然科學(xué)版，2010，29（6）：61-65.[2] 秦美峰.Web前端編程實(shí)踐性教學(xué)的探索[J].福建電腦，2015（1）：117-119.[3] 儲(chǔ)久良.Web前端開發(fā)技術(shù)課程教學(xué)改革與實(shí)踐[J].計(jì)算機(jī)教育，2014（14）：12-15.[4] 唐燦.下一代Web界面前端技術(shù)綜述[J].重慶工商大學(xué)學(xué)報(bào)：自然科學(xué)版，2009，26（4）：350-354.[5] 阮曉龍.Web前端開發(fā)課程內(nèi)容改革的探索與嘗試[J].中國現(xiàn)代教育裝備，2015（4）：94-97.

第五篇：UI設(shè)計(jì)師要遵循的四大原則

UI設(shè)計(jì)師要遵循的四大原則

互聯(lián)網(wǎng)發(fā)展迅速，網(wǎng)站，應(yīng)用每天都有成千上萬的涌現(xiàn)出來。這其中離不開UI設(shè)計(jì)，這也是現(xiàn)在UI設(shè)計(jì)師火爆的原因。看到這樣有前途的職位，大家難免會(huì)蠢蠢欲動(dòng)，青麥學(xué)院的小編贊成大家去學(xué)習(xí)或者培訓(xùn)，但是下面四個(gè)原則是UI設(shè)計(jì)師在工作中必須遵循的，希望能幫到大家。1.做設(shè)計(jì)前要考慮可行性

其實(shí)UI設(shè)計(jì)就是為開發(fā)者服務(wù)的，一個(gè)設(shè)計(jì)好的界面不是用來看的，而是要應(yīng)用到網(wǎng)站中或者app應(yīng)用當(dāng)中，所以要考慮前端或者開發(fā)人員代碼編寫過程中是否可以實(shí)現(xiàn)的問題。下面具體通過幾個(gè)要點(diǎn)來詳細(xì)說明可行性的問題。（1）制定策略，首先明白用戶建立這個(gè) App/Web 的目標(biāo)是什么，這是一個(gè)項(xiàng)目執(zhí)行的基礎(chǔ)?；A(chǔ)沒有打好在以后執(zhí)行過程中問題會(huì)越來越多。所以，那些又炫又酷的接口、各種各樣的功能只有在這搞好的基礎(chǔ)之上再進(jìn)行。

（2）確定范圍，知道項(xiàng)目的目的之后就通過他們的需求把所有需要的信息、功能列出并歸納，分類，整合，按照用戶理解的方式考慮操作方式，從而完成整個(gè)設(shè)計(jì)的概念。

（3）繪制骨架，開始著手接口設(shè)計(jì)、信息設(shè)計(jì)、導(dǎo)覽設(shè)計(jì)。這三者就可以將信息呈現(xiàn)出來，大致的骨架就完成了

（4）制作表層，以視覺與感覺為基礎(chǔ)，設(shè)計(jì)接口元素。2.避開視覺至上的觀念

很多學(xué)設(shè)計(jì)的同學(xué)就只關(guān)注視覺，其實(shí)一個(gè)好的作品主要是看他的商業(yè)價(jià)值，并不是有多美。市面上有太多用戶的反饋，證明了視覺設(shè)計(jì)在最后一層。很多時(shí)候不是美不美的問題，是各種限制導(dǎo)致工程師無法實(shí)現(xiàn)太理想化的作品。3.重視數(shù)據(jù)源

其實(shí)，UI設(shè)計(jì)不是單單的設(shè)計(jì)幾個(gè)圖片，還要知道為什么這樣設(shè)計(jì)。這里不是講設(shè)計(jì)理念，而是數(shù)據(jù)源。大家不要認(rèn)為數(shù)據(jù)源只是開發(fā)者的事。一張圖片是用來內(nèi)建在 App 里還是連網(wǎng)下載，要明白。4.邏輯很重要

UI 設(shè)計(jì)是非常注重邏輯思考的一門學(xué)問，其實(shí)很多專業(yè)的設(shè)計(jì)師思考功能、Flow 上的設(shè)計(jì)表現(xiàn)很差，反而沒基礎(chǔ)的學(xué)員這方面做的還比較好。要記住，不要用平面設(shè)計(jì)的思維做UI。