Design
Design methods and practice notes under "General Tracks": visual design basics, UI & design systems, interaction & information architecture, usability & accessibility, and design–development collaboration. This page currently registers the five topic pages as placeholders, which will be filled in progressively.
Registered Placeholder Pages
- Visual Design Basics
- UI & Design System
- Interaction & Information Architecture
- Usability & Accessibility
- Design-Development Collaboration
Planned Topics
| Topic | Description | Status |
|---|---|---|
| Visual design basics | Layout, color, typography, hierarchy, brand consistency | Placeholder |
| UI & design system | Design tokens, components, icons, dark mode (implementation links to Frontend Styling) | Placeholder |
| Interaction & IA | Task flows & states, navigation & structure, prototypes & micro-interactions | Placeholder |
| Usability & accessibility | Usability testing, WCAG baseline, accessibility audit | Placeholder |
| Design-development collaboration | Handoff specs, walkthroughs, fidelity acceptance | Placeholder |
Next Steps
- [ ] Complete each placeholder page item by item against the planning checklist
- [ ] Register new pages in the
config.mjssidebar and sync this overview - [ ] Change the status from "Placeholder" to "Collected" when done
For writing guidelines, please refer to the Writing Guide.