我的作品 【野路子开发】不会编程的设计师如何做网站? Cursor AI 带我一周开发 App 图标库

ViggoZ · 2024年09月22日 · 最后由 huaguang 回复于 2024年09月24日 · 242 次阅读

APPLORE - 探索 App 图标设计的宝库

大家好,我是一名设计师,现在算半个独立开发者。最近我花了一周的时间,开发了一个叫 APPLORE 的网站,专门用于探索和分析 App 图标设计。给大家介绍一下这个项目: APPLORE

APPLORE 预览图

项目背景

作为一个搞了 8 年的设计师,我一直对 App 图标 LOGO 的设计很感兴趣。每次浏览 App Store ,有很多好看的图标,但是也有很多辣眼睛的图标。如果有一个专门收集展示和分析好看的 App 图标的平台就好了。于是, APPLORE 的想法应运而生。

开发过程

整个开发过程大约花了一周时间。用 Next.js 作为主要框架, 借助 Cursor AI 的帮助快速编写代码。我不是专业的开发,所以我是完全借助 Cursor AI 帮我开发的这个项目

主要功能

APPLORE 的核心功能包括:

  1. 按类别、颜色或发布日期浏览 App 图标
  2. 查看每个 App 的详细信息
  3. 分析 App 图标的配色方案
  4. 创建和管理自定义图标收藏
  5. 强大的搜索功能
  6. 提交新的 App 图标到数据库

APPLORE 截图

技术亮点

在开发过程中,我特别关注了以下几个技术点:

  1. 使用 R2 存储来高效管理大量图标文件
  2. 实现了流畅的无限滚动加载
  3. 采用响应式设计,确保在各种设备上的良好体验
  4. 优化了图标加载速度,提供流畅的浏览体验

未来计划

APPLORE 目前还处于初期阶段,我计划在未来添加更多功能,如:

  1. 图标设计趋势分析
  2. 图标风格筛选查看

结语

开发 APPLORE 对于一直做设计的人来说非常有趣。我希望这个工具能为设计师、开发者以及 App 爱好者们提供价值。欢迎大家访问 APPLORE 体验,也期待听到你们的反馈和建议!

也可以在 twitter 上找到我

网站很好看

不愧是设计师,体验和交互非常好!

需要 登录 后方可回复, 如果你还没有账号请 注册新账号