切圖是UI設計師的工作還是Web前端工程師的工作呢?
Web前端作為一門入門門檻不是很高的學科,一直以來,受到很多IT學習者的青睞。但是,一些Web前端的大牛往往在基礎技能的前提下,掌握著大多數從業者不曾注重的技能,比如說切圖。那麼,切圖在Web前端開發工作中佔據什麼地位呢?下面,我就相關切圖問題給大家做下梳理。
首先,我們先來簡單瞭解下切圖的歷史。Web 2.0的時期,最流行的趨勢就是大字型、鮮豔色、高光和倒影,甚至許多人沒有自己的想法,盲目去追求,致使Web 2.0的網站變得千篇一律。這時有一些前衛的人,把平面設計等許多模式引入的網頁設計,他們用Photoshop做精準Mock up,然後通過CSS來實現,也就是所謂的切圖。通俗來講,切圖就是把設計稿切成一片片的,然後前端工程師運用DIV+CSS功能,最大限度的還原設計圖,也就是要把零碎的圖片整合成一張完整的圖片。
那麼切圖是不是必須的呢?毫無疑問,切圖是實際開發過程中不可或缺的一步。由於一張完整的設計稿是由不同的元素組成的,比如Logo、背景圖、圖示、文字等等,而部分元素,前端工程師是無法使用程式碼實現效果的,因此,需要將其單獨切出來使用。切圖資源的輸出將直接決定產品的最終效果。
此外,還有一部分人認為極簡主義是頁面所需要的,極簡主義放棄了花哨的圖案和設計,把重心放到了瀏覽器的字型、line-height、佈局、留白、以及互動。崇尚極簡主義的人覺得網頁不必要看起來很漂亮,但一定要用起來很舒服。當然對於從使用者的角度來講,用得舒服很重要,美好的視覺享受更容易讓你的APP脫穎而出。所以切圖仍然是前端開發中不可缺少的一步。
有的公司UI設計師會把需要的圖切好,但更多時候是需要前端工程師自己來切。我們不能每次都依賴UI設計師,自己掌握切圖技能還是很有必要的。切圖的實現,很大程度上讓網頁設計變得個性化,有生機,所以會切圖的前端工程師也更加受市場歡迎。關注我,會定期為大家分享最新Web前端發展趨勢、學習資料,助力大家學好Web前端。
相關文章
- 現在的你,是開發工程師、程式設計師還是碼農?工程師程式設計師
- 整個行業都在缺Web前端工程師,你還在問Web前端工作好找嗎?行業Web前端工程師
- Linux運維工程師的工作內容是什麼?Linux運維工程師
- it運維工程師的工作是做什麼的?累嗎?運維工程師
- web前端的工作方向是什麼?Web前端
- 工作一兩年的程式設計師,有點錢,買房還是買車?程式設計師
- 程式設計師應該如何找工作呢?程式設計師
- 大齡程式設計師找不到工作,程式設計師真的是吃青春飯的嗎?程式設計師
- 想做WEB前端程式設計師,該自學還是報培訓班Web前端程式設計師
- 好程式設計師解析Web前端中的IoC是什麼程式設計師Web前端
- 工作五年以上的 UI 設計師都在幹什麼?UI
- 學UI設計可以從事哪些工作?UI設計師前景如何?UI
- Adobe:當創意工作遇上AIGC ,人工智慧還是取代了設計師?AIGC人工智慧
- web前端培訓分享:web前端的工作方向是什麼?Web前端
- Python運維工程師是什麼?Python運維工程師工作職責及要求!Python運維工程師
- 測試還是國外的吃香?揭秘海外測試開發工程師的日常工作生活!工程師
- Web前端工程師怎麼樣呢?薪資待遇如何呢?Web前端工程師
- 工作多年中年危機,程式設計師的出路是什麼?程式設計師
- 請問一下外掛防禦是 QA 的工作還是產品策劃的工作呢
- 好程式設計師web前端分享什麼是前端同構渲染程式設計師Web前端
- 程式設計師的迷茫:前端能做什麼?還是後端?全棧?程式設計師前端後端全棧
- 前端能做什麼?還是後端?全棧?程式設計師的迷茫前端後端全棧程式設計師
- 好程式設計師web前端分享前端學習路線自學如何找到工作程式設計師Web前端
- web前端工程師面試題更新了,找工作必背的面試題 一Web前端工程師面試題
- web前端培訓後的工作方向是什麼Web前端
- 優秀的前端工程師,如何不被切圖耽誤?前端工程師
- 資料庫工程師的職責是什麼?有哪些工作內容資料庫工程師
- 程式設計師30歲投簡歷找工作,還能找到滿意的工作嗎?程式設計師
- UI設計培訓分享:UI設計師主要可以從事哪幾種工作UI
- 設計師用Sketch做設計稿時是用1倍圖還是用2倍圖做
- 如何以軟體工程師的身份工作?軟體工程工程師
- 前端程式設計師市場分析:前面是火海,後面是刀山,走還是不走?前端程式設計師
- 設計模式與前端工程師設計模式前端工程師
- 運維工程師是做什麼工作的?linux運維入門學習運維工程師Linux
- 前端工程師必須掌握的設計模式前端工程師設計模式
- 找工作的程式設計師必懂的Linux程式設計師Linux
- 程式設計師口述:我是如何工作三年後跳槽到美團的?程式設計師
- 好程式設計師web前端分享如何自學前端?步驟是什麼?程式設計師Web前端