OpenHarmony Application UX Design Specifications

• Application UX Design Principles
• Application Architecture Design
  • Application Navigation Structure Design
  • Application Page Structure Design
• UI Layout
  • UI Layout Overview
  • Layout Basis
    • Grid System
    • Adaptive Layout
    • Responsive Layout
  • Layout Use Cases
• Human-Computer Interaction
  • Human-Machine Interaction Basis
  • Typical Input Modes
  • Unified Interaction Events
• Visual Style
  • Visual Basis
  • Colors
  • Fonts
  • System Icons
  • Application Icons
• Animation
  • Animation Overview
  • Animation Design Principles
  • Animation Attributes
  • Transition Animations
  • Gesture Animations
• Polymorphic Components
  • Polymorphic Component Overview
  • Bottom Tab
  • Subtab
  • Title Bar
  • Sidebar
  • Page Indicator
  • Stepper
  • Text
  • Divider
  • Progress Bar
  • Badge
  • Instant Tip
  • Bubble
  • Data Panel
  • Button
  • Radio Button
  • Check Box
  • Scrollbar
  • Slider
  • Toggle
  • Text Box
  • Index Bar
  • Drop-Down List
  • State Button
  • Picker
  • Rating Bar
  • Dialog
  • Panel
  • Menu
  • Pull to refresh
  • Search Box
  • Tick Box
• Design Checklist
• Resources
• Design Deliverables
  • Design Deliverable Overview
  • Effect Drawings
  • Annotated Drawings
  • Design Specifications
  • Sliced Images