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

2024-09-22 22:02:56 +08:00
 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 上找到我

3549 次点击
所在节点    程序员
39 条回复
kneo
2024-09-22 22:08:16 +08:00
以前我对 cursor 帖子是不是推广还半信半疑，现在我完全信了就是推广。不然不可能这么强调 cursor ，不仅放在标题，内容里还高亮。
ztm0929
2024-09-22 22:20:55 +08:00
@kneo Cursor 确实有付费推广，在 YouTube 上是有标明的。我倒是很好奇 V2EX 的推广是如何统计与结算的。似乎这个平台还算是小众。
ViggoZ
2024-09-22 22:45:19 +08:00
@kneo 哈哈 可以很确定的告诉你，不是推广。你们是开发不知道 cursor 的好，如果你们压根不会写代码用 cursor 就知道为什么好用了。我就不做解释了。
ViggoZ
2024-09-22 22:48:10 +08:00
@ztm0929 有联系方式的话发我，我去联系要个广告费
ztm0929
2024-09-22 23:59:33 +08:00
@ViggoZ 抱歉让你误解了，我没有证据说你是 Cursor 推广…我的本意是从 YouTube 观看体验推断 Cursor 有大量推广。
R4rvZ6agNVWr56V0
2024-09-23 02:47:24 +08:00
UI 蛮好看。 你是怎么实现效果图到代码的，Cursor 可以做到嘛？
guiyumin
2024-09-23 02:50:29 +08:00
@kneo cursor 用来糊增删改查的代码，确实太尼玛高效了，不服不行啊
MYDB
2024-09-23 03:18:09 +08:00
推广越多越难用的玩意，打着周刊名义发布广告，可能背后是一个矩阵发广的小团队，没细查 懒得去挖，block 了，域名也 dns 主动屏蔽了，并已提交至各大主流的广告屏蔽规则列表
marquina
2024-09-23 08:00:46 +08:00
赞👍
想交流一些问题。nextjs 的选型是如何做出的？ ui 库用的是哪一个？
vsitebon
2024-09-23 08:41:35 +08:00
@kneo #1 其实还有一个原因是因为最近 cursor 相关的内容就自带流量，不标在标题上没办法吸引流量
tqyq88
2024-09-23 08:56:53 +08:00
没用过 cursor ，有个小疑问，随着需求的迭代，最后 cursor 会堆出屎山吗？
kneo
2024-09-23 09:05:32 +08:00
@vsitebon 呃……那他应该知道只要发就会被质疑是不是拿钱了……
rqYzyAced2NbD8fw
2024-09-23 09:11:33 +08:00
Cursor, Cursor Cursor Cursor, AI, Cursor, **Cursor**, Curcurcurssor, Cursor > Copilot, Cursor cursor cursor
wzl2368014742
2024-09-23 09:17:41 +08:00
看起来确实像推广，不过确实好用
kxg3030
2024-09-23 09:17:59 +08:00
@ViggoZ 你这话说的就假了 “不是推广不知道 cursor 的好” 你在说什么玩意 还有比开发更能理解 cursor 便利的么 举报
cjh1095358798
2024-09-23 09:58:49 +08:00
效果很不错，ui 是你自己出的设计图让 cursor 实现的吗，这些 app 的数据是哪里来的呢
tracebundy
2024-09-23 10:07:23 +08:00
用下来 Cursor 确实是最强的。但不能支持 Jetbrains 还是选择 Copilot
ViggoZ
2024-09-23 10:21:13 +08:00
@marquina tailwindcss 的基础样式我会一些，AI 给了简陋的界面我自己手动去改，或者参考一些 tailwind 模板样式让 AI 自己改，或者我自己手动改。
ViggoZ
2024-09-23 10:22:05 +08:00
@GeekGao 我基本没有设计稿，都是做一步看一步，我个人感觉直接设计稿生成代码不太好用
ViggoZ
2024-09-23 10:24:51 +08:00
@cjh1095358798 UI 是我自己改的，tailwindcss 样式还是很好写的，可以让 AI 辅助来写，比如“这个按钮用黑色描边，内边距大一点”等等这种。等于是之前花 UI 稿，现在直接用 tailwind 来写样式就行了。

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

https://ex.noerr.eu.org/t/1074865

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

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

© 2021 V2EX