應(yīng)聘UI設(shè)計(jì)師需要會(huì)寫(xiě)靜態(tài)頁(yè)面嗎？

時(shí)間：2024-02-08 14:00:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2024-02-08 14:00:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

應(yīng)聘UI設(shè)計(jì)師需要會(huì)寫(xiě)靜態(tài)頁(yè)面嗎？：近兩個(gè)月負(fù)責(zé)網(wǎng)頁(yè)設(shè)計(jì)師招聘，領(lǐng)導(dǎo)諸多要求中有一條是能獨(dú)立完成靜態(tài)頁(yè)，加大了招聘難度，也正是這次招聘讓我想了很多，以下正文是自己的觀點(diǎn)，歡迎批評(píng)指正。




要想得到答案我覺(jué)得還是得先了解一下網(wǎng)頁(yè)設(shè)計(jì)這個(gè)崗位。

網(wǎng)頁(yè)設(shè)計(jì)師很早之前就出現(xiàn)了，只不過(guò)一直被平面設(shè)計(jì)遮蓋住了光芒。隨著UI設(shè)計(jì)的出現(xiàn)，網(wǎng)頁(yè)設(shè)計(jì)師又被劃入了UI設(shè)計(jì)中。但隨著設(shè)計(jì)的成熟，UI設(shè)計(jì)已經(jīng)不單單的是一個(gè)崗位了，更多的是對(duì)一個(gè)行業(yè)的稱(chēng)呼。UI設(shè)計(jì)逐漸細(xì)化，首當(dāng)其沖分離出來(lái)的就是網(wǎng)頁(yè)設(shè)計(jì)，現(xiàn)在簡(jiǎn)稱(chēng)WUI。







網(wǎng)頁(yè)設(shè)計(jì)師不明思議就是為網(wǎng)站進(jìn)行頁(yè)面設(shè)計(jì)。2008年W3C出現(xiàn)后，對(duì)設(shè)計(jì)師的要求就逐漸變得苛刻，不僅在軟件操作方面要求熟練使用Photoshop，Coreldraw,Dreamweaver等多項(xiàng)網(wǎng)頁(yè)設(shè)計(jì)工具，還要在軟知識(shí)方面懂頁(yè)面的設(shè)計(jì)、規(guī)化、排版、HTML代碼、FLASH動(dòng)畫(huà)甚至還要多懂一些腳本代碼。近年來(lái)隨著設(shè)計(jì)體系的不斷完善，甚至有些網(wǎng)頁(yè)設(shè)計(jì)師還兼職交互設(shè)計(jì)師、用戶體驗(yàn)師等工作內(nèi)容，所以就造就了當(dāng)下對(duì)網(wǎng)頁(yè)設(shè)計(jì)崗位的要求，不僅是專(zhuān)業(yè)的設(shè)計(jì)師，又是靜態(tài)網(wǎng)站的開(kāi)發(fā)工程師，可以說(shuō)是全能人才。




最近兩個(gè)月一直在負(fù)責(zé)招聘網(wǎng)頁(yè)設(shè)計(jì)師，由于入職后涉及到跟項(xiàng)目團(tuán)隊(duì)人員協(xié)作，結(jié)合公司崗位配置及諸多條件，領(lǐng)導(dǎo)給出的崗位要求如下：

1、精通網(wǎng)站頁(yè)面設(shè)計(jì)、平面設(shè)計(jì)、圖文編輯等工作；

2、有扎實(shí)的美術(shù)功底，美工能力強(qiáng)，熟練使用Photoshop、Illustrator等圖形軟；

3、 熟練使用DIV+CSS進(jìn)行符合W3C規(guī)范的Web標(biāo)準(zhǔn)化頁(yè)面布局，熟練使用Dreamweaver等網(wǎng)頁(yè)制作工具，有清晰的網(wǎng)站頁(yè)面整體框架經(jīng)驗(yàn)；能熟 練的手寫(xiě)HTML代碼；熟練各種瀏覽器兼容性調(diào)整；了解HTML5+ CSS3+ Java Script語(yǔ)言的工作者優(yōu)先。

4、有豐富的創(chuàng)意及整體把握能力，熟練掌握平面圖形設(shè)計(jì)，能夠獨(dú)立完成網(wǎng)站的頁(yè)面設(shè)計(jì)，及靜態(tài)頁(yè)面和符合網(wǎng)站風(fēng)格的動(dòng)畫(huà)、圖片的制作。

5、有較強(qiáng)的審美能力、團(tuán)隊(duì)合作精神。

6、應(yīng)屆生有大型網(wǎng)站設(shè)計(jì)或互聯(lián)網(wǎng)公司實(shí)習(xí)工作經(jīng)驗(yàn)者優(yōu)先。

7、學(xué)歷要求：本科及以上學(xué)歷




