Journal

Category

✶ Guides · Page 59

HarmonyOS NEXT ArkTS UI 模板:设计可复用: a glowing iPhone home-screen icon on a purple and blue gradient
Guides 4 min read

HarmonyOS NEXT ArkTS UI 模板:设计可复用

ArkTS 生态现成高质量模板不多,但设计思路能跨端复用。VP0 不产出 ArkTS 代码,但它的原生设计可当你在 ArkTS 里重建界面的参考标准。

Lawrence Arya · May 30, 2026
PSD3 开放银行授权移动端 UI 模板:清晰加安全: a vivid neon 3D App Store icon on an orange, pink and blue gradient
Guides 3 min read

PSD3 开放银行授权移动端 UI 模板:清晰加安全

PSD3 开放银行的授权同意界面是合规和体验的交汇点。用 VP0 挑个授权类原生设计喂给 AI,把范围、对象、期限说清楚,安全逻辑自己严控。

Lawrence Arya · May 30, 2026
裸辞做独立开发 免费 UI 源码救命合集: a vivid neon 3D App Store icon on an orange, pink and blue gradient
Guides 4 min read

裸辞做独立开发 免费 UI 源码救命合集

裸辞做独立开发,时间和钱都紧。与其买模板,不如用 VP0 免费设计库挑干净界面,交给 Cursor 重建自己的代码。

Lawrence Arya · May 30, 2026
React Native Shadcn 移动端平替组件库:要够原生: a glossy App Store icon on a blue, pink and orange gradient with bubbles
Guides 3 min read

React Native Shadcn 移动端平替组件库:要够原生

shadcn 是 Web 的,搬到 React Native 不直接可用。要找移动端平替,用 VP0 拿原生设计当基准,让 AI 生成贴合 RN 的组件,比硬搬 Web 组件原生。

Lawrence Arya · May 30, 2026
React Native 移动端页面模板源码:成套要风格一致: the App Store logo on a glass tile over a blue gradient with bubbles
Guides 3 min read

React Native 移动端页面模板源码:成套要风格一致

想要成套的 React Native 页面模板源码?零散开源模板拼起来常不搭。用 VP0 按页面用同一套设计语言生成,风格统一、代码是自己的。

Lawrence Arya · May 30, 2026
SwiftUI 日历健康钱包高保真 UI 源码:学模式做自己的: the App Store logo as a frosted glass icon on a pink and blue gradient with bubbles
Guides 3 min read

SwiftUI 日历健康钱包高保真 UI 源码:学模式做自己的

SwiftUI 高保真做日历、健康、钱包界面,难在数据和动效。与其抄具体 App,不如用 VP0 设计学模式,做出你自己的版本。

Lawrence Arya · May 30, 2026
SwiftUI 极简设计移动端开源模板:克制最考验细节: the App Store logo on a glass tile over a blue gradient with bubbles
Guides 3 min read

SwiftUI 极简设计移动端开源模板:克制最考验细节

SwiftUI 极简移动端模板,难在克制和细节。用 VP0 挑个极简原生设计让 AI 生成 SwiftUI,留白和层级照原生来,别写死颜色。

Lawrence Arya · May 30, 2026
Taro 小程序转 iOS 风格 UI 模板:难在转质感: a glass photo icon surrounded by chat, music, heart, camera and shopping app icons on a pastel gradient
Guides 3 min read

Taro 小程序转 iOS 风格 UI 模板:难在转质感

Taro 小程序转 iOS 风格,难点不在转代码而在转质感。用 VP0 拿 iOS 原生设计当目标,照着改导航、控件、间距,别漏深色。

Lawrence Arya · May 30, 2026
Uniapp 一比一 iOS UI 组件原包下载?照标准做更稳: the App Store logo on a glass tile over a blue gradient with bubbles
Guides 3 min read

Uniapp 一比一 iOS UI 组件原包下载?照标准做更稳

想下载 uni-app 一比一 iOS 组件原包?来路不明的包有授权和安全风险。更稳的是用 VP0 照原生标准做你自己的组件。

Lawrence Arya · May 30, 2026
老人关怀版特大按钮 App UI 模板: a phone toggle icon surrounded by location, calendar, settings, wallet and chart app icons on a coral gradient
Guides 4 min read

老人关怀版特大按钮 App UI 模板

给长辈做 App,大按钮、大字、强对比是底线。用 VP0 免费 iOS / React Native 设计库挑个干净布局,喂给 Cursor 重建适老界面。

Lawrence Arya · May 30, 2026
短剧 App 前端 React Native 组件做法: the App Store logo as a frosted glass icon on a pink and blue gradient with bubbles
Guides 4 min read

短剧 App 前端 React Native 组件做法

把短剧 App 拆成 React Native 组件:竖屏播放、卡点解锁、分销各管一摊。用 VP0 免费设计起步,交给 Cursor 生成。

Lawrence Arya · May 30, 2026
底部 Tabbar React Native 组件做法: a glass iPhone app-grid icon on a mint and teal gradient
Guides 4 min read

底部 Tabbar React Native 组件做法

