只會切圖(div+css)的人職業稱呼是什麼?或者只會html能叫前端工程師嗎?

我有朋友精通div+css,簡單了解js,我說他切圖師她還不高興?那應該怎麼稱呼他呢?

下面補充一下出自某招聘網站的前端工程師崗位職責,沒有任何貶低別人的意思,只是覺得符合以下的標準才能叫做前端工程師,甚至有人告我html都不算代碼

切圖目前的定義是從psd文件中切圖圖片然後通過div+css寫出靜態頁面,為止的真箇過程,說切圖師也是從他的定義出發,何來鄙視?

☆☆☆☆☆☆☆☆☆☆☆分割星星☆☆☆☆☆☆☆☆☆☆☆☆

評論去有人這麼回復「見一長的不算好看的妹子,別人叫她美女,你非說你不漂亮為什麼叫美女,我就是要當面叫你醜女,你為什麼要不高興呢? 哦。你開心就好。我又不是干這個的有什麼好代入的。

☆☆☆☆☆☆☆☆☆☆☆分割星星☆☆☆☆☆☆☆☆☆☆☆☆

上面這小伙,是個外行,還敢這麼說,

為了避免理解偏差我也舉個例子:「大家都說開了三年桑塔納的小明不是賽車手,他非要說他是賽車手,因為都是開車的,只不過是時間長短不一樣或者技能成熟度不一樣」,大家說他不是賽車手,就是侮辱他貶低他,對此大家怎麼看?


其實叫什麼並不是太重要,重要的是被稱呼的人自己處在什麼位置,將要處在什麼位置。其實我就是一切圖仔,我覺得這稱呼挺好。

回到原題吧。

  1. 早期稱為美工,接下來有人稱之為網頁設計師(因為早期頁面的活都一般是設計師一起做了)
  2. 2004年左右,稱為重構(給得好聽一點的稱為Web重構師)。給人感覺就是將PSD還原,不斷的稱之為DIV+CSS。
  3. 後面也稱之為前端、前端工程師(其實就如題主所言,只懂HTML不能稱為前端工程師,可題主可知,只懂HTML的也不一定不能稱為前端工程師,難道懂了HTML/CSS/JavaScript就是前端工程師了嗎?那也是未必。工程師,首要的是工程二字,不懂工程,你就是把這幾樣玩的邪乎了,你也不敢稱為工程師,頂多就一前端,甚至人家也可以給你一個稱謂,做Web頁面的。或者行內所說搬磚的。【此處絕對沒有別的意思】。如此一來,稱為什麼都並不重要,重要的是你自己知道自己在做什麼。【我不懂HTML,我只略知道一頂點CSS,JavaScript就更不懂了。臉皮厚的時候我稱自己為前端、前端工程師。再不要臉一點,我稱自己是資源前端工程師、高級前端工程師。再、再、再不要臉一點,我稱自己前端開發專家。然並卵,只有稱呼幹不了事,還不如一實習生。之所以我喜歡稱自己是頁面仔,如果要點專業性說法,我就是一重構,還稱之不上重構工程師】)

剛好今年有幸在上海Qcon上面扯這樣的一個相關主題,其實和題主問的有點類似,希望能幫您:Web重構之道 | css3教程-css3實例-css3動畫


首先,告訴你 HTML 不算代碼的那個人,遠離他。

HTML 作為一種可以用來做界面的 markup language,它當然可以稱之為代碼,只不過不能稱之為 programming language 而已。聲明式的語言有什麼可鄙視的,寫界面用這種語言不好嗎?

切圖並不是你想想的那麼簡單,當然你題述這個只會一點點切圖的朋友,也未必能真的切好圖。

我希望有一天,我也能驕傲地稱自己是一個優秀的切圖師。

====

切圖,其實是前端界用的比較多的詞,在軟體開發、app開發領域,這種活叫做UI,而且這種工作相當重要。

為什麼呢,因為首先能完整地實現一個界面就是不少的工作量。

其次,你得考慮性能、可用性、可維護性、擴展性,要做好這幾點很不簡單。

尤其是隨著移動互聯網的興起,用戶的屏幕越來越碎片化,可用性的重要性越發突出,UI工程師需要在工作中時刻謹記這一點。

一個界面在不同的屏幕大小、橫豎屏下面,各是什麼樣子,如何動態地調整布局?界面上的控制項相互之間是什麼邏輯關係,是否都用各種輸入設備來操作?控制項如何復用?

就我的感覺來看,大部分產品、設計、開發人員只關注性能,在可用性方面沒有太多考慮。

以 Android 為例,Android 設備包括手機、pad、電視、盒子、手錶、車載娛樂系統等,輸入設備各不相同,用戶交互邏輯各異,屏幕尺寸比例千奇百怪。而 Android 應用在這些領域通用性好(基本都能跑),如何在開發成本和效益上做最優的考慮?

以此為前提,我認為,一個好的 UI 程序員應該這樣做:

1. 幫助產品和設計人員建立可用性的概念,制定設計和交互準則

2. 針對不同的屏幕,做不同的布局

3. 確保所有組件在各種常見輸入設備下基本可用

4. 在達到以上要求的前提下,考慮好性能、可維護性、擴展性

一言蔽之,正如寫代碼需要嚴謹地處理 else 分支一樣,切圖也要嚴謹地考慮各種情況,並不只是切 PSD 。PSD 里總是呈現最美的概念,而現實並不總是這樣的。我無數次遇到過設計稿美如畫,現實慘不忍睹的情況。

