Flutter 新聞客戶端 - 01 需求分析、使用藍湖標註工具、專案目錄構建

會煮咖啡的貓發表於2020-06-19
原文網址 : https://juejin.im/post/5eec002df265da02f727a581
Flutter客戶端

B站視訊

www.bilibili.com/video/BV1J7…

本節目標

  • 需求分析
  • 使用藍湖平臺作為標註工具
  • 構建 Flutter 專案

1 需求說明

Flutter 新聞客戶端 - 01 需求分析、使用藍湖標註工具、專案目錄構建

1.1 樣式表

  • 顏色

Flutter 新聞客戶端 - 01 需求分析、使用藍湖標註工具、專案目錄構建

  • 元件

Flutter 新聞客戶端 - 01 需求分析、使用藍湖標註工具、專案目錄構建

  • 圖示

Flutter 新聞客戶端 - 01 需求分析、使用藍湖標註工具、專案目錄構建

1.2 整理頁面+元件列表

頁面名稱 元件數量
歡迎頁 3
登入頁 3
首頁 6
搜尋頁 4
新聞頁 4

1.3 排查技術點

  • 資料拉取
  • 圖片懶載入
  • 圖片快取
  • 新聞、頻道、搜尋歷史資料快取

2 使用藍湖平臺作為標註工具

2.1 上傳藍湖

支援 Sketch、Adobe Photoshop、Adobe XD、設計圖片 PNG

Flutter 新聞客戶端 - 01 需求分析、使用藍湖標註工具、專案目錄構建

2.2 標註

Flutter 新聞客戶端 - 01 需求分析、使用藍湖標註工具、專案目錄構建

2.3 程式碼提示

Flutter 新聞客戶端 - 01 需求分析、使用藍湖標註工具、專案目錄構建

2.4 原型展示

Flutter 新聞客戶端 - 01 需求分析、使用藍湖標註工具、專案目錄構建

3 構建 Flutter 專案

3.1 可複用小型專案結構

Flutter 新聞客戶端 - 01 需求分析、使用藍湖標註工具、專案目錄構建

藍湖設計稿

lanhuapp.com/url/lYuz1 密碼: gSKl

藍湖現在收費了，所以檢視標記還請自己上傳 xd 設計稿 商業設計稿檔案不好直接分享, 可以加微信聯絡 ducafecat

git 程式碼

github.com/ducafecat/f…

視訊

參考

© 貓哥

微信: ducafecat

ducafecat.tech

相關文章