92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线

中后臺產品的產研協同提效調研

2022-10-28    seo達人


一、目前有哪些提升設計與前端生產力的方案

1、D2C(Design To Code)

D2C(Design to code)這個模式我們非常熟悉,其本質是將設計師的設計資產轉化為代碼,讓前端工程師可以快速的復用,在這個成熟的領域主要分成兩大類:「設計資產類」和「設計對接類」

a. 設計資產類

設計資產類是完整系統的規范和代碼進行沉淀形成設計類的資產,這一類的產品在市面上目前是屬于主流,產品有網易的Fish Design(網易自研)、Ant Design、Arco Design、Element 等,這些產品都是將組件化的設計資產轉化為代碼資產,方便前端工程師在開發 B 端產品頁面時可以快速引用,提升開發的效率。

圖片

b. 設計對接類

設計對接類又分成「設計稿查看類」「設計稿代碼生成類」兩種類型:

設計稿查看類:主要是 D-box(網易自研)、figma、藍湖等可以讓前端工程師在線查看設計師的設計稿并提供一定的轉化代碼方案,主要是為了保障產品的還原度。

圖片

設計稿代碼生成類:最近兩年為了徹底的解決還原度的問題,讓前端工程師專注的解決代碼問題「設計稿代碼生成類」也開始在市場嶄露頭角。

比如:Imgcook、Codefun,直接復制設計稿地址進入軟件內部轉為代碼文件,直接導出完整的靜態頁面代碼,減少開發過程中的樣式調整問題。

直接導出整頁代碼模式的小缺陷是無法滿足開發中:代碼精簡(ai 智能生成的代碼對目前還達不到開發人員喜歡的程度,較為冗余)、控件交互、綁定數據等幾方面的需求,但是比如在一次性的靜態頁面的實現中還是能夠達到提效的目的。

圖片

結論:D2C模式的產品相對獨立,從定義還原度「設計資產類」、保障還原度「設計稿查看類」、解決還原度「設計稿代碼生成類」層層遞進,可以有效提升設計師和前端工程師的生產效率和協同效率。

但在目前競爭激烈的大環境中,優秀團隊的效率提升已經達到瓶頸,而提效的本質是為了比競爭對手更快更好,當所有人都有了相同的東西時,提效的目標可能就需要從別的地方打開缺口。

 

2、C2D(Code To Design)

C2D(Code To Design)「前端代碼轉設計稿」這個模式對于設計師相對模糊,不過國外的企業已經做出了探索。

比如:2017 年Airbnb 發布的前端開源模塊 React Sketch.app,其核心理念是用代碼做設計。第一次看到的時候感覺真的很酷,通過 React Sketch.app 直接在 Sketch 設計軟件中編譯出設計界面,代碼也可以直接在項目中使用。

圖片

還有另外一個產品叫 html-sketchapp,通過在輸入框中輸入網頁地址就可以直接在 Sketch 中生成可編輯的設計界面「網頁轉設計文件」,通過任何前端代碼都可以轉為設計資產的文件,甚至直白一些說就是參考成熟產品做設計,適度借鑒吧。

圖片

結論:目前的 C2D 的市場方案對于設計師而言不夠友好,無法讓設計師可以直接使用,都需要工程師來完成轉換,同樣也會遏制設計創新,陷入同質化的泥潭中。

但這個模式,卻非常適合“有意”借鑒參考成熟或者競爭對手的項目團隊,可以快速達到同類型產品的基準水平。

 

 

二、針對目前現狀,什么樣的方式可以實現提效?

從我們當前的工作流程來看

圖片

在這個流程中設計最在乎的就是設計階段的表現需求和前端的設計還原,為了保障精準的表現需求,在設計階段需要大量的溝通和風格嘗試。

在前端還原階段需要和前端不斷的扣細節,輸出幾百條信息的走查文檔,那應該如何解決這些問題?

圖片

答案就是「 C2D2C」的模式

 

1、C2D2C(Code To Design To Code)

C2D2C(Design to code to design)的模式,將流程中的設計表現和前端還原階段的通過設計標準化和研發工業化的方式進行流程優化,減少設計和前端開發的參與,實現中后臺研發流程的整體提效。

圖片

在十幾年的發展里互聯網行業積累了大量的設計資產。

這些設計資產的沉淀是設計標準化的基礎,將設計資產轉為封裝好的代碼組件也就是 D2C 的過程。將封裝好的組件通過低代碼平臺進行屬性配置、搭建頁面、布局調整實現頁面的設計就是 C2D 的過程。

通過平臺設定交互行為和綁定后臺數據,完成整個系統,最后在進行站點發布,就實現了 C2D2C 的完整流程。

圖片

