UED團隊規範設計參考及建議
阿新 • • 發佈:2018-05-11
text 支付 範圍 接口管理 打包 存在 ccf 評估 ebe
公司產品線逐漸增多,變動頻繁且並行開發,常常需要設計與開發能夠快速的做出響應。同時這類產品中有存在很多類似的頁面以及組件,可以通過抽象得到一些穩定且高復用性的內容。通過模塊化的解決方案,降低冗余的生產成本。
而標準化規範是達到此目的起點。
在任何行業中一套良好的工作流程不僅可以保證各個階段輸出物的質量,提升工作效率,而且在一定的範疇下針對不同的項目,工作流程具有可復制的特點。如批量生產一款新車型,那就必須嚴格按照一定的汽車設計和生產流程進行操作,各階段通力合作,才能保證汽車品質以及最終的量產。設計行業流程化、規範化程度逐步提高意味著該行業成熟度的不斷提高。
因大企業後臺80%任務場景具有強規律性、可規範性、高復用性等特點,ued與前端共建,進行了規範約定,將常用的任務場景進行框架層的抽象,包括但不限於其布局、內容、交互、實現,框架下的需求內容可靈活定制,不僅大大減少各協作方對相同場景進行重復性的思考及工程投入,縮短了項目開發時間,而且保證項目有高質量和一致性的產出。
先科普下UED:
UED概念及職責略——具體找度娘,UED團隊包括:
例如:組件、模塊、復用等問題
典型的例子:
交互規範: 首先需要做的工作: 需求分級規範:設計部門會接到大大小小需求不同的項目,而項目大小的不同也直接對應著設計流程的繁簡,評審人員與審核標準 流程規範:交互設計是否參與前期產品設計規範、設計是否需要交互參與及評審、定稿機制。 根據不同等級,走不同流程 例如:重點項目設計流程、敏捷設計流程、極簡設計流程 參考案例:
- 交互設計師(Interaction Designer)
- 視覺設計師(Vision Designer)
- 前端開發工程師(Web Developer)
- http://ued.ctrip.com
- http://uedc.163.com/
- http://jdc.jd.com/
- http://www.aliued.cn/
- http://ued.qq.com/
- 從設計優化開發工作 扁平化——去圓角陰影 材質 比如.5xp 與1px ——參看《Retina真實還原1px邊框的解決方案》
- 交互優化設計及開發工作 典型案例:順豐彩組合支付原來22中組合策略優化。
- 如何復用現有資源 節慶換膚、營銷叠代改版
- Ant Design :一個服務於企業級產品的設計體系,基於『確定』和『自然』的設計價值觀和模塊化的解決方案,讓設計者專註於更好的用戶體驗。
- Material Design :每個設計決策背後都會有一系列的邏輯作為支撐
- 短兵相接勇者勝 — 緊張項目管理策略
- 場景中臺化助力提升上下遊協作效率
- 復雜產品的設計策略
- 交互設計的規劃流程
- 無規矩、不方圓——大眾點評UED團隊的設計流程規範
- 模塊設計原則
- 交互組合原則
- 大促分會場-模塊化設計方法總結
- 如何制作交互組件庫
- 組件化設計思維 – 從規範到工具的構建與探索
- HAWK 供應鏈工作臺設計語言及開發框架整體方案
- 設計原則——設計的標準準則 板式架構(間距 留白 對齊)、 字體 、色彩等規範 參考案例 “範”柵格(HTML5 UI柵格研究) MXD logo設計規範–MXD Big Day
- 設計模式——精練問題的一般解決方案 在企業級業務中使用設計模式,能大幅度提升研發團隊的確定性,節約無謂的設計且保持系統一致性,讓『設計者』把創造力專註在最需要的地方。
- 設計資源——圖庫、模板、基礎色板(產品級色彩體系)
- 紅綠燈與設計規範
- 互聯網金融體驗設計方法庫
- 如何讓設計效果可量化
- 在整理設計規範中變強
- html 結構規範 ——嵌套層級規範、語義化 屬性類規範 組件化——封裝標準
- css 命名規範 權重、層疊規範 布局 css嵌套
- js 命名規範 註釋規範 封裝 模塊化 語法
- alloyteam 推薦
- imweb
UED團隊規範設計參考及建議