從事網頁設計的職責劃分及工資
上兩次的雜談都是說的具體技術:說了說關於螢幕解析度和瀏覽器的一些問題。今天說說和技術稍微遠一些的內容——網頁設計開發這個工作到是底做什麼的。
其實這個話題說起來也比較複雜,對於這些相關的工作,我們有很多通俗的說法:“做網頁”、“做網站”等等,具體到第包含些什麼樣的工作,需要什麼樣的人來完成,需要掌握什麼技能呢?其實包括的範圍很廣,角色之間能力要求也相差甚遠。
基本概念
按照比較粗的、傳統的劃分方式,可以分為:“設計”和“開發”。在英文中叫作 Web Design 和 Web Development, 也就是 “Web設計”和“Web開發”。簡單來說,前者就是負責“門面”,怎麼好看怎麼來,後者負責網站的功能,比如你要實現的是一個社區網站,還是一個網上商店網站呢?這就是由“開發”來實現的。
與之相應的,又有兩個說法,稱為“前端”和“後端”,網頁是顯示在瀏覽器中的,這一端也稱為“用戶端”或“前端”,而網頁的資料通常都是在伺服器中計算產生的,也稱為“後端”。通常來說,一個網站,只要不是非常簡單,都是由“前端”和“後端”的工作,共同配合完成的。就好像“後端”製造出一個產品,再加上“前端”的包裝,最後呈現給訪問者一樣。
發展歷史
現在說起來,這些已經蠻複雜了,幾句話都說不清楚了,而實際上,剛剛開始的時候,並沒有這麼複雜,Web剛剛出現時,是很簡單的。因此我們不妨從簡單的時候說起。
一開始的時候,只有HTML這個東西,非常簡單,基本上就像文字排版一樣,把要顯示在網上的東西,按照HTML的要求寫好,簡單設定一下格式,一個網頁就做好了。這時候,除了搞網路的一些人,也沒有多少其他人懂得這些東西。此外,也沒有開始在商業上使用,因此網頁的功能、是否好看,都沒有什麼要求。這方面還沒有形成真正的職業。
然而,互聯網出現不久以後,就快速地發展,並大規模地開始應用了。最開始應用於商業的時候,基本就是把一些公司或者機構的宣傳文字放到網上,因此,這時候對於普通的互聯網網站,基本上伺服器端的開發並不太多,主要的任務就是是製作靜態頁面。但是這個時候,對美觀的要求就已經出現了,因此,“網頁設計師”或者“網頁美工”的角色已經出現了。對於設計來說,要設計出好看的東西,就需要美術能力了。要首先有一個漂亮的設計圖,然後再把它製作為HTML頁面。這就是前端的情況。
當然,網路的發展是平衡的,伺服器段技術的方展也同樣非常快。早期的伺服器端開發是很費力的,寫CGI程式,對於普通人難度很大,而後來ASP、PHP這些語言的出現,大大降低了開發的難度,當然這些工作的基礎還是編程,因此電腦相關的基礎是必須的。
但是這時候,就出現了一個問題,一個網站既有設計,又有開發,那麼二者就必須配合好。當然對於一些比較小的網站項目,加之一些比較全才的人,設計+開發,一個人全都搞定了,這也是很常見的。但是對於更多的情況,網站比較複雜,功能要比較多,對美觀的要求也比較高,總是要通過一個團隊來完成的,這是就要各負其責了,有人負責設計,有人負責寫程式。
職責的劃分
現在的問題就出現了,如果做過比較複雜的網站,會發現程式和美工的配合還真是一個麻煩事兒。因此,有時候就出現了二者之間的角色,可以叫作“製作人員”,把設計師的設計圖切出來,製作成HTML頁面,然後開發人員,在這個HTML裏面添加上程式碼。
對於不同的工作團隊,具體如何配合,肯定是各不相同的。尤其是網站製作開始這個行業中,遍地都是作坊式的公司,肯定是各有各的做法。
對於職責的劃分,可以分為三種情況:
1:中間的過程(即“製作”)由設計師來承擔,即設計師做好設計好之後,也製作出HTML檔給開發人員;
2:中間的過程由開發人員來承擔,比如臺灣的科技作家李維說,在臺灣,通常情況下,設計師把設計圖,比如用Photoshop製作出來的PSD圖製作完,任務就完成了,剩下的事情就都是開發人員的了。
3:設置專門的製作人員,把設計師的設計圖製作為HTML,如果這樣,我們不妨把三種角色叫作 設計師-美工-開發人員。
新的情況
如果像前面說的那樣,中間的“製作”環節,是比較簡單的,但是互聯網的發展非常迅速,因此相應的工作也在不斷變化,主要體現在兩個方面:
1:早期的頁面佈局,即,由設計圖到HTML頁面,大多使用表格佈局,這個過程是很簡單的,而且使用現成的工具瞬間就可以完成了。但是目前,已經逐漸被CSS/DIV佈局取代了,這裏需要的工作就比原來要複雜不了。也就是說,頁面的佈局要考慮到,語義、結構、可維護性等諸多方面,以及原來工具可以自動化的完成的工作,需要手工編碼實現。
2:早期的頁面,使用的Javascript很少,即使使用也僅限於與一些簡單的頁面效果,因此Javascript和頁面的元素、資料結合的不緊密;但是現在Ajax等技術的出現,Javascript已經成為了重要的一個標準技術,而且它緊密地和頁面的元素、後端資料結合在一起。因此,原來主要集中在後端開發工作,現在則模糊了前端和後端的界限。比如Ajax開發則是需要對用戶端和伺服器段都比較熟悉。
由於上述兩個新的特點,結果就使得中間的這個“製作”環節,變得比原先複雜得多了。從CSS的角度來說,要產生出乾淨、清晰、符合標準的HTML和CSS代碼;從Javascript的角度說,不但要清楚頁面的結構細節,還要瞭解後端資料的產生過程。因此,這個工作無論由誰來完成,都是一個並不輕鬆的工作。
你選擇做什麼?
實際上,本文的目的並不是僅僅介紹以上的情況,而是對於那些希望進入這個行業的朋友,給出一些參考和建議。你怎麼選擇你的切入點,以及未來的發展方向?到底做什麼好呢?核心的問題就是,你能做什麼?當然,能掙多少錢也是一個重要的因素。
之所以想到今天這個題目,是因為在水木社區,看到了“Web開發”版上的前兩天的一個討論。我這裏引用一些發帖者的討論,我覺得還是有些實踐指導意義的。
這個一天之內引發了200個回帖的帖子題目是“跟不懂html的美工溝通越來越吃力……”。實際上討論了,在Web設計開發專案中,各個角色到底各自應該承擔哪些的工作。但是說到工作,最終就是要靠工資來衡量的。因此,很快就談到了如何評價一個美工的價值問題,實際上一個工作無論分做幾個環節,每個環節都可以用工資來衡量的。
結合帖子裏的一些內容,以及我個人的一些理解,粗略的列出了一個計算工資的公式,歡迎讀者討論。
你掙多少合適?
下面列出了我認為做一個名“網頁前端”工作人員(事實上我也不知道到底應該叫什麼了設計師?美工?),應該具備的5項基本技能,每一項對應的工資水準。
1:良好的工作態度和溝通理解能力:1000~2000元;
2:能夠獨立地進行美術設計:1000~2000元;
3:生成生成高品質的HTML+CSS代碼:1000~2000元;
4:有“夠用”的Javascript開發能力:1000~2000元;
5:具有一定的後端程式理解和開發能力:1000~2000元;
那麼一個人到底掙多少錢一個月合適呢?我想上面的第一項是每個工作的人都必須有的,其餘的4項,可以具有其中的一項或多項。每一項裏你可以給自己打個分,最後加起來,可以得到一個總的分數。
比如如果第1至5項,你給自己的分數分別是 1500、2000、1000、0、0,那麼你的工資就是4500了。
大家有興趣,請跟貼,曬曬你的工資以及你對應的工作職責,以及自認為的工作能力,給大家一個參考吧。
歡迎大家修正我給出的公式,另外請列出您所在的城市,這也是影響工資的一個因素因素。希望我們得出一個更合理的股值公式,這也是一個很有意義的事情哦。
轉貼來源:前沿視頻教室
參考文獻:
1.許峻誠、張恬君、莊明振.(2001).網頁風格認知與設計要素之探討-以企業網站首頁為例,第六屆設計學術研究果研討會論文集。
2.林永惟、宋同正 (2008), 商業平面設計之設計品質, 商業設計學報, 12(), 19-34.
3.黃映瑀(2005)。體驗行銷、體驗價值、顧客滿意、品牌形象與行為意向關係之研究。大葉大學事業經營研究所碩士論文,未出版。
相關文章
網頁設計與訪客瀏覽介面的問題網頁設計的架構要適用何種解析度廣告設計的各種展示法參考瞭解一個網頁設計的架構從事網站設計的工作為何要瞭解CSS?
最新文章
HVACKer:入侵隔離網絡的新型攻擊技術還有什麼不會被入侵?路由器 LED 燈已成為攻擊入口美 5 家獨角獸同天申請 IPO 掛牌,最狂的是一家估值 124 億美的數據分析新創!【台灣「智慧產業」開始佈局】緯創集團領投跨國 AI 新創 iKala,下一步拓展東南亞市場快可以用手機遠端遙控你的所有家電了