舉幾個例子:

某功能的設計稿看著很美,但是在色調和風格上與整個應用的其他部分不搭,導致做出來用戶體驗很差。

某設計稿看著很美,但是沒有考慮各種屏幕尺寸和比例,在寬屏和橫屏下,所有布局被拉長,導致很多控制項扁長而空白,文字大小不協調。最後開發人員不得不使用整體等比縮放+背景補邊的方式來做適應,雖然勉強達到視覺效果,但浪費了大量屏幕空間。

某設計稿大量使用非標準控制項,導致開發非常吃力,大量的控制項寫出來只能兼容一種輸入設備,且沒有可復用性。

現在app創業風潮火爆,從業人員水平參差不齊,決策者急功近利,以上列舉的現象其實相當普遍。

就是流程相對規範、技術底子好的大公司,做出來的產品也並不都是符合要求的,說得不客氣點,所謂國產大廠app,又有幾個能真正令人滿意呢。不信的話可以試試在 Android 平板、電視上裝幾個工具類的軟體,界面坑死你。

跑遠了,繞回來。

前端工程師有 HTML 和 CSS 這兩個工具,寫界面門檻低了,但同樣的工具在手,不同水平的人,寫出來的東西還是有區別的。

工具簡單好用,這是從業者的幸運;門檻低導致從業者水平參差不齊,這又是行業的不幸。有的人覺得應付應付就好,有的人只求溫飽,這都是人之常情,但這不妨礙我們追求更高的境界。

希望所有的切圖同行們都能嚴格要求自己,持續學習,努力提高用戶體驗,一起創造切圖界的美好明天(認真臉。


我不介意別人叫我設計師,加個網頁就更棒了~


網頁製作?


就是個職位,誰不比誰高級。

既然有人給工資,就說明有用。

但是理論上講,重構不是簡單地把設計稿裁切出來,所以 切圖 確實不準確。


切圖仔


當然是前端工程師。有限的產品生涯里,能有幸與優秀的前端們共事是幸福的。頁面切不好或這個環節被無辜輕視,都會在項目後續遭到報應,哈哈哈


我心目中的前端分為兩部分一個是前,一個是後。前就是傳統的用html繪製頁面,做出類似app那種非常流暢的交互體驗和舒適的視覺體驗,就是樓上說的頁面重構;第二個就是將部分後台需要處理的數據邏輯放在前台計算。舉個例子,我之前做了一個微信商城的項目,商品列表上的價格分別有市場價&>售價&>活動價,不同活動有不同的優惠程度。當時我需要做的就是頁面判斷活動類型,獲取活動優惠值(比如折扣),然後進行計算,並展示在頁面上。這樣後台將做盡量少的運算,數據介面可以更多的重用。往前,前端需要有設計師的敏感;往後,前端需要開發人員的邏輯思維。所以我覺得前端是個非常牛逼的職業。

.~~~~~~~~~~~~~~~~~

歡迎指正,順便打個廣告。

上海前端找工作,小弟工作經驗半年。


招切圖工程師,可以私信我。具體公司看我的個人頁面。


說實話,你這稱呼即使沒有鄙視的意思,人家聽起來也會不舒服。

前端就前端,這樣一個大眾的詞語你不能好好叫?前端工程師有高低之分,就像你看到一個人只會炒一些素材不會很多料理,你非不叫他廚師叫他炒菜師,這是幾個意思,你說呢?


切圖是美工的事情,前端要注重的地方應該在瀏覽器的兼容性和JS上,包括數據交互以及寫出來的東西方便後面的開發和以後的維護。如果不能寫JS也不會兼容的話那充其量就是個美工。就好像不懂HTML和CSS的設計師最多只能叫美工一樣,其實我認為只會寫HTML和CSS而且還不熟練,遇到什麼都要去百度,又稍微懂點設計但是又達不到專業水準沒有藝術頭腦的這類人統一稱為美工。你設計的時候至少得知道這你設計出來的東西開發人員會怎麼去實現吧?如果不懂的話那就別怪別人叫你美工了。


HTML 不是編程語言,只是標記語言。撇開前端二字。可以是web editor.


嗯,切圖太LOW了

切片仔明顯好很多


也算,因為切圖的技能也是前端的一部分。


請叫人家前端工程師


前端重構工程師


-。 - 前端攻城獅?


分工比較細的情況下,把ui給的效果圖轉換成網頁的流程叫重構。前段端更多的工作是實現頁面交互,請求數據並渲染,表單驗證等工作內容。不過話說回來,現在有不做重構的前端嗎?


簡單了解js。。我真的知道他,圖片輪播,開關按鈕,還是在網上搜到代碼,拿來改改css,碰上稍微麻煩一點的表格樣式,還會嵌套各種table。沒有多的了。

這種也能叫前端工程師?對得起北上廣前端起碼8K+的招聘嗎


推薦閱讀:

為什麼前端工程師都推崇使用 MacBook Pro?
學習前端有什麼書推薦?
關於js閉包是否真的會造成內存泄漏?
前端工程師和網頁重構工程師二者有什麼區別和聯繫?
[1].slice.call({ length: 1, 0: 3 }) 為什麼返回[3]?

TAG:前端開發 | 前端工程師 |