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

130 天前
 ViggoZ

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

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

技术亮点

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

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

未来计划

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

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

结语

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

也可以在 twitter 上找到我

2840 次点击
所在节点    程序员
38 条回复
cjh1095358798
129 天前
@ViggoZ 包括交互都是 cursor 写好的，然后你用 tailwindcss 调样式吗，目前我看其他人分享的 cursor 项目包括我自己写的一些 cursor 实现功能都不错，但是 ui 这一块基本上还是按照 cursor 生成的为主，如果要做成完善的用户体验好项目还需要设计还原，这部分你做得很好，可以分享下如何做设计到代码实现这块用 cursor 详细实现吗，或者期待出一个视频分享，关注你的 twitter 了
ViggoZ
129 天前
@cjh1095358798 因为我本来就是做设计的，这些样式都是自己直接上手改的，跟做设计差不多，边找好看的网站参考，边让 AI 帮我改，基本都是一点一点改，就按钮大一点，间距小一点，用 cursor 的 ⌘+K 比较多，或者就是 Chat 直接问。我 twitter 上会发一些分享，有空
xuAN111
129 天前
cursor 很好用啊，目前已经替代 vscode 成为主力了。
tianzeteam
129 天前
op 请教个问题，图标 Screenshots 资源是哪里来的
lizy0329
129 天前
Cursor 好像知道我要做什么似的，就是免费 得 2000 completions 用得太快了，写两行就没了
lizy0329
129 天前
@GeekGao 先画个线框图给 V0 ，再告诉 Cursor 自己要做什么，不断调用 ask/edit 功能，再自己了解下 tailwind 排版规则，应该是不难得
Dragonphy
129 天前
不是，哥们儿，这我还搞鸡毛编程啊，学设计去了
ViggoZ
129 天前
@tianzeteam 苹果官方的 API
cPO3Im7cn3lD39cU
129 天前
哈哈哈 除非 lz 开源源码 要不然这绝对是推广帖
hhacker
129 天前
一天两稿洗 v2, 三番五次推 cursor
ixinshang
129 天前
眼熟的 OP ， 某个导航网站的作者？
ViggoZ
129 天前
@tpjaord 开源也不是不行，我已经开源了好多个项目了
gogogo1203
129 天前
你那个 get-all-app-info fetch 也太离谱了。跟上次那个做 checkplug 的一样， 花点时间在编程基础和看看 production ready 的 repo . Cursor 再好用，你也要问对问题。
ViggoZ
129 天前
@gogogo1203 说实话你说的这些我看不懂，我就当你是在炫技了，没问题的，我确实不懂代码， 我也只是用现有的 AI 工具做出来我想要的东西，自己能用，也能帮到别人，我的目的就达到了，并没有什么离谱不离谱的一说。
gogogo1203
129 天前
@ViggoZ 离谱的意思是 fetch 太大，等待时间太长，传了整个 app 里 5000 多个 icon 的几万行 json. 炫技没有，我只是看了太多 cursor\claude 拼出来的东西。 当初我自学编程要几千个小时，现在不会编程的人利用 AI 可能几百个小时就能达到很高的地步。可惜绝大部分的人不会去专研一下。
ViggoZ
128 天前
@gogogo1203 等待时间太长这个问题我知道的，技术方案我是有考虑过的，我当然是问了 AI ，也问了朋友的，权衡利弊的方案才用的 json ，用 AI 的意义是在于之前学习代码成本太高，做不出来东西，现在能做出来了，至于做的好不好，是需要时间学习的，不是说不专研，都是需要过程的。
gogogo1203
128 天前
@ViggoZ 我纯粹是建议而已。copilot\gpt4\claude\cursor 我都是很早就开始用了，我知道 AI 能实现什么。像你转过的那个 check plug 项目， 完全经不起推敲, 具体你可以看一下 https://tanronggui.xyz/t/1075261?p=1#reply46
cPO3Im7cn3lD39cU
125 天前
@ViggoZ 支持开源 开的时候 请 at 我 谢谢

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://tanronggui.xyz/t/1074865

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX