iT邦幫忙

DAY 16
3

新手前端日記系列 第 16

[新手前端]前端工程師和「切版的」有什麼不同?

前端工程師和「切版的」有什麼不同?
前端工程師和「切版的」有什麼不同?

以網頁而言所謂的前端設計指得就是相對於「程式」、「資料庫」這些所謂的後端其他的都叫前端。
也就包括視覺的呈現、流程、HTML、CSS、JS等的運用以及所謂的使用者體驗(UE)、、使用者介面(UI)、可使性(UX-usability)等等,其實包山包海,範圍可大可小。

其中的 使用者體驗(UE),更是一個舉世知名的大坑,所謂的使用者體驗,user 使用這個產品的所有體驗、感覺,當然不會只停留在你的UI設計的好不好,網站速度、效能、程式有沒有出錯、企劃本身有沒有符合需求、如何去評測UX、如何設計反饋...,UE確實負責了產品的成敗,但是UE絕對不是單一個人的責任,UE是整個團隊的共同問題,所以不管是視覺、企劃、UI、前端、後端,其實只要有把UE放在心裡就好。

撇開嚇死人的UE,所謂的前端一般來說負責的比較接近 UI+切版,網頁產品最終被使用者直接接觸到的部分,包括 HTML+CSS 再來就是js、jQ做出一些動畫效果。然後也要考慮到跨平台、瀏覽器的呈現要盡量一致,至少要優雅的降級,雖不夠好看但不能破版或無法使用,所以在前端的工作內包括不少的溝通,和企劃、視覺、後端程式都需要做溝通,彼此做出適當的建議。

至於「切版」,就是一個動作將視覺設計好的PSD切成HTML+CSS然後供後端的工程師上程式。比起廣義的前端來說沒有包括那麼多可怕的跨領域內容。

不過「切版」本身也是有他的技巧,比如適當的HTML語義tag及結構,用什麼方式來組成內容可以有比較好的呈現及效能,CSS怎麼寫比較好維護更新,跨瀏覽器時怎麼取得最佳的平衡,跨平台時要不要做隨硬體變更尺寸的響應式設計等等... 單說切版似乎也不是那麼容易,何況到真正的前端工程師,技能實在是包山包海而且是跨領域的。

前陣子看了篇文章 為什麼前端工程師很難找

裡面很多意見,大抵來說,前端光是切版的部分,本來就在這個網路二三十年的發展中處於一個沒人專職的狀況,以前網路一人包辨,隨著內容越來越複雜有了視覺、程式的分工,中間的HTML+CSS不是視覺用DW產生就是程式順手寫一下。可是HTML+CSS不斷的發展到近年來js, jQ開始熱門,對程式來說,多如牛毛的跨瀏覽器呈現還有對畫面的美感失調,或是對視覺來說光看就像火星文的HTML+CSS,都是沒人想碰的東西。

學校又還沒有專門科目,想學只好自修的情況下,熟手自然少,何況是要求平均屬性的前端工作。
前端技能也許不是很難,但是很雜。光是基本技能就要會 PS, HTML,CSS, js, jQ,其他還有簡單的心理學、色彩學、使用者研究等心法類的,技術方面也要熟悉各大瀏覽器、新的技術像HTML及CSS都還有制定中、行動平台...。

而我這個小小的新手前端,是由視覺往後走的,有大眾傳播的底子及社群經驗讓我對UI的部分要學習比較好掌握,不過js 那個方面就進程緩慢啦。

當個能把版切好的前端,是基本。
當個能把前端做好的前端,是一種挑戰。

/*
這篇比較像是前端相關心得文,似乎不太技術的樣子 Orz
*/

= chibc's blog


上一篇
CSS超初教學版-CSS概念
下一篇
[翻譯]OOCSS物件導向的CSS設計概念
系列文
新手前端日記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 則留言

0
nestor
iT邦新手 4 級 ‧ 2012-10-24 18:21:17

沙發我比較會切豆腐...臉紅

看更多先前的回應...收起先前的回應...
chibc iT邦新手 3 級 ‧ 2012-10-24 18:38:44 檢舉

這裡的高手懂得的多半是我完全不懂的領域啊...Orz

echen688 iT邦高手 1 級 ‧ 2012-10-24 19:23:36 檢舉

chibc提到:
這裡的高手懂得的多半是我完全不懂的領域啊...Orz

(拍肩)放心, 離題大法你一定會...... 偷笑

總裁 iT邦好手 1 級 ‧ 2012-10-24 21:07:27 檢舉

echen688提到:
離題大法你一定會...

可以教我嗎??....臉紅

鐵殼心 iT邦高手 1 級 ‧ 2012-10-24 22:27:04 檢舉

nestor提到:
我比較會切豆腐..

我比較會吃豆腐開心

0
ted99tw
iT邦高手 1 級 ‧ 2012-10-24 19:25:13

chibc提到:
當個能把版切好的前端,是基本。
當個能把前端做好的前端,是一種挑戰。

當個能把版切好的前端,是基本的前端。
當個能把前端做好的前端,是一種前端的挑戰。
毆飛

光是基本技能就要會 PS, HTML,CSS, js, jQ
這些我都會,但還是不敢碰前端,因為前端真的又細又雜,可能只有像樓主這麼有心才能勝任愉快吧...臉紅

看更多先前的回應...收起先前的回應...
總裁 iT邦好手 1 級 ‧ 2012-10-24 21:09:59 檢舉

我寫了快20年的程式,到現在連HTML都看不懂....暈

ted99tw iT邦高手 1 級 ‧ 2012-10-24 21:14:13 檢舉

我看了一輩子的股票新聞,到現在連K線圖都看不懂....

echen688 iT邦高手 1 級 ‧ 2012-10-24 21:38:59 檢舉

我洗手也洗幾十年了, 到現在連自己的事業線都看不懂.....

magician iT邦研究生 2 級 ‧ 2012-10-24 21:43:31 檢舉

我聯誼快10幾年,到現在連怎麼約人都搞不懂~~~

我吃了一輩子的燒餅油條
到現在還是會掉芝麻...

總裁 iT邦好手 1 級 ‧ 2012-10-25 08:54:33 檢舉

echen688提到:
我洗手也洗幾十年了, 到現在連自己的事業線都看不懂....

你看錯地方了,因為事業線不在手上...失神

echen688 iT邦高手 1 級 ‧ 2012-10-25 08:57:12 檢舉

cdfu提到:
你看錯地方了,因為事業線不在手上...

原來是在別人身上....... 喜歡

cdfu提到:
你看錯地方了,因為事業線不在手上...

XDDD
太好笑了 !!!

ted99tw iT邦高手 1 級 ‧ 2012-10-25 09:49:46 檢舉

總裁發功,果真是猛~~~

噴鼻血噴鼻血噴鼻血

鐵殼心 iT邦高手 1 級 ‧ 2012-10-25 09:52:48 檢舉

ted99tw提到:
總裁發功,果真是猛~

這是曉軍嗎?

chibc iT邦新手 3 級 ‧ 2012-10-25 17:21:22 檢舉

cdfu提到:
你看錯地方了,因為事業線不在手上...

哈哈哈哈

我要留言

立即登入留言