# OpenHarmony Application UX Design Specifications

- [Application UX Design Principles](app-ux-design.md)
- Application Architecture Design
    - [Application Navigation Structure Design](app-navigation-structure-design.md)
    - [Application Page Structure Design](app-page-structure-design.md)
- UI Layout
    - [UI Layout Overview](ui-layout-overview.md)
    - Layout Basis
        - [Grid System](grid-system.md)
        - [Adaptive Layout](adaptive-layout.md)
        - [Responsive Layout](responsive-layout.md)
    - [Layout Use Cases](ui-layout-cases.md)
- Human-Computer Interaction
    - [Human-Machine Interaction Basis](human-machine-interaction-basis.md)
    - [Typical Input Modes](typical-input-modes.md)
    - [Unified Interaction Events](unified-interaction-events.md)
- Visual Style
    - [Visual Basis](visual-basis.md)
    - [Colors](visual-colors.md)
    - [Fonts](visual-fonts.md)
    - [System Icons](visual-icons.md)
    - [Application Icons](visual-app-icons.md)
- Animation
    - [Animation Overview](animation-overview.md)
    - [Animation Design Principles](animation-design-principles.md)
    - [Animation Attributes](animation-attributes.md)
- Polymorphic Components
    - [Polymorphic Component Overview](multimodal-component-overview.md)
    - [Bottom Tab](multimodal-bottom-tab.md)
    - [Subtab](multimodal-subtab.md)
    - [Title Bar](multimodal-title-bar.md)
    - [Sidebar](multimodal-sidebar.md)
    - [Page Indicator](multimodal-swiper.md)
    - [Stepper](multimodal-stepper.md)
    - [Text](multimodal-text.md)
    - [Divider](multimodal-divider.md)
    - [Progress Bar](multimodal-progress-bar.md)
    - [Badge](multimodal-badge.md)
    - [Instant Tip](multimodal-instant-tip.md)
    - [Bubble](multimodal-bubble.md)
    - [Data Panel](multimodal-data-panel.md)
    - [Button](multimodal-button.md) 
    - [Radio Button](multimodal-radio-button.md)
    - [Check Box](multimodal-check-box.md)
    - [Scrollbar](multimodal-scrollbar.md)
    - [Slider](multimodal-slider.md)
    - [Toggle](multimodal-toggle.md)
    - [Text Box](multimodal-text-box.md) 
    - [Index Bar](multimodal-index-bar.md)
    - [Drop-Down List](multimodal-drop-down-menu.md)
    - [State Button](multimodal-state-button.md)
    - [Picker](multimodal-picker.md)
    - [Rating Bar](multimodal-rating-bar.md)
    - [Dialog](multimodal-dialog.md)
    - [Panel](multimodal-slidable-panel.md)
    - [Menu](multimodal-menu.md)
    - [Pull to refresh](multimodal-pull-to-refresh.md)
    - [Search Box](multimodal-search-box.md)
    - [Tick Box](multimodal-tick-box.md)
- [Design Checklist](design-checklist.md)
- [Resources](design-resources.md)
- Design Deliverables
    - [Design Deliverable Overview](design-deliverable-overview.md)
    - [Effect Drawings](design-effect-drawings.md)
    - [Annotated Drawings](design-annotated-drawings.md)
    - [Design Specifications](design-specifications.md)
    - [Sliced Images](design-map-cached-drawings.md)