C2D2C 的模式是設計資產與線上智能化布局的代碼方案(低代碼平臺)以及后臺數據綁定的結合,將以前的人工分工通過智能化方案綜合一體去解決。

但這個過程不是僵化死板的模式,在C2D環節實現“設計->前端”的高還原度下快速落地,在D2C環節下實現“低代碼平臺->自有產品”的靈活調整下快速復制。

結論:隨著社會的發展,標準化和智能化的產品線都將會被人工智能取代,互聯網行業也正在向這個方向發展,所以設計的標準化和開發的工業化就像手工業向工業化的轉型,這是一個大的趨勢,未來可能一天的時間就可以生產數套后臺產品,這樣的生產效率才能跟上中國的數字化轉型浪潮。

 

2.、C2D2C 的市場化

低代碼平臺 是 C2D2C 模式得以實現的核心平臺,從2018 年開始海外投資開始關注低代碼平臺,OutSystem 平臺獲得 KKR 和高盛的 3.6 億美元的融資,成為了低代碼賽道的獨角獸,另一家低代碼創業公司 Mendix 被西門子以 7 億美元的價格收購,資本市場的關注讓低代碼賽道開始火熱起。

而國內的低代碼平臺是從 2020 年疫情肆掠開始,疫情助推了在線辦公的發展,國家也在大力支持數字化經濟,更多的企業開始數字化轉型,這也讓低代碼在國內有了飛速發展的土壤。

目前海外比較成熟的平臺主要是 OutSystem和 Mendix,而國內也有很多已經商業化的低代碼產品,像網易輕舟等,已經開始投入商業化的使用,可以從網易輕舟的低代碼產品架構,清晰完整的看到C2D2C模式的所需要具備的能力。

圖片

網易輕舟從業務角度出發,具備持續迭代能力、組件具備可擴展性,并且可以為企業進行私有化部署,部署完成后可以和存量系統進行集成,交付后具備非常好的可運維性,是一個成熟的商業化平臺。

網易輕舟目前已經服務了包括工商銀行、吉利汽車、申萬宏源證券、泰康人壽、臺州銀行等包括政府產業平臺30家,從服務的客戶我們也可以看的出來,低代碼產品在大型企業中落地更有優勢。

結論:C2D2C 的模式已經得到市場的驗證,研發工業化可以更加高效的提升中后臺產品的研發效率,設計標準化也可以減少中后臺設計師大量的重復性勞動,對于中后臺的業務產品,可以大膽地選擇一個富有實力低代碼產品。

 

 

最后

低代碼平臺的使用需要同時具備一定的代碼能力和設計能力,這不管是對開發還是設計師都具備一定的門檻。目前的低代碼平臺使用角色應該是前端工程師,復雜的后臺交互平臺還是需要設計師的深度介入。

低代碼平臺的誕生減少了中后臺設計師大量的重復性工作,可以讓中后臺設計師將更多的精力投入到用戶研究和提升用戶體驗上。拖拽式的 UI 和智能化的布局以及良好的用戶體驗和以前的開發相比較,在中后臺的開發上更加的高效也更加的智能。

在最初調研到低代碼平臺的時候,行業的快速發展和成熟,讓我下意識的反應是中后臺的設計師可能要失業了,但是在調研了平臺的使用和深入的思考后,我覺得這是中后臺設計師的機會。C2D2C 模式的最優解應該是 0 代碼方案,而使用 0 代碼平臺最好的角色就是設計師。設計師專業的審美和對于用戶體驗理解的深度都是其他職業所不具備的,未來的中后臺設計師更應該將自己的精力投入到平臺流程的優化和用戶體驗的研究中去,這也在未來 0 代碼平臺到來后,我們才能更快更好的投入到新的生產中。


作者:程鑫

轉載請注明:學UI網》中后臺產品的產研協同提效調研

藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系01063334945。


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。


藍藍設計m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司



日歷

鏈接

個人資料

藍藍設計的小編 http://m.skdbbs.com

存檔

