Professional Certificate in Web & Graphic Designing

Overview

With the advent of digital content, it’s impossible to ignore the shift in marketing trends which demonstrate that users are even less likely to engage with written content, making visual content a very powerful form of communication. So much so, it is estimated that 80% of marketers use visual assets in their campaigns as it proves to be significantly more effective and engaging. Thus, it is an ever evolving and rapidly growing discipline in which web & graphic design experts are highly sought after. This certification course aims to prepare the learner for a career in design by exposing them to the fundamentals of design, the creative processes as well as practical technical skills needed to create digital images, illustrations, and layouts using class leading software.

 

From traditional mediums, through to the latest digital suites, Web & Graphic design is more than just aesthetics; it has evolved into a crucial form of communication. Consumed in vast volumes in almost every aspect of daily modern life, be it from an economic, social or political standpoint, the demand for exceedingly talented, creative and highly skilled visual artists have never been greater. This programme aims to transform you to become a future-focused creative professional, through the expansion of your skillset with specialised transferable skills for ‘making and communicating’ in the field of web & graphic designing, utilising class leading software.

Syllabuses

Course Outline

Objective

Outcome

Day 1

Module 1: Introduction to Internet & Web

  • Describe the important features of the Internet and the World Wide Web

Participants able to understand the basic introduction to the resources available on the internet with emphasis on the WWW

Module 2: CSS Fundamentals

  • Introduction to CSS
  • Inline, Internal & External CSS
  • CSS Properties
  • Styling with CSS – Background, Text, Table, Form
  • CSS ID and Class
  • Configuring Bootstrap
  • Understanding Bootstrap Grid

Participants will understand how to apply the CSS principles into their web site

Day 2

Module 3: HTML Fundamentals

  • Basic Principles involved in developing website
  • Five Golden rules of web design
  • Introduction to HTML
  • What is HTML/HTML5
  • HTML Documents
  • Basic Structure of an HTML
  • Creating HTML Documents
  • Learn Markup tags of HTML

Students will understand the basic structure of creating the website from the beginning until the end.

Day 3

Module 4: Wireframing & Rapid Prototyping

One of the most important part in Web Design is wireframing and prototyping. At this workshop, you will create an interactive prototype of a mobile website using Adobe Photoshop and Adobe XD. The Participants able to learn how to:

  • Structuring content
  • Creating layout in Adobe Photoshop and Adobe XD
  • Embedding fonts, icons and graphics
  • Prototyping interactions
  • Testing on a real device
  • Review of UI design tools

Participants will learn more in depth using the wireframing tool, Adobe Photoshop and Adobe XD for design the wireframe and Prototype

Day 4

Assessment: Web Design Assessment

  • Participants will work in small groups to leverage the software skills, and techniques they learned throughout the course and display what they have achieved.

Participants should feel confident and comfortable using all the tools, apply what they have learn during the entire class

Day 5

Module 5: Getting Start with Adobe Photoshop

  • Learn the basic introduction about Photoshop. Describe to the Participants about Photoshop, the world’s industry-standard photo editing software

Participants able to customizing the Photoshop work environment (workspaces, menus, palettes, presets)

Day 6

Module 6: Working with Layers

  • Use layers confidently to combine and collage images

Participants able to organizing individual photoshop files using best practice of layer organization and combining multiple images to create photo collage

Day 7

Module 7: Using filters and special effects to add creative touches

  • Learn how to retouching the photo by using filters and image effects

Participants able to create a simple web banner, poster by using the filters and image effects

Module 8: Masking and Compositing

  • Masking and Compositing is one of the most important part in photoshop.  Learn how to use more than one images to retouch, edit, reveal and hide certain part of images by using masking

Participants able to apply some awesome effects and will get an idea of what photoshop can do. This will help the Participants to create their own design using their creativity

Day 8

Module 9: Adding your creative touch to your images using brush

  • Learn how to use creative brush technique in depth by on how to control and take advantage of the various build in brush tools in photoshop and how to create custom brushes.

Participants should able to create own custom brush. Retouching photos with brushes.

Group Final Assignment

  • Apply all the learned skill to design own graphics

Participants should feel the confident and comfortable using Photoshop. Get a thorough understanding of how to use Adobe Photoshop for fun or for career opportunity.

 

Syllabuses

Module 1: Introduction to Internet & Web

Course Outline (DAY-1)

Objective

  • Describe the important features of the Internet and the World Wide Web

Outcome

  • Participants able to understand the basic introduction to the resources available on the internet with emphasis on the WWW

Module 2: CSS Fundamentals

Objective

  • Introduction to CSS
  • Inline, Internal & External CSS
  • CSS Properties
  • Styling with CSS – Background, Text, Table, Form
  • CSS ID and Class
  • Configuring Bootstrap
  • Understanding Bootstrap Grid

Outcome

  • Participants will understand how to apply the CSS principles into their web site

Module 3: HTML Fundamentals

Course Outline (DAY-2)

Objective

  • Basic Principles involved in developing website
  • Five Golden rules of web design
  • Introduction to HTML
  • What is HTML/HTML5
  • HTML Documents
  • Basic Structure of an HTML
  • Creating HTML Documents
  • Learn Markup tags of HTML

Outcome

Students will understand the basic structure of creating the website from the beginning until the end.

Module 4: Wireframing & Rapid Prototyping

(DAY-3)

Objective

One of the most important part in Web Design is wireframing and prototyping. At this workshop, you will create an interactive prototype of a mobile website using Adobe Photoshop and Adobe XD. The Participants able to learn how to:

  • Structuring content
  • Creating layout in Adobe Photoshop and Adobe XD
  • Embedding fonts, icons and graphics
  • Prototyping interactions
  • Testing on a real device
  • Review of UI design tools

Outcome

Participants will learn more in depth using the wireframing tool, Adobe Photoshop and Adobe XD for design the wireframe and Prototype

Assessment: Web Design Assessment

(DAY-4)

Objective

  • Participants will work in small groups to leverage the software skills, and techniques they learned throughout the course and display what they have achieved.

Outcome

Participants should feel confident and comfortable using all the tools, apply what they have learn during the entire class

Module 5: Getting Start with Adobe Photoshop

(DAY-5)

Objective

  • Learn the basic introduction about Photoshop. Describe to the Participants about Photoshop, the world’s industry-standard photo editing software

Outcome

Participants able to customizing the Photoshop work environment (workspaces, menus, palettes, presets)

Module 6: Working with Layers

(DAY-6)

Objective

  • Use layers confidently to combine and collage images

Outcome

Participants able to organizing individual photoshop files using best practice of layer organization and combining multiple images to create photo collage

Module 7: Using filters and special effects to add creative touches

(DAY-7)

Objective

  • Learn how to retouching the photo by using filters and image effects

Outcome

Participants able to create a simple web banner, poster by using the filters and image effects

Module 8: Masking and Compositing

Objective

  • Masking and Compositing is one of the most important part in photoshop.  Learn how to use more than one images to retouch, edit, reveal and hide certain part of images by using masking

Outcome

Participants able to apply some awesome effects and will get an idea of what photoshop can do. This will help the Participants to create their own design using their creativity

Module 9: Adding your creative touch to your images using brush

Objective

  • Learn how to use creative brush technique in depth by on how to control and take advantage of the various build in brush tools in photoshop and how to create custom brushes.

Outcome

Participants should able to create own custom brush. Retouching photos with brushes.

Group Final Assignment

Objective

  • Apply all the learned skill to design own graphics

Outcome

Participants should feel the confident and comfortable using Photoshop. Get a thorough understanding of how to use Adobe Photoshop for fun or for career opportunity.