- 相關(guān)推薦
網(wǎng)頁(yè)設計師需不需要懂代碼？
在一個(gè)網(wǎng)站開(kāi)發(fā)中，網(wǎng)頁(yè)風(fēng)格設計和前端的布局代碼(比如用CSS，HTML)是分別是由美工和前端開(kāi)發(fā)人員完成的。兩者之間涇渭分明，在業(yè)界，幾乎也從沒(méi)有逾越這個(gè)界線(xiàn)。當然，這個(gè)問(wèn)題的答案就需要仁者見(jiàn)仁了。 設計師理所當然地認為不需要懂任何編程語(yǔ)言。設計工作僅僅是把圖像里的漂亮像素組合在一起。但是，許多有才華的人都紛紛都花時(shí)間去學(xué)習設計和編程。在今后的工作，我們會(huì )討論一些該話(huà)題的觀(guān)點(diǎn)，也許能從中找出網(wǎng)頁(yè)設計師找出兩者之間的平衡點(diǎn)。
問(wèn)題 在理想世界里，我們能創(chuàng )建圖片，并且輕易地把它導入到程序中，之后編譯到網(wǎng)站，桌面應用程序�？杀氖�，事情并非這樣簡(jiǎn)單，這并不是任何地方都會(huì )發(fā)生的。目前，網(wǎng)頁(yè)設計是和開(kāi)發(fā)人員必須并肩作戰，才能做出漂亮的視覺(jué)效果以及滿(mǎn)足功能的項目。 因為當幾個(gè)專(zhuān)業(yè)人員一起工作時(shí)，合作關(guān)系很重要，大家會(huì )去注意誰(shuí)的技術(shù)更過(guò)硬。但是，這個(gè)界線(xiàn)應該如何制定呢?這完全取決于你的團隊和個(gè)人情況。
我認為，那些能熟練地做出漂亮的網(wǎng)絡(luò )圖片的人應該能夠懂得，甚至是很少的HTML/CSS內容。如果你從未接觸過(guò)開(kāi)發(fā)語(yǔ)言，那么剛開(kāi)始的時(shí)候會(huì )很困難。但是，給定幾周的時(shí)間去學(xué)習，任何人都能學(xué)會(huì )HTML/CSS的基本知識，并且今后你絕對不會(huì )后悔學(xué)習這些內容。
你的責任是什么? 如果你只靠一個(gè)成功的設計作品，就僥幸得到一個(gè)不錯的職位，這是非常走運的。大部分項目經(jīng)理認為每一位網(wǎng)頁(yè)設計師都應該去了解前端開(kāi)發(fā)語(yǔ)言，這樣才 能把他們的想法付諸到瀏覽器中。正都如前面所說(shuō)，你可以從零開(kāi)始學(xué)習HTML，幾周之內就能掌握基本知識(也許1到2月，這要因人而異)。 CSS要麻煩一點(diǎn)，你需要明白其中的定位元素。雖然，完全吃透這些概念可能花的時(shí)間較長(cháng)，但這些都是網(wǎng)頁(yè)布局必備的。我相信大多數已經(jīng)了解了這些前端開(kāi)發(fā)語(yǔ)言的設計師們會(huì )拍著(zhù)胸脯說(shuō)，相比只進(jìn)行圖片處理，這對自己是一個(gè)重大的提升。
網(wǎng)頁(yè)腳本 前端網(wǎng)頁(yè)開(kāi)發(fā)語(yǔ)言一直被認為是動(dòng)態(tài)內容的灰色區域。JavaScript是最受歡迎的腳本語(yǔ)言，支持當下所有瀏覽器。不過(guò)網(wǎng)頁(yè)設計師卻覺(jué)得不需要去學(xué)習它。但是，這種異常強大的語(yǔ)言可以為你的設計增添靈性。 為了提升庫結構的普及程度，比如jQuery學(xué)習起來(lái)就非常容易。事實(shí)上，大多數網(wǎng)頁(yè)設計師根本不會(huì )寫(xiě)JavaScript，jQuery容易得多，只需很少幾行代碼就能處理相同的任務(wù)。但是，我必須得承認它的語(yǔ)法結構比HTML或CSS更像是編程語(yǔ)言。 如果你真的有興趣挑戰前端代碼，可以花時(shí)間去學(xué)學(xué)jQuery。這對你以后加入創(chuàng )意團隊是非常有利的條件!這年頭，既能進(jìn)行原型設計，又能編寫(xiě)動(dòng)態(tài)頁(yè)面代碼的網(wǎng)頁(yè)設計師是非常稀罕的。通常，設計和代碼是分別由設計師和前端開(kāi)發(fā)人員完成的。 但是，學(xué)了這些編程語(yǔ)言，你在展示自己時(shí)，可以同時(shí)充當設計師和開(kāi)發(fā)者兩個(gè)角色，這會(huì )為你加分。
慢慢來(lái) 如果你是剛加入這個(gè)行業(yè)，沒(méi)有任何網(wǎng)頁(yè)編程的基礎知識。那么會(huì )異常困難。不要在第一天就期望用HTML語(yǔ)言建立你的網(wǎng)站!在你記住常見(jiàn)的網(wǎng)頁(yè)元素和 CSS屬性之前，你要花一點(diǎn)時(shí)間去專(zhuān)心學(xué)習才行。但是，一兩周時(shí)間足以讓你讀懂HTML。 不要忘記，你是要創(chuàng )建一個(gè)合適的網(wǎng)站，同時(shí)還要遵守語(yǔ)義規則。如果有比網(wǎng)頁(yè)設計師不懂寫(xiě)代碼更糟的事，那就是網(wǎng)頁(yè)設計師的代碼寫(xiě)得很爛。 HTML5的最新說(shuō)明非常易懂，建立文檔大綱也更容易。我們收集了一些HTML5的網(wǎng)站模板供大家免費下載，其中的源代碼可隨意修改。一旦你掌握了 HTML中基礎知識，這會(huì )對你的學(xué)習是莫大幫助。深入了解 同行業(yè)的專(zhuān)業(yè)人士的代碼可從中學(xué)到一些布局的技巧。
自由職業(yè)的穩定性 如果你只會(huì )使用Photoshop進(jìn)行布局設計，客戶(hù)也沒(méi)有花錢(qián)請前端網(wǎng)頁(yè)開(kāi)發(fā)人員寫(xiě)代碼，僅憑一己之力是無(wú)法接手這個(gè)任務(wù)的。這樣就會(huì )導致你的利益受損。 我自己從事過(guò)許多自由職業(yè)。我最樂(lè )于接這類(lèi)客戶(hù)的活兒：在基本的網(wǎng)站設計中用到非常復雜的JavaScript腳本語(yǔ)言實(shí)現動(dòng)畫(huà)或下拉效果。我現在工作中掌握的大部分技能都是通過(guò)自由職業(yè)期間所學(xué)到�，F在通過(guò)google可以搜索到許多這樣的資源，比以往任何時(shí)期都多。 但是，即便你對自由職業(yè)不感冒，依舊鐘情于為設計機構工作。當你創(chuàng )建了一個(gè)網(wǎng)站原型圖，但它并不能準確反映出網(wǎng)站的界面元素時(shí)，問(wèn)題就會(huì )接踵而至，團隊中的開(kāi)發(fā)人員會(huì )提出更改，項目也會(huì )處于長(cháng)期中斷。 工作流程會(huì )被一些莫明奇妙的小事打亂。在Photoshop中和HTML/CSS中進(jìn)行開(kāi)發(fā)會(huì )加大了你對最終的成品控制力度。這為PHP和 JavaScript開(kāi)發(fā)文章的開(kāi)發(fā)者帶來(lái)了機會(huì )，他們可以用HTML作為模板寫(xiě)出更多的定制的腳本。
未來(lái)目標 最終，“設計師究竟應不應寫(xiě)代碼”這個(gè)問(wèn)題的答案是因人而異的。這也是提出這個(gè)有趣的討論的原因。你需要考慮今后的目標以及代碼對你建站是否有幫助。
你可以從事的設計工作有很多，比如從事跟品牌元素相關(guān)的標志，矢量圖，圖標，吉祥物以及其它產(chǎn)品的設計。但是，即使是數碼畫(huà)師也希望有一天建立屬于自己的網(wǎng)站，這時(shí)候，你所儲備的HTML知識便于建站。 如果你希望了解更多該話(huà)題，可以點(diǎn)擊閱讀我們之前的文章《設計師應該如何寫(xiě)代碼》。再次強調，這都取決于你的個(gè)人偏好以及產(chǎn)品設計的需求。
總結 到底學(xué)習哪種技能，怎樣強化你的知識，這是問(wèn)題都留待你自己考慮�，F代網(wǎng)頁(yè)設計師幾乎都被認為有一定的HTML和CSS代碼知識。首次開(kāi)始設計時(shí)，很難同時(shí)兼顧這兩個(gè)方面。但是過(guò)幾個(gè)月，你處理起來(lái)就會(huì )得心應手。
【網(wǎng)頁(yè)設計師需不需要懂代碼？】相關(guān)文章：
辭職信需不需要07-11
創(chuàng )業(yè)公司需不需要有“文化”04-12
職業(yè)生涯規劃需不需要規劃07-10
網(wǎng)頁(yè)設計師的職責04-01