🥤

可乐

ChunYu · 发现更多精彩

👤
🔒
其他登录方式
💬
🐧
🔴
🍎

A. 微信极简风

极简高留白白色系

参考微信登录的极简设计语言,大面积留白配合轻量输入框,信息层级清晰。适合追求简洁高效体验的工具类产品。

  • 灰白渐变背景,柔和不刺眼
  • 圆角白色输入框,聚焦时边框变色
  • 渐变胶囊主按钮
  • 第三方登录入口
  • 登录/注册分离页面

欢迎回来
可乐用户 ☕

登录即可同步数据,体验全部功能

📧
🔑
其他方式
💬
🐧
🍎

B. 渐变卡片风

渐变毛玻璃现代

紫色渐变背景 + 毛玻璃卡片,类似支付宝/抖音的视觉风格。底部卡片承载表单,上方留出品牌空间,视觉冲击力强。

  • 全屏渐变背景 + 模糊光球装饰
  • 毛玻璃(glassmorphism)卡片容器
  • 登录/注册 Tab 切换,同卡片内完成
  • 圆角输入框带 focus 动效
  • 第三方登录 + 协议勾选
🥤

可乐

ChunYu · 发现更多精彩

👤
🔒
其他登录方式
💬
🐧
🔴
🍎

C. 暗黑沉浸风

暗黑沉浸式橙红渐变

上半部暗色沉浸式品牌展示 + 下半部白色底部弹出卡片。参考抖音/小红书的登录页设计,品牌感强,用户进入时有仪式感。

  • 暗色全屏背景 + 发光色块装饰
  • 底部弹出式(Bottom Sheet)白色卡片
  • 品牌 icon 呼吸动画
  • 橙红渐变主按钮,视觉冲击力
  • Tab 切换登录/注册,同页完成
🥤

可乐

登录以同步您的数据

或通过以下方式登录
💬
微信
🐧
QQ
🍎
Apple
🔴
微博
登录/注册即表示同意 用户协议 和 隐私政策

D. Apple 极简风

极简黑白高端

参考 Apple 登录页的极致克制设计。黑白为主色调,排版疏朗,交互微动效。适合面向中高端用户的工具类产品。

  • Apple 标志性灰色背景 #f5f5f7
  • 密码登录 / 验证码登录 子 Tab 切换
  • 黑色主按钮 + 白色 Ghost 按钮
  • "记住我" 复选框
  • 社交登录带图标+标签
🥤

可乐

温暖每一天,从登录开始

👤
🔒
其他登录方式
💬
🐧
🍎
🔴

E. 暖色活力风

暖色渐变活力

珊瑚粉 + 蜜桃色暖系渐变,参考小红书/美团的设计风格。温馨有活力,适合生活服务类和社区类产品。

  • 蜜桃粉暖色渐变背景
  • 白色卡片承载表单
  • 橙红渐变主按钮
  • 品牌 icon 弹跳动画
  • Tab 切换登录/注册