1# OpenHarmony Application UX Design Specifications
2
3- [Application UX Design Principles](app-ux-design.md)
4- Application Architecture Design
5    - [Application Navigation Structure Design](app-navigation-structure-design.md)
6    - [Application Page Structure Design](app-page-structure-design.md)
7- UI Layout
8    - [UI Layout Overview](ui-layout-overview.md)
9    - Layout Basis
10        - [Grid System](grid-system.md)
11        - [Adaptive Layout](adaptive-layout.md)
12        - [Responsive Layout](responsive-layout.md)
13    - [Layout Use Cases](ui-layout-cases.md)
14- Human-Computer Interaction
15    - [Human-Machine Interaction Basis](human-machine-interaction-basis.md)
16    - [Typical Input Modes](typical-input-modes.md)
17    - [Unified Interaction Events](unified-interaction-events.md)
18- Visual Style
19    - [Visual Basis](visual-basis.md)
20    - [Colors](visual-colors.md)
21    - [Fonts](visual-fonts.md)
22    - [System Icons](visual-icons.md)
23    - [Application Icons](visual-app-icons.md)
24- Animation
25    - [Animation Overview](animation-overview.md)
26    - [Animation Design Principles](animation-design-principles.md)
27    - [Animation Attributes](animation-attributes.md)
28    - [Transition Animations](transition-animation.md)
29    - [Gesture Animations](gesture-animation.md)
30- Polymorphic Components
31    - [Polymorphic Component Overview](multimodal-component-overview.md)
32    - [Bottom Tab](multimodal-bottom-tab.md)
33    - [Subtab](multimodal-subtab.md)
34    - [Title Bar](multimodal-title-bar.md)
35    - [Sidebar](multimodal-sidebar.md)
36    - [Page Indicator](multimodal-swiper.md)
37    - [Stepper](multimodal-stepper.md)
38    - [Text](multimodal-text.md)
39    - [Divider](multimodal-divider.md)
40    - [Progress Bar](multimodal-progress-bar.md)
41    - [Badge](multimodal-badge.md)
42    - [Instant Tip](multimodal-instant-tip.md)
43    - [Bubble](multimodal-bubble.md)
44    - [Data Panel](multimodal-data-panel.md)
45    - [Button](multimodal-button.md)
46    - [Radio Button](multimodal-radio-button.md)
47    - [Check Box](multimodal-check-box.md)
48    - [Scrollbar](multimodal-scrollbar.md)
49    - [Slider](multimodal-slider.md)
50    - [Toggle](multimodal-toggle.md)
51    - [Text Box](multimodal-text-box.md)
52    - [Index Bar](multimodal-index-bar.md)
53    - [Drop-Down List](multimodal-drop-down-menu.md)
54    - [State Button](multimodal-state-button.md)
55    - [Picker](multimodal-picker.md)
56    - [Rating Bar](multimodal-rating-bar.md)
57    - [Dialog](multimodal-dialog.md)
58    - [Panel](multimodal-slidable-panel.md)
59    - [Menu](multimodal-menu.md)
60    - [Pull to refresh](multimodal-pull-to-refresh.md)
61    - [Search Box](multimodal-search-box.md)
62    - [Tick Box](multimodal-tick-box.md)
63- [Design Checklist](design-checklist.md)
64- [Resources](design-resources.md)
65- Design Deliverables
66    - [Design Deliverable Overview](design-deliverable-overview.md)
67    - [Effect Drawings](design-effect-drawings.md)
68    - [Annotated Drawings](design-annotated-drawings.md)
69    - [Design Specifications](design-specifications.md)
70    - [Sliced Images](design-map-cached-drawings.md)
71