除去一些可有可無(wú)的的要求外，我總結(jié)了一下硬性要求：

1、學(xué)歷要求：本科及以上學(xué)歷；

（在設(shè)計(jì)崗位靠的是技術(shù)和才華，能者居之，但公司硬性要求也不能給這個(gè)崗位例外，所以也是讓我看到好簡(jiǎn)歷以后非常惋惜的事情，實(shí)在是非常無(wú)奈）

2、熟練使用DIV+CSS手寫(xiě)HTML代碼；熟練各種瀏覽器兼容性調(diào)整；

（結(jié)合上面對(duì)網(wǎng)頁(yè)設(shè)計(jì)師的解釋?zhuān)浑y看出這也是應(yīng)該必備的。可能是由于UI行業(yè)分工越來(lái)越細(xì)化，所以很多設(shè)計(jì)師認(rèn)為設(shè)計(jì)就是設(shè)計(jì)，代碼不屬于設(shè)計(jì)范疇）

3、有繪畫(huà)等藝術(shù)相關(guān)經(jīng)驗(yàn)者優(yōu)先；

（設(shè)計(jì)崗位其實(shí)還是需要有一定的藝術(shù)素養(yǎng)的。很多設(shè)計(jì)師通過(guò)培訓(xùn)的方式進(jìn)入設(shè)計(jì)行業(yè)，其出發(fā)點(diǎn)并不是由于熱愛(ài)，可能是因?yàn)楦咝?，也有可能是隨大流，但也不排除有大部分有藝術(shù)修養(yǎng)，對(duì)藝術(shù)有執(zhí)著追求的，他們的的設(shè)計(jì)水平甚至高于專(zhuān)科出身的人?？偨Y(jié)來(lái)說(shuō)還是有藝術(shù)素養(yǎng)的對(duì)設(shè)計(jì)崗位更合適。）




記得早些年很火的一個(gè)詞“網(wǎng)頁(yè)三劍客”，如今看來(lái)“網(wǎng)頁(yè)三劍客”卻成了一個(gè)不能讓眾設(shè)計(jì)師信服的稱(chēng)謂，因?yàn)檫@些軟件歸根結(jié)底都只是工具而已，而劍客最起碼是人，所以改成“網(wǎng)頁(yè)三劍”可能更合適。可能干說(shuō)不怎么形象，舉武俠小說(shuō)里的例子來(lái)說(shuō)，江湖中人都知道劍術(shù)的最高境界是“手中無(wú)劍，心中也無(wú)劍”，而很多設(shè)計(jì)師卻是本末倒置，拿來(lái)一把“劍”非要稱(chēng)之為“劍客”，搞錯(cuò)了重點(diǎn)，要知道人才是核心。




言歸正傳，網(wǎng)頁(yè)設(shè)計(jì)師是否該具備編寫(xiě)靜態(tài)頁(yè)的能力呢？綜合本公司情況及網(wǎng)友的回答，我總結(jié)了以下情況：

1、崗位設(shè)置健全，一個(gè)項(xiàng)目配備產(chǎn)品經(jīng)理、交互設(shè)計(jì)師、網(wǎng)頁(yè)設(shè)計(jì)師、前端工程師、研發(fā)團(tuán)隊(duì)等，這種情況下是不需要網(wǎng)頁(yè)設(shè)計(jì)師去編寫(xiě)代碼的，此時(shí)只需要一個(gè)設(shè)計(jì)大神即可；

2、一人兼多職，此時(shí)產(chǎn)品經(jīng)理可能要做交互設(shè)計(jì)師的活，設(shè)計(jì)師也可能會(huì)做產(chǎn)品經(jīng)理的活，如果沒(méi)有配備前端工程師的話，設(shè)計(jì)師和研發(fā)團(tuán)隊(duì)要分擔(dān)前端頁(yè)面編寫(xiě)工作，此時(shí)需要一個(gè)熟練掌握HTML及CSS的設(shè)計(jì)專(zhuān)家；




下面說(shuō)說(shuō)設(shè)計(jì)師掌握代碼的好處：

做現(xiàn)實(shí)可行的設(shè)計(jì)

設(shè)計(jì)不能隨性，不能憑感覺(jué)走，設(shè)計(jì)師需要拿出實(shí)際可行的概念。設(shè)計(jì)師只有在了解該設(shè)計(jì)是否可用、易用和可實(shí)現(xiàn)性，才能保證研發(fā)團(tuán)隊(duì)順利將設(shè)計(jì)還原到網(wǎng)絡(luò)介質(zhì)上。想要知道一種 Web 布局是否可行的唯一途徑就是親自去了解如何建立一個(gè)網(wǎng)頁(yè)。




使溝通更輕松

