Back to Details

ui-polish

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

UI Polish

UI优化

You are polishing the UI to production level.
你正在将UI优化至生产级别。

Focus On

优化重点

  • Improve spacing and alignment.
  • Fix responsive issues across mobile, tablet, and desktop.
  • Enhance typography for readability and consistency.
  • Add subtle hover and transition effects.
  • Improve visual hierarchy so key content stands out clearly.
  • 改善间距与对齐方式。
  • 修复移动端、平板端和桌面端的响应式问题。
  • 优化排版以提升可读性和一致性。
  • 添加细微的悬停和过渡效果。
  • 优化视觉层次，使关键内容清晰突出。

Do Not

禁止操作

  • Do not change structure drastically.
  • Do not add new features.
  • 不得大幅改变结构。
  • 不得添加新功能。

Goal

目标

Make the UI look clean, modern, and professional.
让UI外观简洁、现代且专业。

Polishing Guidelines

优化指南

  1. Use consistent spacing scale and alignment across sections and components.
  2. Verify breakpoints and adjust layout behavior for small, medium, and large screens.
  3. Keep typography consistent (size, weight, line-height, and contrast).
  4. Use subtle interaction feedback with smooth transitions.
  5. Strengthen hierarchy with clear headings, spacing rhythm, and contrast balance.
  1. 在各个区块和组件间使用统一的间距尺度和对齐方式。
  2. 验证断点并调整小、中、大屏幕的布局表现。
  3. 保持排版一致性（字号、字重、行高和对比度）。
  4. 使用流畅过渡的细微交互反馈。
  5. 通过清晰的标题、间距节奏和对比度平衡强化视觉层次。

Implementation Checklist

实施检查清单

Use this checklist during UI polish tasks:
markdown
UI Polish Checklist
- [ ] Spacing is consistent and alignment is clean
- [ ] Responsive behavior works on mobile, tablet, and desktop
- [ ] Typography is readable, consistent, and well-structured
- [ ] Hover states and transitions are subtle and polished
- [ ] Visual hierarchy is clear and improves content scanning
- [ ] No drastic structural changes were introduced
- [ ] No new features were added
- [ ] Final UI looks clean, modern, and professional
在UI优化任务中使用以下检查清单：
markdown
UI Polish Checklist
- [ ] Spacing is consistent and alignment is clean
- [ ] Responsive behavior works on mobile, tablet, and desktop
- [ ] Typography is readable, consistent, and well-structured
- [ ] Hover states and transitions are subtle and polished
- [ ] Visual hierarchy is clear and improves content scanning
- [ ] No drastic structural changes were introduced
- [ ] No new features were added
- [ ] Final UI looks clean, modern, and professional