Computer Graphics Design (UI/UX)

Course Overview

User Interface User Experience and Web Designing course is level 4 program that is aimed at producing professionals as per industry need according to latest trends. The objective of this this course is to equip students with strong theoretical and practical knowledge of latest and in-demand designs and development tools like; FIGMA, HTML5, CSS, JavaScript, Bootstrap Framework, Adobe Illustrator and Photoshop that will help them create and develop websites, mobile app designs and various attractive advertisements. Moreover, there will industry interaction and various workshops that will provide practical hands-on training. Also, we equip our students with the knowledge of soft-skills and necessary English language skill that will help them ace in communication while working for the client or working for the industry.

What is the Target Audience?

  • UI/UX designers who want to improve their designing skills
  •  Non-Degree holders who want to learn highly employable skills
  •  For all those who want to earn through working on various freelancing websites
  •  For those who have thrust for self-growth and those who are job creators and want to become successful entrepreneurs

Why choose us?

We are one of the pioneers who are dedicatedly working to train professional and industry-centric workforce under the guidance of our professionals. Moreover, we are listed in category A due to its professional working and training environment to enhance both technical and non-technical skills that are critical for the professional development at workplace. Also, we give due attention to each student as it is beginners friendly course. Finally, mastering UIUX and designing course, students can increase their earning capacity.

Pre-Requisites

  • Basic computer skills
  • Familarity with design softwares
  • Understanding of design principles
  • Moderate problem-solving skills
  • Good communication skills
  • Understanding of web and mobile applications
Week 01 (Computer Basics)

LU 01: Orientation & Introduction

LU 02: Microsoft Word

LU 03: Microsoft Excel

LU 04: Microsoft Excel

LU 05: Introduction to UIUX

LU 01: Types & basic elements of graphics

LU 02: Vector vs Raster and Comparison of Graphic Software’s & File Types

LU 03: Installation & Introduction of Photoshop

LU 04: Selection tools

LU 05: Painting tools

LU 06: Shape Tools

LU 07: Using and Understanding Colors and color palettes in Photoshop

LU 08: Recoloring & color corrections

LU 09: Color Channels and Background Removal

LU 10: Advance Photo Healing & Manipulation

LU 11: Typography

LU 12: Font Selection and Detection

LU 13: Font Selection and Detection

LU 14: Blending Modes & actions

LU 15: Layer Panel & Puppet Wrap

LU 16: Export Features & latest tools

LU 01: Installation & Introduction of Adobe Illustrator

LU 02: 3D Graphics illustrators

LU 03: Perspectives Grid Tool

LU 04: Handling of layers and multiple effects

LU 05: Mobile application layout

LU 06: Website application layout

LU 07: Illustrator Shapes

LU 08: Create and edit shapes

LU 09: Layers in Illustrator

LU 10: Image tracing and artistic effects

LU 11: Custom Brushes

LU 12: Pen tool

LU 13: Adding text and lettering techniques

LU 14: Path finder and Shape Builder

LU 15: Draw inside, clipping and opacity mask

LU 16: Color Theory

LU 17: Symbol, Colors, gradient & patterns

LU 18: Understanding panels and blending modes

LU 19: Logo and icon designing

LU 20: 3D in Illustrator

LU 01: Installation & Introduction of FIGMA

LU 02: Design System of FIGMA

LU 03: Components of FIGMA

LU 04: Components of FIGMA

LU 05: UI/UX with FIGMA

LU 06: Responsive resizing & constraints

LU 07: Export Assets

LU 08: Create Interactive Prototype and Animate prototypes

LU 09: Create prototypes using command

LU 10: Add overlays and Design voice prototypes

LU 11: Sharing Prototypes

LU 01: Introduction of HTML and Installation of Adobe Dreamweaver

LU 02: Basic Elements of HTML

LU 03: Attributes of HTML

LU 04: More HTML elements and their uses

LU 05: Complete web page elements

LU 06: Web page layouts

LU 07: HTML Indentation

LU 08: HTML Advance tags

LU 09: Video, audio and image handling

LU 10: I-frames in HTML

LU 11: Making forms and 3 ways of submitting the forms

LU 12: HTML 5 new elements

LU 13: HTML APIs

LU 14: Multiple Page handling

LU 15: HTML internal CSS

LU 16: HTML Responsive

LU 01: Introduction of Cascading Style Sheets

LU 02: Types of CSS

LU 03: Elements of CSS

LU 04: Advanced Elements of CSS

LU 05: CSS 3

LU 06: Making different graphics and shapes with CSS

LU 07: Layers and Positions in CSS

LU 08: Layers and Positions in CSS

LU 09: Custom fonts in CSS

LU 10: CSS Frameworks

LU 01: Use of JavaScript

LU 02: Events handling with JavaScript

LU 03: JavaScript Form Validations

LU 04: JavaScript Form Validations

LU 05: Bootstrap

LU 06: Bootstrap Grid System

LU 07: Creating a complete web page using bootstrap

1. English Communication Skills

2. Freelancing

3. Work Ethics

4. Fiqar-e-Iqbal

5. Soft Skills

  5.1 Personality Development

  5.2 CV making and Interview Skills

  5.3 Communication Skills

  5.4 Presentation Skills

  5.5 Teamwork

  5.6 Sress management

  5.7 Time management

Course Fee: Rs 10,000 per month

Scroll to Top