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- Polymorphic Components
29    - [Polymorphic Component Overview](multimodal-component-overview.md)
30    - [Bottom Tab](multimodal-bottom-tab.md)
31    - [Subtab](multimodal-subtab.md)
32    - [Title Bar](multimodal-title-bar.md)
33    - [Sidebar](multimodal-sidebar.md)
34    - [Page Indicator](multimodal-swiper.md)
35    - [Stepper](multimodal-stepper.md)
36    - [Text](multimodal-text.md)
37    - [Divider](multimodal-divider.md)
38    - [Progress Bar](multimodal-progress-bar.md)
39    - [Badge](multimodal-badge.md)
40    - [Instant Tip](multimodal-instant-tip.md)
41    - [Bubble](multimodal-bubble.md)
42    - [Data Panel](multimodal-data-panel.md)
43    - [Button](multimodal-button.md)
44    - [Radio Button](multimodal-radio-button.md)
45    - [Check Box](multimodal-check-box.md)
46    - [Scrollbar](multimodal-scrollbar.md)
47    - [Slider](multimodal-slider.md)
48    - [Toggle](multimodal-toggle.md)
49    - [Text Box](multimodal-text-box.md)
50    - [Index Bar](multimodal-index-bar.md)
51    - [Drop-Down List](multimodal-drop-down-menu.md)
52    - [State Button](multimodal-state-button.md)
53    - [Picker](multimodal-picker.md)
54    - [Rating Bar](multimodal-rating-bar.md)
55    - [Dialog](multimodal-dialog.md)
56    - [Panel](multimodal-slidable-panel.md)
57    - [Menu](multimodal-menu.md)
58    - [Pull to refresh](multimodal-pull-to-refresh.md)
59    - [Search Box](multimodal-search-box.md)
60    - [Tick Box](multimodal-tick-box.md)
61- [Design Checklist](design-checklist.md)
62- [Resources](design-resources.md)
63- Design Deliverables
64    - [Design Deliverable Overview](design-deliverable-overview.md)
65    - [Effect Drawings](design-effect-drawings.md)
66    - [Annotated Drawings](design-annotated-drawings.md)
67    - [Design Specifications](design-specifications.md)
68    - [Sliced Images](design-map-cached-drawings.md)
69