Flutter 新闻客户端 - 01 需求分析、使用蓝湖标注工具、项目目录构建

B站视频

www.bilibili.com/video/BV1J7…

本节目标

• 需求分析
• 使用蓝湖平台做为标注工具
• 构建 Flutter 项目

1 需求说明

1.1 样式表

• 颜色

• 组件

• 图标

1.2 整理页面+组件列表

页面名称	组件数量
欢迎页	3
登陆页	3
首页	6
搜索页	4
新闻页	4

1.3 排查技术点

• 数据拉取
• 图片懒加载
• 图片缓存
• 新闻、频道、搜索历史数据缓存

2 使用蓝湖平台做为标注工具

2.1 上传蓝湖

支持 Sketch、Adobe Photoshop、Adobe XD、设计图片 PNG

2.2 标注

2.3 代码提示

2.4 原型展现

3 构建 Flutter 项目

3.1 可复用小型项目结构

蓝湖设计稿

lanhuapp.com/url/lYuz1 密码: gSKl

蓝湖如今收费了，因此查看标记还请本身上传 xd 设计稿 商业设计稿文件很差直接分享, 能够加微信联系 ducafecat

git 代码

github.com/ducafecat/f…

视频

• b 站
• 油管镜像

参考

• 蓝湖-上传设计图

---

© 猫哥

微信: ducafecat

ducafecat.tech