整合營銷服務商
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
天早上在微博上看到@前端農(nóng)民工 發(fā)了條關(guān)于前端工作細分的微博，大意是說將前端的工作細分為頁面重構(gòu)(html/css)和js開發(fā)限制了工程師的發(fā)展，而且頁面功能模塊的開發(fā)維護也會變得割裂，一定程度上限制了js和css的配合方式，公司不應該這樣做。
然而，事實上很多互聯(lián)網(wǎng)公司前端團隊就是這么干的，包括我們團隊，今天就來探討一下這個問題，看看很多公司為什么要把前端工作細分，把前端工作細分有什么好處，能為我們解決那些問題。
首先我們明確一下前端崗位職責的問題，前端崗位的輸入是UED部門給到PSD效果圖、后端研發(fā)給到API，輸出產(chǎn)品成品。也就是說拿到UED部門給到的PSD效果圖做成HTML、CSS，再拿到后端研發(fā)給到的API，完成前臺邏輯、前后端數(shù)據(jù)交互及其他JavaScript開發(fā)，最終產(chǎn)出產(chǎn)品成品并提交給測試。
由前端的崗位職責我們可以看出，前端工作可以分為兩種，一種是偏靜態(tài)，即HTML、CSS開發(fā)，一種是偏交互，即JavaScript、前臺邏輯和前后端交互。這兩種工作對人的要求是相差很大的，偏靜態(tài)的可以不涉及太多編程和邏輯，但要求心細、能把握細節(jié)、對視覺體驗非常敏感、對用戶體驗有一定的理解、能忍受IE6等瀏覽器帶來的痛苦、能持續(xù)學習，而后者對JavaScript要求較高、要有一定的編程能力、熟悉前后端協(xié)作模式、熟悉HTML和CSS、有一定的前端架構(gòu)能力。
從公司組建團隊的角度來說，要找一班優(yōu)秀的full stack前端工程師，是有一定難度的。比如我們鑫合匯前端團隊，現(xiàn)在一共7個人，如果我們要求每一個人都寫HTML、CSS、JavaScript、前臺邏輯、前后端交互，并且都產(chǎn)出可維護的高質(zhì)量代碼，對很多人來說做到?jīng)]問題，但你知道要招到那么一班人有多難嗎？現(xiàn)在市場上本身優(yōu)秀前端就相當奇缺，對于一個BAT以外的互聯(lián)網(wǎng)公司來說，也許1個月都招不到1個讓你滿意的人，然而，如果我們換一種方式，找?guī)讉€偏靜態(tài)的，找?guī)讉€偏交互的，相對來說，難度就小了很多，也許原來4個月都很難招到那么一班人，現(xiàn)在不到2個月就辦到了。千萬別小看這一點，對于很多互聯(lián)網(wǎng)公司來說，速度就是生命，不能迅速組建好團隊并快速將產(chǎn)品推向市場，也許就意味著完蛋。
從公司用人成本的角度來說，將前端細分為偏靜態(tài)和偏交互，能節(jié)約一筆開支。對每一個人都是高要求的話，自然成本要大一些，然而，如果把人員的要求都相對降下來了，成本自然也就降下來了。
從團隊效率上來說，將前端細分為偏靜態(tài)和偏交互，是高效的。打個比方，團隊有50個頁面要做，一共有5個人，是每個人做10個靜態(tài)頁面，并實現(xiàn)所有的JavaScript、前臺邏輯、前后端交互效率高？還是2個人做所有的靜態(tài)頁面，3個人完成JavaScript、前臺邏輯、前后端交互效率高？肯定是后者，專注于做靜態(tài)頁面的同學可以做到平均一個頁面45分鐘完成，但如果全部都做，是很難做到的，并且寫JavaScript效率也變低了。
從團隊技術(shù)管理的角度來說，將前端細分為偏靜態(tài)和偏交互，人員相對易于管理，而且更容易產(chǎn)出可維護的高質(zhì)量代碼。偏靜態(tài)的幾個人可以致力于將靜態(tài)這一塊做到極致，偏交互的幾個人可以致力于將交互做到極致。
從個人職業(yè)上來說，將前端細分為偏靜態(tài)和偏交互，降低了前端職位的從業(yè)門檻，有了一定技能的時候更容易安定下來。
有人說前端細分這樣限制了JavaScript和CSS的配合方式，以我們鑫合匯團隊的實踐經(jīng)驗告訴大家，JavaScript和CSS的配合沒有問題。
有人說前端細分限制了工程師的職業(yè)天花板。這個在某些情況下是成立的，但是個人的職業(yè)天花板更多的還是由人本身決定的，一個對職業(yè)有追求的人，會想方設法讓自己的路越來越廣。馬云以前是英語老師，現(xiàn)在是中國首富，我初二的語文老師以前是挖煤的工人，主要還是由人本身決定的。當然如果你想在你們團隊中靜態(tài)和交互都做，也很簡單，據(jù)說騰訊有的團隊就可以輪崗，干幾個月Node.js、再干幾個月做靜態(tài)頁面，你在你們團隊中提出來，我相信你們老大會同意，只要不在項目非常緊急的時候。
我們程序員都希望自己能掌握更多的技術(shù)，精通前后端等所有技術(shù)，打敗Google，征服世界，相信我們程序員的思維是值得所有人尊敬的！
最后再來個總結(jié)吧，(*^__^*) ，將前端細分為偏靜態(tài)和偏交互，順應了互聯(lián)網(wǎng)企業(yè)的發(fā)展需求，是今后的必然趨勢，無人能打敗的趨勢！
作者：Hoogle ；轉(zhuǎn)載自：簡書
管是設計、文章配圖，還是視頻制作，圖片都至關(guān)重要。當然還有做PPT的、找壁紙的、換頭像、換空間背景的，設計師找素材的等等眾多需求，之前天弟也推薦過一些不錯的圖片資源站點，今天再把這些站點精選一下，讓找圖片不再難！
1、PickPik
PickPik是一個由AI智能分類的無版權(quán)圖片分享網(wǎng)站，為了獲得更好的搜索結(jié)果，該網(wǎng)站中的每張照片都是手動命名，并且該團隊還開發(fā)了一個智能AI神經(jīng)網(wǎng)絡來對每張招聘進行美學評分，只有評分最高的圖片才會在搜索中展示。
該網(wǎng)站上的所有圖片幾乎都可以用于任何商業(yè)設計項目，包括網(wǎng)頁設計、應用程序設計、wordpress主題、PSD和HTML模版等，博主和社交媒體團隊都可以免費使用這些圖片。
2、UnSplash
UnSplash免費高清壁紙分享網(wǎng)是一個堅持每天分享高清的攝影圖片的站點，每天更新一張高質(zhì)量的圖片素材，全是生活中的景象作品，清新的生活氣息圖片可以作為桌面壁紙也可以應用于各種需要的環(huán)境。
UnSplash網(wǎng)站上的圖片大又清，適合各種使用。進入網(wǎng)站點擊圖片下載高清版；另外，由于網(wǎng)站使用的鏈接被墻，所以 ，想要下載高清圖片的話就得翻墻或者使用代理工具了。
3、PixaBay
PixaBay免費高質(zhì)量圖片素材分享網(wǎng)是一個提供無版權(quán)圖片素材的圖片提供商，不論數(shù)字或者印刷格式，個人或者商業(yè)用途，您都可以免費使用本網(wǎng)站任何圖像，并且無原作者署名要求。
尋找免費且高質(zhì)量的圖片是件單調(diào)乏味的任務-主要是源于版權(quán)問題，署名要求或者僅僅是圖片質(zhì)量不夠。因此我們深受啟發(fā)而創(chuàng)立了Pixabay，一間超高質(zhì)量無版權(quán)限制的圖片的貯藏室。
Pixabay推出手機App 找圖，支持iOS、Android 兩大平臺，Pixabay 手機應用功能非常簡單，你可以把它想像成是一個無限大的相冊，里面有非常大量圖庫素材，通過手機滑動來快速切換瀏覽，也能通過搜尋方式輸入關(guān)鍵字來找出相關(guān)圖片。
4、FoodiesFeed
FoodiesFeed 免費食品素材分享網(wǎng)是一個提供豐富的免費高分辨率食品攝影圖片的站點，每周至少更新5張。可下載和用于任何個人或商業(yè)目的;只要類別有早餐、咖啡、烹飪、水果、主菜、甜品等等。
FoodiesFeed素材網(wǎng)站由23歲的捷克人Jakub創(chuàng)辦，他居住在捷克的布拉格，有人肯能會說他是個美食家，于是創(chuàng)建了這個美食圖片網(wǎng)站，他不僅是一個位美食家也是一位食物攝影愛好者，雖然是業(yè)余的，不過不影響他拍攝美食素材分享給其他用戶。你可以通過郵箱來訂閱該網(wǎng)站的內(nèi)容，每周獲取免費的美食類素材。
5、StockSnap
StockSnap 免費圖片素材高清資源庫是一個提供可自由下載使用的高清晰攝影圖片作品的素材庫，所提供的資源相當實用，該網(wǎng)站由多位攝影師組成，提供豐富的免費照片，隨意使用無需經(jīng)過授權(quán)。
StockSnap網(wǎng)站的設計其實非常簡單，其宗旨就是希望能為尋找美麗圖片的使用者提供一個完整且豐富的圖片素材資源庫，網(wǎng)站每天都會有攝影師上傳發(fā)布作品，找出高品質(zhì)、高清晰度的照片并更新到該網(wǎng)站上來，讓更多的人去免費使用。
信ID：WEB_wysj(點擊關(guān)注) ◎ ◎ ◎ ◎ ◎◎◎◎◎一┳═┻︻▄
（點擊頁底“閱讀原文”前往下載）
● ● ●
各個領(lǐng)域的專業(yè)人士有個共同之處，他們總是在尋找各種方法和工具來改善自己的工作。他們探索的越多，就做的越好，做的越快。對于網(wǎng)頁設計師而言，同樣是如此。
高素質(zhì)的網(wǎng)頁模板，更加有效的項目管理工具，豐富的設計靈感來源，實用可靠的生產(chǎn)力工具，這些都能從不同的層面加速你的網(wǎng)頁設計項目。也許今天推薦的網(wǎng)站和工具中，有不少你聽說過，甚至已經(jīng)開始使用了，但是有些可能是你一直在搜索的。
如果你是剛剛開始了解用戶體驗這個領(lǐng)域，那么這本書是個不錯的入門資料。超過170頁的技術(shù)和實戰(zhàn)技巧，這本書涵蓋了這個領(lǐng)域最基礎最核心，同時也是相當實用的知識，它值得你第一時間入手學習。
所有的“傻瓜”系列圖書都是相當優(yōu)秀的入門圖書。這本的主題是 WordPress ，如果你是一個Wordpress 用戶，這本書能夠讓你更快更好地實用這套系統(tǒng)。內(nèi)容總體上是友好而易懂的，有提示有技巧，幫你更上一層樓。
這是Visual Hierarchy 所提供的一個免費設計資源合集，和其他的設計資源不同，這個合集中內(nèi)容的挑選更加“個人”。如果你需要的只是幾個免費字體，一套圖標，幾份視覺稿，也學這個200+免費資源的合集正好能夠滿足你的需求。
有一部分設計師喜歡將自己搜集的素材分享出來，還有一些設計師則更喜歡分享自己的設計作品。這個UIKit 設計項目來自Dribbble，其中每一個iOS UI的設計都相當?shù)募氈拢档檬詹貙W習。
Proto.io 是一款強大的原型設計工具，讓你可以在幾分鐘內(nèi)創(chuàng)建功能豐富功能完備的交互原型，無需編寫代碼。同時它還是一款協(xié)同工具，可以讓團隊成員、客戶和利益相關(guān)者都參與到項目當中來，在設計過程中實時分享設計原型。
如果你更習慣使用PowerPoint，那么你應該會喜歡PowerMockup這個工具。作為一個PowerPoint 的庫，你可以使用你所熟知的PPT來快速搭建一個桌面端或者移動端界面的原型，簡單的托拽就可以搞定一切，有了它，展示起來也更加便捷。如果你愿意添加自己定制的形狀和控件，你還可以同其他的PowerMockup 用戶進行分享哦。
許多服務都能提供PSD轉(zhuǎn)代碼的功能，諸多服務當中 PSDgator是佼佼者。它不僅可以將PSD轉(zhuǎn)化為響應式的HTML5/CSS3代碼，還能識別 Sketch和AI的文檔，而這些設計稿還能有針對性的轉(zhuǎn)化為 Jquery/JS 代碼，甚至帶有視差效果。PSDgator 可以應對不同的需求、不同類型的項目，包括制作Wordpress主題。
PSD2HTML? 是一個專注于數(shù)字化、營銷和設計的Web前端開發(fā)公司，他們在PSD轉(zhuǎn)HTML這個領(lǐng)域深耕長達11年，目前團隊成員多達472人。他們能夠為你提供的代碼足夠?qū)I(yè)，質(zhì)量一流。
如果你需要將PSD/Sketch轉(zhuǎn)為HTML，需要郵件系統(tǒng)，BootStrap，或者CMS系統(tǒng)，那么The SiteSlinger 能幫你解決這一系列的問題。The SiteSlinger 的團隊是一個結(jié)果為導向的開發(fā)團隊，你所需要做的就是聯(lián)系他們，提交你的設計，剩下的就由他們來操心吧。
我們曾經(jīng)推薦過 Be Theme 系列主題，這個團隊提供了超過200個預搭建網(wǎng)站，超過40項核心功能，覆蓋的網(wǎng)站類型非常的全面。如果你需要特定功能的Wordpress主題，就去挑一個吧。
如果你更傾向于功能完備可以自行定制的主題的話，那么這個幾乎在ThemeForest 平臺上近乎登頂?shù)腦 Theme 可能就是你的菜。X Theme 嚴格按照目前最高的標準來開發(fā)，基礎扎實，設計創(chuàng)新，功能也足夠前沿。最重要的是，圍繞著 X Theme 有一個完整的用戶社群，你可以得到最全面的幫助。
Shopkeeper 是 ThemeForest 平臺上的另外一個熱賣的電商類主題。這個主題為你提供了足夠優(yōu)秀的用戶體驗，并且沿著WooCommerce的思路來進行整體的設計，它能讓用戶近乎無障礙的使用，并且內(nèi)置了漂亮炫酷的主題。
XStore 是一款迷人而小巧的主題，簡單看看他們官網(wǎng)上提供的演示模板就能體會到這一點。主題中所使用的特效被廣泛使用，但是在這里用的恰到好處，不顯累贅。
Webydo 為專業(yè)的網(wǎng)頁設計師提供了無縫的網(wǎng)頁設計體驗，并且無需使用代碼。Webydo 一開始就是針對沒有編程經(jīng)驗的設計師來研發(fā)的，雖然市場上同類工具并不少，但是Webydo 的專業(yè)性上并不弱于其中任何一款。它不僅僅是從設計師的需求出發(fā)，而且便于結(jié)算，還提供了整潔的控制面板和專業(yè)的客戶端，以及強大無比的內(nèi)容管理系統(tǒng)。如果你是設計師，也許Webydo 就是你夢寐以求的那個工具。
XPRS 也是一款網(wǎng)站搭建工具，它會讓你的網(wǎng)站搭建像樂高一樣簡單好玩兒。XPRS 讓你告別復雜、混亂、昂貴的開發(fā)過程，優(yōu)秀可靠的設計和可靠的托管服務，加上簡單易用的集成編輯環(huán)境，還有什么樣的Web項目搞不定的呢？
wpDataTables 是一個表單和圖表相關(guān)的插件。Wordpress主題中最麻煩的東西應該就是表單和圖表了，尤其是當它們還需要跟著頁面一起響應式地聯(lián)動的時候，效果相當不可控。而這個插件就很好的解決了這個問題，即使數(shù)據(jù)量很大它也能Hold得住。
也許你一直解決不了的問題能借助W3 Total Cashe搞定，滿足客戶對于網(wǎng)站瀏覽速度的需求。它提供的用戶體驗也許一般，但是它確實能讓網(wǎng)站的相應速度和交互效率提升到一個新的層次。它能提升服務器性能，減少文件下載的時間。
PhotoSpin.com 提供了數(shù)以百萬計的圖片，其中圖片都已經(jīng)被精心分類，并且每張圖片都提供了不同的尺寸供用戶進行選擇。這個圖庫的素質(zhì)相當?shù)母撸贿^是收費的（當然是物有所值了）。促銷代碼：BAW20
Stockfresh 是另外一個值得推薦的圖庫，實際上在國外這個網(wǎng)站是相當一部分設計師的圖片來源。這里圖片的價格相對比較實惠，類別廣泛，質(zhì)量也足夠上乘。收費方式也相當靈活，定期會有促銷活動。
目前InVision 是最熱門也是最有影響力的數(shù)字產(chǎn)品設計原型設計和協(xié)作平臺，包括Adobe、Google、Facebook在內(nèi)的許多知名大公司以及先鋒的創(chuàng)業(yè)公司都在使用InVision 作為協(xié)作平臺。無需代碼，在原型設計階段，團隊成員可以在這個平臺上更加頻繁自由的進行設計、協(xié)同和反饋。
你的設計工具能夠很好的幫你完成原型設計，搞定網(wǎng)頁、APP的設計，但是你依然缺乏一個協(xié)同、跟蹤大型而復雜的設計項目的有效渠道，那么這個時候，你需要Azendoo。這款工具能夠讓你的團隊和項目更緊密的結(jié)合起來，從審查、反饋到推進都有條不紊。這樣一來，作為設計師的你可以更加專注于設計本身，事務上的事情更多由Azendoo來代勞。
Loop 11 可以為你的網(wǎng)站提供最快速最便捷用戶體驗測試，在它的幫助下，你再也不用在大數(shù)據(jù)和用戶反饋之間進行糾結(jié)的決策了。Loop 11 所進行的測試每次會選取幾百名用戶，隨時分析任務和執(zhí)行的成功率，根據(jù)點擊熱圖和回復來幫你更直觀的了解網(wǎng)站的實際效果，并且可以深入到用戶個人，了解他們碰到的具體問題，甚至能夠?qū)С鎏囟ㄓ脩舻牟僮饕曨l來進行研究。
Google Content Experiments 這是另外一個測試平臺，它的A/B 測試非常有用。這個免費的測試框架已經(jīng)被整合到Google Analytics當中了。它能夠幫你針對特定的目標進行優(yōu)化。
Coolors 是一款直觀的配色工具，你可以以更加簡單的方式創(chuàng)建色彩組合，還可以生成不同的格式，比如SVG、PDF或者SCSS，可用于Android、iOS、PS和AI等不同的平臺。
Fontea 可以幫你在Photoshop中直接調(diào)用涵蓋700多款在字體的Google Fonts。這款插件最大的優(yōu)勢是你再也不用打開瀏覽器找字體，而是直接在程序內(nèi)調(diào)用了。
干貨！免費領(lǐng)取騰訊高級講師網(wǎng)頁設計教程
點我領(lǐng)取
???
關(guān)注網(wǎng)頁設計自學平臺，99%的努力都在這里
▼文件下載點擊「閱讀原文」噢！在群文件里哦！
*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
