AI+UI Practical Course: Full 10-Week Program | Icon IP Ops Visual | Written-Test Portfolio Motion, Complete Landing Tutorial

Course Introduction
The 2026 Issue 5 Caixin AI+UI new-process systematic course runs 10 weeks with 30 core lessons, combining live + recorded + homework-review teaching, plus a bonus ZCOCOL hot-motion special. It teaches step by step from AI icons, interface refinement, B-end visuals, IP mascots, badge levels to campaign visuals, covering portfolio packaging, big-tech written tests, competitor experience analysis, interactive prototypes and the whole job pipeline, with full hands-on netdisk assets, fully opening up the standardized AI-assisted UI workflow from asset generation and page implementation to a job-ready portfolio.

Who Should Learn

1. Beginner designers with zero base who want to switch into AI UI design
2. Traditional UI designers who want AI to speed up output
3. Practitioners who can't yet build IP, campaign visuals or a portfolio
4. Design newbies preparing for big-tech UI/UX written tests
5. Experience designers who want to master interface motion and interactive prototypes

What You'll Gain

1. Master the full output method for AI icons, interfaces, IP and campaign visuals
2. Master the standardized design process for B-end controls and badge-level systems
3. Learn portfolio packaging and complete approaches for big-tech written tests
4. Master competitor analysis, experience maps and interactive prototyping
5. Learn 3 types of commercial UI motion to sharpen your project competitiveness

Course Outline

Full 10-Week Outline
Week 1 | AI Icon Design Basics

1. Live: AI-assisted icon design
       Linear and solid icon basics
       Creative thinking for icons
       Light and shadow basics for textured icons
       Remove AI-generated traces and lift icon quality
       Quickly output a full set of high-quality creative icons
2. Video: Quick drafting methods for line/solid icons
3. Bonus: Week 1 live homework review

Week 2 | AI Interface Design Refinement

1. Live: AI-assisted interface design
       Six underlying refinement logics of interface design
       AI quickly generates interface source-file frameworks
       Aesthetic upgrades that raise design quality
2. Video: Hands-on refinement of the main interface visual
3. Bonus: Week 2 live homework review

Week 3 | AI Visual Style Setting & B-end Interface

1. Live: AI-assisted style setting
       Core steps of style setting
       AI's key role in locking the style
       AI extends a whole set of tasteful component libraries
2. Video: B-end interface and traditional-style switch hands-on
3. Bonus: Week 3 live homework review

Week 4 | AI Mascot IP Full-Process Design

1. Live: AI-assisted IP design and extension
       Principles for creative IP mascot design
       Key points of combining mascots with UI design
       AI quickly generates multi-pose mascot extensions
       Unify mascot visual style and design quality
2. Video: Character IP extension hands-on
       Bonus recording: short tutorial on dynamic mascot generation
3. Bonus: Week 4 live homework review

Week 5 | Badge and Level Visual System Design

1. Live: AI-assisted level system
       Build visual level atmosphere
       AI batch-generates level assets fast
       Hard points of fusing the level system into pages
2. Video: Badge generation and editing, visual card design
3. Bonus: Week 5 live homework review

Week 6 | AI Campaign Visuals and Event Interfaces

1. Live: AI-assisted campaign design
       Theory of visual hierarchy
       AI quickly builds onboarding pages
       AI quickly outputs a full set of campaign visuals
2. Video: Visual campaign interface design, B-end style design
3. Bonus: Week 6 live homework review

Week 7 | AI Portfolio Packaging

1. Live: AI-assisted portfolio packaging
       Complete portfolio framework
       Portfolio style setting and key visual touchpoints
       AI produces supporting portfolio assets
2. Video: Visual portfolio packaging tips
       Bonus recording: non-visual portfolio packaging tutorial
3. Bonus: Week 7 live homework review

Week 8 | Big-tech UI Written Test & Portfolio Presentation

1. Live: AI-assisted written-test questions and expression
       Complete framework for AI-assisted written tests
       High-level professional vocab for presenting work
       Must-have design elements for test work
2. Video: Big-tech test approaches, portfolio structure and presentation
3. Bonus: Week 8 live homework review

Week 9 | UX Optimization and Competitor Analysis

1. Live: Methods and techniques of experience optimization
       Core value of experience-optimization design
       Must-know optimization tricks for UI designers
       Tear-down of real big-tech project optimization cases
2. Video: Experience maps and competitor analysis
       Build basic business understanding
       Complete deliverables of competitor analysis
       Tools and hands-on methods for UX maps
3. Bonus: Week 9 live homework review

Week 10 | Interaction Design & UX Designer Job Portfolio

1. Live: Sorting out core interaction methods
       Basic theory of interaction design
       5 core methods of interaction structuring
       Full hands-on interactive prototype of the core product flow
2. Video: Portfolio content planning for UX designers
       Categorize UX project proposal approaches
       Complete method for building a UX portfolio
       Portfolio content that boosts your job chances
3. Bonus: Week 10 live homework review

New bonus sessions: ZCOOL homepage-featured hot-case motion class
Full-process motion teaching on three complete commercial cases:

1. Sports-event UI motion (mini-game app interface motion)
2. Brand flat motion for 'Movie Crew x Kitty Mansion'
3. IP character motion for 'Ostrich Badminton Brand IP · Kitty Mansion'

Netdisk video file list (mapped to the course)

1. 1 AI-assisted icon design
2. 02 Quick drafting for line/solid icons (fine-cut recorded)
3. 3 Week 1 homework review
4. 4 Week 1 homework review (71-150)
5. 5 AI-assisted interface design (incl. homework assignment)
6. 6 Hands-on refinement of the main interface visual (fine-cut recorded)
7. 7 Week 2 homework review (71-150)
8. 8 Week 2 homework review (1-70)
9. 9 AI-assisted style setting (incl. homework assignment)
10. 12 AI-assisted IP design and extension (incl. homework)
11. 13 Character IP extension (fine-cut recorded)
12. 14 Week 4 homework review
13. 15 Dynamic mascot generation (short recorded)
14. 16 AI-assisted badge style setting (incl. homework)
15. 17 AI-assisted badge design system
16. 18 Week 5 homework review
17. 19 AI-assisted campaign visual design
18. 20 Visual campaign interface design
19. 21 B-end style design
20. 22 Week 6 homework review (1-150)
21. 23 Non-visual portfolio packaging (incl. homework)
22. 24 Visual portfolio packaging tips (fine-cut recorded)
23. 25 Week 7 homework review (1-150)
24. 26 AI-assisted written-test questions and expression
25. 27 Portfolio structure and presentation approach (fine-cut recorded)