UI/UX SYLLABUS

Introduction to Graphic Design

• Definition of Graphic Design:

• Exploring the role of graphic design in visual communication and branding.

• Overview of different types of graphic design, including print design, digital design, and
branding.

• Principles of Graphic Design:

• Understanding fundamental design principles such as composition, typography, color

theory, and visual hierarchy.

• Exploring how these principles apply to various design projects and mediums.

Graphic Design Tools and Software

• Introduction to Graphic Design Software:

• Overview of popular graphic design software such as Adobe Illustrator, Adobe

Photoshop, or Affinity Designer.

• Explanation of the purpose and capabilities of each tool in the context of graphic
design.

• Hands-on Practice:

• Guided tutorial on using the selected graphic design software to create digital artwork
and designs.

• Exploring essential tools and techniques for creating shapes, text, and illustrations.

Logo Design and Branding

• Principles of Logo Design:

• Understanding the key elements of effective logo design, including simplicity,

memorability, and versatility.

• Exploring different types of logos, such as wordmarks, letter marks, symbols, and
combination marks.
• Branding Basics:

• Introduction to branding principles and the importance of brand identity in visual

communication.

• Exploring how logos, color schemes, typography, and imagery contribute to brand
identity.

Poster and Advertisement Design

• Basics of Poster Design:

• Understanding the principles of effective poster design, including composition,

typography, and visual hierarchy.

• Exploring different types of posters, such as informational posters, event posters, and
promotional posters.

• Advertisement Design:

• Introduction to advertising principles and techniques for creating eye-catching

advertisements.

• Exploring different types of advertisements, such as print ads, digital ads, and social
media ads.

Introduction to UI/UX Design Principles

• Understanding the Basics of UI/UX Design:

• Definition of UI (User Interface) and UX (User Experience) design.

• Importance of good design in digital products and services.

• Overview of Mobile Design Trends and Best Practices:

• Introduction to the evolution of mobile design trends.

• Understanding the importance of responsive design and mobile-first approaches.

• Case Studies and Examples:

• Analysing successful mobile applications and their design principles.

• Discuss common design patterns and elements found in mobile interfaces.

Mobile Design Tools and Software
• Introduction to Design Tools:

• Overview of popular design tools like Adobe XD, Sketch, or Figma.

• Explanation of the purpose and capabilities of each tool.

• Hands-on Practice:

• Guided tour of the selected design software.

• Exploring basic features like artboards, layers, and tools for creating shapes and text.

• Assignment:

• Creating a simple interface mock-up using the chosen design tool.

Mobile Design Wireframing

• Basics of Wireframing:

• Definition of wireframes and their role in the design process.

• Understanding the importance of wireframes in defining layout and structure.

• Wireframing Tools and Techniques:

• Introduction to wireframing tools such as Balsamiq or Adobe XD.

• Hands-on practice in creating low-fidelity wireframes for mobile screens.

Mobile UI Design
• Principles of UI Design:

• Understanding the fundamentals of UI design, including typography, color theory, and

layout.

• Exploring the principles of visual hierarchy and effective use of space.

• Designing High-Fidelity UI Screens:

• Applying UI design principles to create polished and visually appealing mobile

interfaces.

• Incorporating branding elements and visual consistency across screens.

• Peer Review and Critique:

• Peer review session where participants provide constructive feedback on each other's
UI designs.

• Discuss the importance of feedback in the design process and strategies for effectively
giving and receiving feedback.

Mobile UX Design
• Introduction to UX Design:

• Definition of user experience design and its importance in creating intuitive and user-
friendly products.

• Overview of the UX design process, including research, prototyping, and testing.

• Usability Testing:

• Understanding the basics of usability testing and its role in validating design decisions.

• Conducting usability tests on mobile prototypes and gathering feedback from users.

• Iterative Design Process:

• Discussing the iterative nature of UX design and the importance of refining designs
based on user feedback.

• Strategies for incorporating user feedback into the design process and improving the
overall user experience.

Introduction to Web Design

• Key Differences Between Mobile and Web Design:

• Understanding the unique challenges and considerations of designing for the web.

• Exploring differences in screen sizes, interaction patterns, and user behaviours

between mobile and desktop platforms.

• Overview of Responsive Design Principles:

• Introduction to responsive design techniques for creating websites that adapt to

different screen sizes and devices.

• Understanding the use of media queries, flexible grids, and fluid layouts in responsive
web design.
Web Design Tools and Software
• Introduction to Web Design Tools:

• Overview of popular web design tools such as Adobe Photoshop, Adobe XD, or Sketch.

• Explanation of the purpose and capabilities of each tool in the context of web design.

• Hands-on Practice:

• Exploring advanced features like layer styles, smart objects, and artboards.

Web Wireframing and Prototyping

• Wireframing for Responsive Web Design:

• Understanding the importance of wireframing in planning the layout and structure of

a website.

• Techniques for creating wireframes that adapt to different screen sizes and devices.

• Prototyping for User Interaction:

• Introduction to prototyping tools such as Invision or Marvel.

• Hands-on practice in creating interactive prototypes for web interfaces.

Web UI Design
• Principles of Web UI Design:

• Understanding the principles of visual design as applied to web interfaces.

• Exploring topics such as typography, color theory, and layout in the context of web
design.

• Designing High-Fidelity UI Screens:

• Applying UI design principles to create polished and visually appealing web interfaces.

• Techniques for creating responsive designs that look great on both desktop and
mobile devices.
Web UX Design
• User Experience Considerations for Web Design:

• Understanding the unique challenges of designing intuitive and user-friendly web

interfaces.

• Exploring topics such as navigation, information architecture, and accessibility in web

design.

• Usability Testing for Web Interfaces:

• Conducting usability tests on web prototypes and gathering feedback from users.

• Strategies for improving the usability and user experience of web interfaces based on
feedback.

Portfolio Development and Final Project

• Reviewing and Refining Designs:

• Reviewing designs created throughout the course and identifying areas for
improvement.

• Refining designs based on feedback from instructors and peers.