互聯(lián)網(wǎng)公司，很多產(chǎn)品幾乎都是設(shè)計(jì)與實(shí)現(xiàn)分屬兩個(gè)崗位，在研發(fā)過(guò)程中兩個(gè)崗位互不相讓?zhuān)罱K在產(chǎn)品質(zhì)量上妥協(xié)，難以完美統(tǒng)一。建議設(shè)計(jì)師應(yīng)該親身嘗試設(shè)計(jì)作品的實(shí)現(xiàn)，以避免溝通中的混淆，誤解和誤傳。




方便的迭代開(kāi)發(fā)過(guò)程

有過(guò)經(jīng)歷的應(yīng)該會(huì)知道，設(shè)計(jì)師和開(kāi)發(fā)者之間經(jīng)常會(huì)產(chǎn)生摩擦，原因就是開(kāi)發(fā)或迭代過(guò)程中的設(shè)計(jì)修改。此時(shí)有一個(gè)懂代碼的設(shè)計(jì)相對(duì)更容易溝通一些，而且原設(shè)計(jì)師根據(jù)溝通能夠在修改以迎合系統(tǒng)技術(shù)限制的同時(shí)不扭曲其原有內(nèi)涵，這樣的改動(dòng)更加高效。




縮短開(kāi)發(fā)時(shí)間

設(shè)計(jì)師同時(shí)充當(dāng)程序員的角色意味著設(shè)計(jì)和編碼的進(jìn)度即使不是同時(shí)的也是連續(xù)的。結(jié)果就是開(kāi)發(fā)周期的縮短，提升效率。




設(shè)計(jì)師更加市場(chǎng)化

現(xiàn)代的設(shè)計(jì)師需要提升自身的能力以保持個(gè)人價(jià)值，有一套技能是遠(yuǎn)遠(yuǎn)不夠的，往往還需要戴著設(shè)計(jì)師、前端開(kāi)發(fā)、交互設(shè)計(jì)和用戶體驗(yàn)等標(biāo)簽。




俗話說(shuō)“技多不壓身”，自己通過(guò)代碼實(shí)現(xiàn)自己的設(shè)計(jì)，而不讓設(shè)計(jì)成為開(kāi)發(fā)者手中的孤兒，想想也是一件很自豪的事兒，畢竟提升了自身的價(jià)值。況且在簡(jiǎn)歷中提到設(shè)計(jì)和編碼技能不會(huì)有壞處。相反，在這個(gè)企業(yè)重組和縮減開(kāi)支的環(huán)境下，還能夠強(qiáng)調(diào)一個(gè)人的重要性而免遭解雇。




網(wǎng)頁(yè)設(shè)計(jì)師掌握代碼的好處已經(jīng)羅列完畢，下面說(shuō)說(shuō)個(gè)人觀點(diǎn)。

之前提到UI設(shè)計(jì)行業(yè)的細(xì)化，出現(xiàn)了視覺(jué)設(shè)計(jì)師、交互設(shè)計(jì)師、網(wǎng)頁(yè)設(shè)計(jì)師、用戶體驗(yàn)師、AE動(dòng)效師等等，如果單純的做視覺(jué)設(shè)計(jì)，不會(huì)代碼是無(wú)可厚非的，做APP設(shè)計(jì)其實(shí)也可以不會(huì)代碼，畢竟還是需要基于手機(jī)系統(tǒng)來(lái)寫(xiě)頁(yè)面的。但是網(wǎng)頁(yè)設(shè)計(jì)師就不一樣了，有代碼經(jīng)驗(yàn)的設(shè)計(jì)師會(huì)帶著編程的思想去做設(shè)計(jì)，這樣更利于開(kāi)發(fā)實(shí)現(xiàn)，提高團(tuán)隊(duì)工作效率，拋開(kāi)這些不說(shuō)，在UI設(shè)計(jì)人才飽和的情況下，增強(qiáng)自己核心競(jìng)爭(zhēng)力的方法就是提升自身技能，作為網(wǎng)頁(yè)設(shè)計(jì)崗位的競(jìng)聘者，能夠熟練使用代碼獨(dú)立完成HTML靜態(tài)頁(yè)，應(yīng)該是相對(duì)于交互設(shè)計(jì)、視覺(jué)設(shè)計(jì)更有優(yōu)勢(shì)的技能了。




看完文章后可能有很多設(shè)計(jì)同行不太認(rèn)同，甚至也不屑于學(xué)習(xí)代碼。其實(shí)這篇文章也只是招聘這么長(zhǎng)時(shí)間以來(lái)的一個(gè)思考，僅代表個(gè)人觀點(diǎn)，也歡迎大家一起交流。




關(guān)注微信公眾號(hào)“設(shè)計(jì)研習(xí)會(huì)”直接領(lǐng)取各種免費(fèi)設(shè)計(jì)資源教程。

另外想進(jìn)群交流學(xué)習(xí)的可以加我微信：1569108445（申請(qǐng)備注原因）