MLDLS 应用 – 从设计到开发的旅程
我自2021年12月起一直在从事Flutter开发。此外，我最近对产品设计产生了兴趣。我问自己：“我该做什么？”答案是“两者都要”。这个仓库是关于我在Figma中运用我的设计技能，并通过Flutter将其变为现实的实践！
目的地 1：关于项目 [2022年5月28日]
第一件事是思考“要设计和开发什么？”。在过去的几年里，我和我的朋友们一起组织了一个为期两周的机器学习暑期学校，名为MLDLS。我决定为MLDLS创建一个应用程序。它将包含学习资源、重要公告和一个用于讨论的论坛。
目的地 2：构思设计 [2022年5月28日]
为了开始设计，我的脑海里有一个草图。我知道该应用程序将包含以下屏幕
- 登录屏幕
- 主页（快速导航工具）
- 学习页面（学习资源）
- 讨论页面（讨论平台）
- 个人资料
目的地 3：通过Figma设计草稿 1 [2022年5月29日]
我开始使用Figma为上述页面设计UI。我创建了第一个草稿（如下方参考）。
目的地 4：获取反馈 [2022年5月30日]
这是我第一次UI设计。我知道我可能犯了很多错误。我想获得反馈。我在Twitter上发了消息（推文），并且还给我的一些从事UI/UX的朋友发了消息。以下是我收到的一些关键反馈
- 需要适当的对齐和填充
- 文本可见性可以提高
- 我还应该添加注册页面
- 登录按钮很重要。它应该更大
- 空间利用（退出按钮旁边的顶部区域占用了大量空间）
- 建议我可以使用两种字体的组合
- 建议使用更好的插图（Figma上的Icon8插件）
感谢所有在我推文下回复过的人，以及我亲自联系过的朋友（@0xSaurabh、@dwvicy 和 @Jpandya26）提出的建议和审查。
目的地 5：通过Figma设计草稿 2 [2022年5月31日]
在实施了建议的更改后，设计看起来如下：
目的地 6：使用Flutter编码 [2022年6月2日]
虽然我相信我的设计还会有一些迭代，但我还是开始用Flutter编码最新的草稿。随着我的设计不断完善，我也可以在Flutter中进行相应的更改。Flutter应用程序的代码可以在此仓库的“app”文件夹中找到。
子目的地 6.1：登录页面
设计登录页面。
