The UI/UX Design course approaches user interface and user experience design from a design-centric viewpoint, providing practical, skill-based training oriented on visual communications, rather than marketing or programming alone. The students will outline and demonstrate the entire user interface/user experience creation process, from user research to establishing the project's strategy, scope, and information architecture, to building sitemaps and wireframes. They'll study current user experience design best practices and conventions and apply them to develop effective and captivating screen-based experiences for websites and mobile applications.
Course Outline:
- Introduction to UI/UX
- What is UI vs UX
- Basics of Visual & Web Design
- Web Design Process
- Tools for UI/UX
- Introduction to Adobe XD
- Familiarizing with Adobe XD Interface
- Lines and Shapes
- Basic Colors
- Grouping Objects
- Aligning Objects
- Transforming Objects (Rotate, Flip horizontally/vertically)
- Text Elements
- Components and Artboards
- Making and managing components
- New pages and artboards
- Importing and Editing Images
- Pen Tool
- Masking
- Styling Objects (Gradients, Shadows, Object/Background Blur)
- Exporting in Adobe XD
- Introduction to Prototyping
- Repeat grids
- Prototyping
- Anchor Links and Overlays
- Adding interactivity
- Advanced Prototyping
- Fixed Position Elements
- Scroll Groups
- Timed Transition
- Finishing the project
- Sharing your project
- Teacher: Joanne Kristine Costo
- Teacher: Prince Charles Velarde