92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线
含羞草www国产在线视频| 欧美美女一区二区在线观看| 亚洲欧洲色图| 亚洲综合伊人久久大杳蕉| 精品一区二区三区中文字幕在线| 国产高清在线看| 手机精品视频在线观看| 久久精品人人做人人爽人人| 老牛影视一区二区三区| 国产一区二区三区日韩精品| 欧美一区二区三区在线观看视频| 1000精品久久久久久久久| 国产精品亚洲一区二区在线观看| 日韩视频精品在线| 欧美喷水一区二区| 久久精品国产大片免费观看| 日韩av在线免费观看不卡| 欧美a大片欧美片| 精品久久久久久久久久| 久久蜜桃av一区二区天堂| 一本色道久久综合亚洲精品高清| 91视频免费看| 91高清视频在线| 1000部国产精品成人观看| 美女扒开腿让男人桶爽久久动漫| 成人做爰www免费看视频网站| 日韩久久精品网| 欧美日韩一区二区视频在线观看| 香蕉伊大人中文在线观看| 中文字幕+乱码+中文字幕一区| 久久国产毛片| 日韩中文字幕在线视频播放| 日本高清不卡一区二区三区视频| 欧美日韩精品中文字幕| 欧美激情无毛| 日本一区视频在线观看| 亚洲国产精品99| 色欧美片视频在线观看| 国产精品青草综合久久久久99| 欧美一级日韩免费不卡| 日韩av一区二区三区| 久久精品国产综合| 欧美成人免费在线| 国产精品久久久久久久久久三级| 日本高清不卡在线| 欧美三区不卡| 在线日韩精品视频| 女厕嘘嘘一区二区在线播放| 亚洲最新av在线| 欧美丰满嫩嫩电影| 国产精品爽爽爽| 在线看片日韩| 亚洲乱码日产精品bd| 色一情一乱一区二区| 国产女同互慰高潮91漫画| 9l视频自拍蝌蚪9l视频成人| 捆绑变态av一区二区三区| 欧美人与性动交α欧美精品图片| 久久人人爽国产| 中文字幕一精品亚洲无线一区| 成人免费看黄yyy456| 青青青国产精品| 96精品久久久久中文字幕| 成人欧美一区二区三区在线| 自拍网站在线观看| caoporm免费视频在线| 色婷婷亚洲mv天堂mv在影片| 东方aⅴ免费观看久久av| 国产精品综合av一区二区国产馆| 91丨九色丨国产在线| 欧美激情亚洲| 亚洲欧美激情四射在线日| 久久久三级国产网站| 日韩欧美亚洲国产另类| 成人一区福利| a毛片在线看免费观看| 日韩在线观看免费av| 亚洲人午夜精品天堂一二香蕉| 亚洲电影一区二区三区| 欧美13videosex性极品| 久久免费精品日本久久中文字幕| 伊人婷婷欧美激情| 亚洲国产电影在线观看| 亚洲视频 欧洲视频| 国产精品一区在线看| 国产精品欧美极品| 欧美午夜不卡影院在线观看完整版免费| 99视频在线精品国自产拍免费观看| 欧美亚洲成人精品| 日本欧美在线视频| 国产伦久视频在线观看| 日韩精品欧美成人高清一区二区| 欧美日韩一区二区三区高清| 色婷婷一区二区三区四区| 日产日韩在线亚洲欧美| 久草中文综合在线| 国产伦精品一区二区三区在线| 亚洲色图第一页| 国产一区二区三区免费视频| 亚洲日本中文字幕| 7777久久香蕉成人影院| 99亚洲精品| 国产成人aa精品一区在线播放| 国产欧美久久一区二区| 欧美伊人久久大香线蕉综合69| 国产成人亚洲精品狼色在线| 麻豆传媒视频在线| 日本久久精品电影| 精品免费av一区二区三区| 999在线免费观看视频| www.久久精品| 午夜久久资源| 国产精品国产自产拍高清av| 欧美成人精品三级在线观看| 欧美成人性网| 欧美aaa级| 欧美一区二区黄| 国产日韩精品一区二区浪潮av| 日韩毛片在线免费观看| 久久99国产精品久久久久久久久| av大片在线观看| 成人在线高清免费| 成人a视频在线观看| 91精品国模一区二区三区| 高清一区二区中文字幕| 国产伦精品一区二区三区在线| 在线中文字幕亚洲| 岛国av在线网站| 免费久久99精品国产自在现线| 欧美成人精品福利| 亚洲精品99| 欧美性受xxxx| 国产一区啦啦啦在线观看| 伊人久久免费视频| 亚洲经典视频在线观看| 日本中文字幕一区二区视频| 国产精品115| 色呦呦呦在线观看| 国产一区二区三区免费看| 国产一区毛片| 国产精品678| 国产一区二区精品久久| 久久久精品日本| 日韩脚交footjobhd| 久久综合九色99| 亚洲国产精品精华液2区45| 写真福利精品福利在线观看| 精品免费在线| 成人日韩av| 成人在线国产| 无码av免费一区二区三区试看| 是的av在线| 久久丁香四色| 日韩一级毛片| 色香蕉成人二区免费| 青草视频在线免费直播| 国产免费av国片精品草莓男男| 中文字幕欧美精品在线| 亚洲影院色无极综合| 国产精品国产精品国产专区不片| 在线免费观看羞羞视频一区二区| 午夜成人免费电影| 国产一区二区三区免费观看| 日韩在线免费观看视频|