Web Design

  1. Design Tools and Workflow
    1. Design Software Categories
      1. Vector Graphics Editors
        1. Adobe Illustrator
          1. Sketch
            1. Figma
              1. Adobe XD
              2. Raster Graphics Editors
                1. Adobe Photoshop
                  1. GIMP
                    1. Affinity Photo
                    2. Prototyping and Collaboration Tools
                      1. Figma
                        1. Adobe XD
                          1. InVision
                            1. Principle
                              1. Framer
                            2. Design Systems and Documentation
                              1. Design System Components
                                1. Component Libraries
                                  1. Style Guides
                                    1. Pattern Libraries
                                      1. Design Tokens
                                      2. Design System Governance
                                        1. Maintenance Processes
                                          1. Version Control
                                            1. Team Adoption
                                            2. Documentation Best Practices
                                              1. Component Documentation
                                                1. Usage Guidelines
                                                  1. Code Examples
                                                2. Version Control for Design
                                                  1. Design File Management
                                                    1. Abstract for Design Version Control
                                                      1. Git Basics for Designers
                                                        1. Collaborative Design Workflows
                                                        2. Designer-Developer Collaboration
                                                          1. Design Handoff Preparation
                                                            1. Asset Export
                                                              1. Specification Documentation
                                                                1. Annotation Standards
                                                                2. Communication Strategies
                                                                  1. Design Reviews
                                                                    1. Feedback Loops
                                                                      1. Cross-Functional Meetings
                                                                      2. Design-to-Code Translation
                                                                        1. CSS Generation Tools
                                                                          1. Design System Integration
                                                                            1. Quality Assurance

                                                                        Previous

                                                                        7. Web Accessibility (a11y)

                                                                        Go to top

                                                                        Next

                                                                        9. Testing and Evaluation