前端要切圖嗎?切圖是錯誤的流程、是浪費生命嗎?

前端的兄弟,你們要切圖嗎?我覺得切圖就是浪費生命,完全是錯誤的流程!


我覺得切圖是一個很好的理解設計圖以及設計師意圖以及能提交寫代碼效率以及減少返工的過程;

第一,你會發現許多有意思的細節,並嘗試著去理解;

第二,你會明晰各個部分的尺寸安排,在寫代碼的時候會更有目的性,更具效率;

第三,你會去思考,怎麼切才能是效率最大化是目的更明確,使所用的圖片最少;

最後,LZ,這些你認真思考過嗎,如果你思考了,你會發現,切圖真的是很有必要的,因為你決定著頁面的呈現方式是否和設計圖所要表達的一致程度,如果你覺得切圖是在浪費生命,我覺得是錯誤的,切圖是為了更好的更高效的完成本職工作的必要的過程。


程序猿的兄弟,你們要寫文檔(參與測試)嗎?我覺得文檔就是浪費生命,完全是錯誤的流程!!

做業務的兄弟,你們要開會扯皮嗎?我覺得開會扯皮就是浪費生命,完全是錯誤的流程!!

機房的兄弟,你們要布線 做弱電嗎? 我覺得那簡直就是浪費生命,完全可以外包的啊!!!

做DBA的兄弟,你們要寫腳本 裝機嗎? 我覺得那完全就是浪費生命,完全可以去虐SA的啊!!!

做PM的兄弟,你們要寫周報,做原型 甚至配色,參與扯皮嗎?我覺得那完全就是在浪費生命,完全可以去虐項目助理,設計師們啊!!!

做分析的兄弟,你們要參與模型建設 甚至數據抽取嗎? 我覺得這就是在浪費生命,完全可以去虐工程師啊!!!

以前剛畢業做程序猿的時候,寫代碼之餘常被拉去做網線,機房搬遷,裝機,開始覺得很厭煩,真的覺得是在浪費生命(做了幾百根網線...忘了是幾百了,至少大於200)...

身邊有同事(同是程序猿),在做著單純編碼的工作,很是羨慕,覺得自己很苦逼.沒有進步.

過了段時間,發覺其實了解多些也沒什麼不好,順帶學些存儲 網路 伺服器裝卸之類的知識.

代碼寫了一年,發覺數據量上來了,系統緩慢龜速,去找SA,負責網路的同學,大家都是成長期的小年輕,

自然沒太多經驗,大夥便一起倒騰操作系統資料庫~

後來上軌道了,BOSS看我喜歡資料庫,就讓我改行DBA...

按著這邏輯,SQLServer,DB2,Oracle,SAP神馬都倒騰了一圈,淺嘗輒止 便停下來帶人培訓,組建團隊.

然後再繼續換工作內容.

接著這樣的事情越來越多.

......

...

到現在做DW的時候,雖然掛名PM 但硬體 操作系統 中間件,資料庫,應用 都需要自己協調資源,

接著大家都懂的,資源永遠都是匱乏的,總有挽起袖子乾的時候.

做模型 做需求,又開始學財務知識,供應鏈等等...

很多時候便類似下面的場景:

今天和業務BOSS開會 扯皮,一天就這麼過去.

接著明天便在倒騰 中間件 資料庫 高可用.

接著後天便在討論前端 配色 體驗 測試!@*#(^%%

大後天出現在某業務BOSS辦公室里像個銷售一樣推銷產品~

......

很分裂吧?

(現在偶爾看到些開源軟體還不錯,仍然剋制不住喜好,倒騰一番,然後去推行~ )

這些年什麼都幹了,真心覺得累,而且幾乎都來不及沉澱什麼就要去進入其他狀態.進入其他工作內容.

但不會去抱怨,因為你的boss覺得你這樣有價值,他定義了了你 工作內容,這是你的本職.

你便沒有退路,只能往前沖,接著做得更好.

或者你選擇退出...

真的很想嘆一下,每個人都有適合自己的角色,不喜歡的話 就去做那個喜歡的自己,

或者改變你的周遭,前提是 你要更加強大,

相信沒有什麼環境會讓你覺得是完美~

如果真的有一天找到完美的,你會不會覺得 因此失去閃耀的機會?

某朋友說到,職業生涯 其實就是在不停尋覓適合你的boss的過程...

看這位blog主:

http://www.cnblogs.com/lanyueer/archive/2011/07/29/2117854.html

因為喜歡這個,所以選擇了這個職業. 是的,現在的我技術不NB,但是干著自己熱愛的事情,我每天都灰常滴開心!

