網頁設計師的平衡點：到底要不要學寫代碼

　　網頁設計師到底要不要學寫代碼?這個問題很有趣，但是卻很少被大家提及。因為在一個網站開發中，網頁風格設計和前端的布局代碼(比如用 CSS，HTML)是分別是由美工和前端開發人員完成的。兩者之間泾渭分明，在業界，幾乎也從沒有逾越這個界線。當然，這個問題的答案就需要仁者見仁了。不過，你可以閱讀下文，或許你能從中找到一些啟發。

　　這是個有趣的話題，不過網頁設計師們卻很少討論這個問題。以Photoshop作為起點難度大，在完成第一個項目之後，你會感覺興奮又緊張。但是，如果你不會寫代碼，網站的原型設計的用處又有多大用處?

　　設計師理所當然地認為不需要懂任何編程語言。設計工作僅僅是把圖像裡的漂亮像素組合在一起。但是，許多有才華的人都紛紛都花時間去學習設計和編程。在今後的工作，我們會討論一些該話題的觀點，也許能從中找出網頁設計師找出兩者之間的平衡點。

　　問題

　　在理想世界裡，我們能創建圖片，並且輕易地把它導入到程序中，之後編譯到網站，桌面應用程序。可悲的是，事情並非這樣簡單，這並不是任何地方都會發生的。目前，網頁設計是和開發人員必須並肩作戰，才能做出漂亮的視覺效果以及滿足功能的項目。

　　因為當幾個專業人員一起工作時，合作關系很重要，大家會去注意誰的技術更過硬。但是，這個界線應該如何制定呢?這完全取決於你的團隊和個人情況。

　　我認為，那些能熟練地做出漂亮的網絡圖片的人應該能夠懂得，甚至是很少的HTML/CSS內容。如果你從未接觸過開發語言，那麼剛開始的時候會很困難。但是，給定幾周的時間去學習，任何人都能學會HTML/CSS的基本知識，並且今後你絕對不會後悔學習這些內容。

　　你的責任是什麼?

　　如果你只靠一個成功的設計作品，就僥幸得到一個不錯的職位，這是非常走運的。大部分項目經理認為每一位網頁設計師都應該去了解前端開發語言，這樣才能把他們的想法付諸到浏覽器中。正都如前面所說，你可以從零開始學習HTML，幾周之內就能掌握基本知識(也許1到2月，這要因人而異)。

　　CSS要麻煩一點，你需要明白其中的定位元素。雖然，完全吃透這些概念可能花的時間較長，但這些都是網頁布局必備的。我相信大多數已經了解了這些前端開發語言的設計師們會拍著胸脯說，相比只進行圖片處理，這對自己是一個重大的提升。

　　網頁腳本

　　前端網頁開發語言一直被認為是動態內容的灰色區域。JavaScript是最受歡迎的腳本語言，支持當下所有浏覽器。不過網頁設計師卻覺得不需要去學習它。但是，這種異常強大的語言可以為你的設計增添靈性。

　　為了提升庫結構的普及程度，比如jQuery學習起來就非常容易。事實上，大多數網頁設計師根本不會寫JavaScript，jQuery容易得多，只需很少幾行代碼就能處理相同的任務。但是，我必須得承認它的語法結構比HTML或CSS更像是編程語言。

　　如果你真的有興趣挑戰前端代碼，可以花時間去學學jQuery。這對你以後加入創意團隊是非常有利的條件!這年頭，既能進行原型設計，又能編寫動態頁面代碼的網頁設計師是非常稀罕的。通常，設計和代碼是分別由設計師和前端開發人員完成的。

　　但是，學了這些編程語言，你在展示自己時，可以同時充當設計師和開發者兩個角色，這會為你加分。

　　慢慢來

　　如果你是剛加入這個行業，沒有任何網頁編程的基礎知識。那麼會異常困難。不要在第一天就期望用HTML語言建立你的網站!在你記住常見的網頁元素和CSS屬性之前，你要花一點時間去專心學習才行。但是，一兩周時間足以讓你讀懂HTML。

　　不要忘記，你是要創建一個合適的網站，同時還要遵守語義規則。如果有比網頁設計師不懂寫代碼更糟的事，那就是網頁設計師的代碼寫得很爛。

　　HTML5的最新說明非常易懂，建立文檔大綱也更容易。我們收集了一些HTML5的網站模板供大家免費下載，其中的源代碼可隨意修改。一旦你掌握了HTML中基礎知識，這會對你的學習是莫大幫助。深入了解 同行業的專業人士的代碼可從中學到一些布局的技巧。

　　自由職業的穩定性

　　如果你只會使用Photoshop進行布局設計，客戶也沒有花錢請前端網頁開發人員寫代碼，僅憑一己之力是無法接手這個任務的。這樣就會導致你的利益受損。

　　我自己從事過許多自由職業。我最樂於接這類客戶的活兒：在基本的網站設計中用到非常復雜的JavaScript腳本語言實現動畫或下拉效果。我現在工作中掌握的大部分技能都是通過自由職業期間所學到。現在通過google可以搜索到許多這樣的資源，比以往任何時期都多。

　　但是，即便你對自由職業不感冒，依舊鐘情於為設計機構工作。當你創建了一個網站原型圖，但它並不能准確反映出網站的界面元素時，問題就會接踵而至，團隊中的開發人員會提出更改，項目也會處於長期中斷。

　　工作流程會被一些莫明奇妙的小事打亂。在Photoshop中和HTML/CSS中進行開發會加大了你對最終的成品控制力度。這為PHP和JavaScript開發經驗的開發者帶來了機會，他們可以用HTML作為模板寫出更多的定制的腳本。

　　未來目標

　　最終，“設計師究竟應不應寫代碼”這個問題的答案是因人而異的。這也是提出這個有趣的討論的原因。你需要考慮今後的目標以及代碼對你建站是否有幫助。

　　你可以從事的設計工作有很多，比如從事跟品牌元素相關的標志，矢量圖，圖標，吉祥物以及其它產品的設計。但是，即使是數碼畫師也希望有一天建立屬於自己的網站，這時候，你所儲備的HTML知識便於建站。

　　如果你希望了解更多該話題，可以點擊閱讀我們之前的文章《設計師應該如何寫代碼》。再次強調，這都取決於你的個人偏好以及產品設計的需求。

　　總結

　　到底學習哪種技能，怎樣強化你的知識，這是問題都留待你自己考慮。現代網頁設計師幾乎都被認為有一定的HTML和CSS代碼知識。首次開始設計時，很難同時兼顧這兩個方面。但是過幾個月，你處理起來就會得心應手。

　　希望本文能對你有幫助。

　　注明：本文由站長之家編輯編譯，未經允許不得轉載，如需轉載請聯系[email protected]。

　　VIA：speckyboy 編譯：jasming