會員中心 | iThome online | iT邦部落格 | 小7聚樂部 | iThome download | apphome

載入中...

chibc

iT邦初學者
9級

[新手前端]前端工程師和「切版的」有什麼不同?
標籤:鐵人賽 前端

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


發佈到:發佈到Facebook 發佈到噗浪 發佈到twitter
分享時間:2012-10-24 17:57:41
最近更新:2012-10-24 18:02:58
▼ ADVERTISEMENT ▼
分享內容
2
前端工程師和「切版的」有什麼不同?

以網頁而言所謂的前端設計指得就是相對於「程式」、「資料庫」這些所謂的後端其他的都叫前端。
也就包括視覺的呈現、流程、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
[新手前端]前端工程師和「切版的」有什麼不同?
nestor( iT邦初學者9級 )
2012-10-24 18:21:17
沙發我比較會切豆腐...臉紅

[-隱藏]

回應 nestor

1

chibc 說:

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

2012-10-24 18:38:44

2

echen688 說:

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


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

2012-10-24 19:23:36

3

cdfu 說:

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

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

2012-10-24 21:07:27

4

tecksin 說:

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

我比較會吃豆腐開心

2012-10-24 22:27:04

ted99tw( iT邦初學者1級 )
2012-10-24 19:25:13
chibc提到:
當個能把版切好的前端,是基本。
當個能把前端做好的前端,是一種挑戰。


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

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

[-隱藏]

回應 ted99tw

1

cdfu 說:

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

2012-10-24 21:09:59

2

ted99tw 說:

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

2012-10-24 21:14:13

3

echen688 說:

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

2012-10-24 21:38:59

4

magician 說:

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

2012-10-24 21:43:31

5

januslin 說:

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

2012-10-25 08:21:37

6

cdfu 說:

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

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

2012-10-25 08:54:33

7

echen688 說:

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


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

2012-10-25 08:57:12

8

januslin 說:

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


XDDD
太好笑了 !!!

2012-10-25 09:38:46

9

ted99tw 說:

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

噴鼻血噴鼻血噴鼻血

2012-10-25 09:49:46

10

tecksin 說:

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

這是曉軍嗎?

2012-10-25 09:52:48

11

chibc 說:

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

哈哈哈哈

2012-10-25 17:21:22

回應

請填寫您的回應,長度限為1,000個字,回應不計點數,也不限使用次數



 

檢舉違規

違規事項:

*補充檢舉理由(可省略),字數不可超過100字

推薦

推薦理由:


*給分享者的鼓勵(可不填),字數不可超過100字

哈哈
毆飛
開心
抗議
落寞
睡覺
噴鼻血
No
失神
爆氣
疑惑
Orz
不耐煩
喜歡
臉紅
噎到
放手
打嗑睡
掰掰
放馬過來
敲碗
簽名
筆記
拍手
沙發
XD
無言
偷笑
翻桌
謝謝
灑花
抱抱
逃跑
炸死你
愛你
生日快樂
rock
嘆氣
下雨
衝刺
搖頭
拍照
打球
健身
駭客
射門
泡湯
踹共
唱歌
做菜

上傳圖片
▼ ADVERTISEMENT ▼

邦友收藏動態

最新收藏最多人推最多人收

新增收藏

收藏到iT邦 書籤小工具

「收藏到iT邦」讓你更方便收藏站外文章。可用下面其中一種方法安裝:

  • 拖拉上面的「收藏到iT邦」連結到瀏覽器的書籤列
  • 在連結上方按右鍵,選擇「加到我的最愛」

之後看到喜歡的站外文章,只要點一下「收藏到iT邦」,就會收藏起來囉

安裝「收藏快捷鍵」

安裝「收藏快捷鍵」,可以讓邦友直接透過Google工具列上的按扭,快速收藏站內、站外的網頁。

訂閱每日摘要

iT邦幫忙即日起提供「每日摘要」給尚未註冊的邦友,只要輸入您的E-mail,每日就可以收到最新的發問與分享