用 React Native 做 iOS 原生风底部 Tabbar,靠 react-navigation 自定义 tabBar、角标、中间凸起按钮。VP0 免费起步。

Lawrence Arya · May 30, 2026
智能药盒吃药提醒 React Native 组件: a glass iPhone UI wireframe icon on a holographic purple gradient
Guides 4 min read

智能药盒吃药提醒 React Native 组件

把吃药提醒 App 拆成 React Native 组件:用药时间表、强提醒、服药记录、家人共享,提醒用 expo-notifications。VP0 免费起步。

Lawrence Arya · May 30, 2026
短剧 App 前端 UI 分集购买裂变模板:留得住才付费: a phone toggle icon surrounded by location, calendar, settings, wallet and chart app icons on a coral gradient
Guides 3 min read

短剧 App 前端 UI 分集购买裂变模板:留得住才付费

短剧 App 前端核心是好刷的竖屏播放、顺滑的分集解锁付费、能传播的裂变。用 VP0 挑短视频内容付费原生设计喂给 AI 生成。

Lawrence Arya · May 30, 2026
底部 Tabbar iOS 原生风格模板:最高频的导航: a glass iPhone app-grid icon on a mint and teal gradient
Guides 3 min read

底部 Tabbar iOS 原生风格模板:最高频的导航

底部 Tabbar 是 iOS 最高频的导航,原生味在图标、选中态、安全区这些细节里。用 VP0 挑原生 Tabbar 设计喂给 AI 生成。

Lawrence Arya · May 30, 2026
日历选择器 SwiftUI 移动端模板:单选范围都要对: a vivid neon 3D App Store icon on an orange, pink and blue gradient
Guides 3 min read

日历选择器 SwiftUI 移动端模板:单选范围都要对

日历选择器是高频控件,单选、范围、标记、切月都要做对。简单用 SwiftUI DatePicker,复杂日历用 VP0 设计喂给 AI 生成。

Lawrence Arya · May 30, 2026
空状态页面插画 React Native 组件做法: a vivid neon 3D App Store icon on an orange, pink and blue gradient
Guides 4 min read

空状态页面插画 React Native 组件做法

把空状态封成 React Native 组件,按无数据、搜索无果、出错给不同插画和引导,插画用 Lottie。VP0 免费起步。

Lawrence Arya · May 30, 2026
日历选择器 React Native 组件做法: a glass photo icon surrounded by chat, music, heart, camera and shopping app icons on a pastel gradient
Guides 4 min read

日历选择器 React Native 组件做法

用 React Native 做日历选择器,处理单选、范围选、禁用日和今天高亮,封成可复用组件。VP0 免费起步。

Lawrence Arya · May 30, 2026
空状态页面 SwiftUI ContentUnavailableView: a reflective 3D App Store icon on a blue and purple gradient
Guides 4 min read

空状态页面 SwiftUI ContentUnavailableView

SwiftUI 做空状态,用原生 ContentUnavailableView 一行就出,无数据、搜索无果、出错各给不同引导。VP0 免费起步。

Lawrence Arya · May 30, 2026
空状态页面插画移动端 UI 模板:把空白变引导: a glass app tile showing the VP0 logo on a pink and blue gradient
Guides 4 min read

空状态页面插画移动端 UI 模板:把空白变引导

空状态最容易被忽视,却常是新用户第一眼看到的页面。用 VP0 挑带空状态的原生设计喂给 AI 生成,把空白变成温和的引导。

Lawrence Arya · May 30, 2026
键盘遮挡输入框 React Native 修复模板: a vivid neon 3D App Store icon on an orange, pink and blue gradient
Guides 4 min read

键盘遮挡输入框 React Native 修复模板

键盘弹出挡住输入框是 React Native 的高频坑。用 VP0 免费设计库挑个带表单的界面,照原生方式重建,键盘不再挡。

Lawrence Arya · May 30, 2026
iOS 毛玻璃弹窗 SwiftUI 原生做法: a glass iPhone UI wireframe icon on a holographic purple gradient
Guides 4 min read

iOS 毛玻璃弹窗 SwiftUI 原生做法

用 SwiftUI 原生做毛玻璃弹窗,靠 Material 一行搞定模糊、presentationDetents 控制半屏。用 VP0 免费设计起步。

Lawrence Arya · May 30, 2026
iOS 毛玻璃弹窗 React Native 模板:层次比透明度重要: a glass app tile showing the VP0 logo on a pink and blue gradient
Guides 3 min read

iOS 毛玻璃弹窗 React Native 模板:层次比透明度重要

iOS 毛玻璃弹窗好看的关键在层次和对比,不是调低透明度。免费做法是用 VP0 挑个带毛玻璃的原生设计,喂给 Cursor 或 Claude Code 生成代码。

Lawrence Arya · May 30, 2026
OTP 验证码输入 SwiftUI 原生做法: a glass iPhone UI wireframe icon on a holographic purple gradient
Guides 4 min read

OTP 验证码输入 SwiftUI 原生做法

用 SwiftUI 原生做验证码输入框,靠 FocusState 管焦点、onChange 自动跳格、numberPad 键盘。用 VP0 免费设计起步。

Lawrence Arya · May 30, 2026