他是做技術,估計是前端攻城獅 博文《前端開發之用工作中的實例來教你切圖》

最後: 討論自己手中的工作有無意義,這事本身就很沒有意義.

稍微有點跑題,急忙寫下,望能帶來些幫助.


你把切圖想像成切設計師會好受一點

---------2013-2-17---------

上面回答有點不負責任,我來反省了

切圖確實是錯誤的流程,浪費生命

這一切能自動完成就再好不過了,期待這一天的到來,雖然這一天到來時我們或許已經轉行了


這是一份工作,僅此而已!

如果你不喜歡你的工作內容,請嘗試改變。


前端開發工程師 不等於 專職JavaScript程序員。前者更綜合,需要具備更複雜的技術背景。


你來我團隊這兒切切圖你就知道花兒為什麼這樣紅,目前我們使用sass和pug編程式的切圖。


我愛切圖!切圖是種享受啊,每次切圖我都感覺自己像在製作瑞士手錶,把小圖放大很多倍,細心雕刻,精確到每個像素!切圖也是種工藝有木有!


不切圖,怎麼加事件?不做 UI ,怎麼加交互?! 前端會設計估計又會更好!!!


自己切的圖自己布局確實更能得心應手

但是切的時間長了 對於更熱愛代碼 力求上進的孩子來說 確實會有浪費生命的感覺

我總覺得要是把切圖的時間都換成寫js 那麼水平肯定會比現在更高一些

而切圖切的再久 也都只是那個機械性的模式了...


切圖最大的優點就是可以跟好多設計師MM親密接觸!!!!!!!!


你不知道其實前端還有個親切的名字叫做切圖仔么...


切圖這種事還是自己動手比較好。

代碼的結構跟切圖的方式是緊密相關的。

同樣的表現可以有很多種不同的代碼結構


mac上有個挺神奇的軟體,叫做Layer Cake,參見以下鏈接,很受好評http://itunes.apple.com/us/app/layer-cake/id512533449?mt=12

把設計好的psd拖到軟體窗口裡,Layer Cake就可以按照一定的規則切好,並且自動命名、保存為相應格式。

原理:設計的時候,將需要切的圖放到分組裡,並且命名好,例如button.png、logo.gif。

可以提高效率,但是對設計師有一定的要求。


直接firework導出圖層,選擇相應的圖片格式輸出的路過


我覺的讓別人切圖你來做,你會發現很悲劇,切圖的過程就是你想像頁面布局的過程,難道你想讓別人給你頁面布局嗎?


不會切圖的UI設計師不是一個好的程序猿。


切圖是對設計稿的理解和分析過程,我倒覺得挺有意思的,一張稿子,給不同的前端來做,就可能有不同的切圖方式,最終頁面的實現結構和方式也會不同的,是個體現效率和想法的活喲~


現在的小孩怎麼這麼多臭毛病……-_-#


我靠,就是浪費時間、浪費生命,看到這個話題,好生激動。

我就是個程序員,10年前就寫網頁,但是一直沒太學會各種html奇淫技巧,後來又寫js,一直覺得js跟後端編程起來,簡直弱爆了。不過這幾年風雲突變,又是h5規範通過,css3規範通過,es6規範通過,我去,然後,前端各類大神冒出,現在angulajs培訓完勝ios培訓了都,我只想說,那個不是切圖,你丫還是先切圖,然後再炫前端,別混淆了前端和切圖,圖還是要切的,還TMD是個體力活。我們在都是美工切完圖,交給reactjs程序員肢解成一個個html片段(美其名曰組件)。切圖在我眼裡就是個雞肋,你不能缺,但是又確實沒啥意思。

所以別浪費生命了,這種雷人累人的活就交給我們切雲來做吧,我們現在就憋著怎麼快,怎麼批量,怎麼高效地切呢,你被跟我談什麼寫css寫html樂趣,我能可省點時間去學學es7,讀讀web component規範,摸摸react-native搖身一變跨界為移動互聯人士,剩下的事就交給我們來唄,要要要,切個now!


一個好的前端,其實要知道圖要怎麼切,並且自己切會更清楚怎麼應用。


推薦閱讀:

走的前端方向,現在準備刷刷演算法題,求推薦好的演算法書?
知乎登錄頁背景,動態的網格是怎麼做出來的?
在哪裡可以看別人寫的代碼?
前端有哪些好的學習網站?
CSS布局中有什麼不好的習慣?

TAG:前端開發 | CSS | 前端工程師 | 前端性能優化 |