Description

Description

The Modern Web Design Diploma course teaches you to develop and design a responsive website that will work on every device covering mobile, tablet to extra large desktop monitor.

The number of mobile users is enormous and increasing day by day. Therefore, it is a must to make your websites responsive. The old website owners spend a lot to make their site responsive; some go for redesigning and remaking their sites. Throughout the course, you will learn to create the responsive webpage using Balsamiq Mockups, Photoshop, Zeplin and Invision App. You will learn how to design for the developers.

Topics covered in the course are the system of building Prototypes for showing website flows and interactions, designing Wireframes using Balsamiq Mockups, design and develop a coded Style Guide for Developers, creating Online Style Guide using Zeplin, creating grid system for different screens, e.g. PC, Tablet or Smart Phones.

Assessment:

At the end of the course, you will be required to sit for an online MCQ test. Your test will be assessed automatically and immediately. You will instantly know whether you have been successful or not.

Before sitting for your final exam you will have the opportunity to test your proficiency with a mock exam.

Certification:

After completing and passing the course successfully, you will be able to obtain an Accredited Certificate of Achievement. Certificates can be obtained either in hard copy at a cost of £39 or in PDF format at a cost of £24.

Who is this Course for?

Modern Web Design Diploma is certified by CPD Qualifications Standards and CiQ. This makes it perfect for anyone trying to learn potential professional skills.

As there is no experience and qualification required for this course, it is available for all students from any academic background.

Requirements

Our Modern Web Design Diploma is fully compatible with any kind of device. Whether you are using Windows computer, Mac, smartphones or tablets, you will get the same experience while learning. Besides that, you will be able to access the course with any kind of internet connection from anywhere at any time without any kind of limitation.

Career Path

After completing this course you will be able to build up accurate knowledge and skills with proper confidence to enrich yourself and brighten up your career in the relevant job market.

Introduction
	0.1 promo-workflow	00:03:00
	0.2 what we will cover in this course	00:03:00
Requirements to take this course
	1.1 skills-and-apps-you-need-to-take-this-courseautogenerated	00:02:00
	1.2. Photoshop extensions We Need	00:07:00
Organizing your Web Design Project
	2.1.how To Organize A Design Project	00:05:00
	2.2 client's Sketches	00:04:00
	2.2 naming psd layers and groups	00:06:00
	2.3.naming Conventions To Help Developers	00:03:00
Gathering project information from client
	3.1.design Briefs	00:10:00
	3.3 getting More Info On Project	00:05:00
	3.4.content_template for gathering information	00:03:00
Sketching, Wireframing, Atomic Design & 8point Grid system
	4.1.moodboards	00:06:00
	4.2.ideation Phase	00:05:00
	4.3.introduction To Balsamiq	00:10:00
	4.4desining Wireframes Part 1	00:08:00
	4.5.desining Wireframes Part 2	00:14:00
	4.6.atomic Design	00:08:00
	4.7.8pt Grid	00:09:00
Style Guides, colors and typographics scales
	5.1.typeface And Color Combinations	00:04:00
	5.2.ui Style Guides	00:08:00
	5.3.examples Of Ui Style Guides	00:03:00
	5.4.how I Created My Style Guide	00:07:00
	5.5.styleguide-typescale Explained	00:03:00
	5.6.Styleguide-assignment	00:01:00
Designing for Desktop/Large View (Wstudio Web Design Project)
	6.1.online tools for grid calcuations	00:13:00
	6.2.planning your grid	00:05:00
	6.3.whitespace-plan	00:06:00
	6.4.setting Up Artboard For Desktop Design	00:07:00
	6.5.designing Header And Hero Part 1	00:12:00
	6.6 designing Header And Hero Part 2	00:09:00
	6.7.designing Steps Area Part 1	00:10:00
	6.8.designing Step Area Part 2	00:09:00
	6.9.userreviews Area Design	00:09:00
	6.10.adjusting White Space And Vertical Rhythem	00:06:00
	6.11.desining Team Part1	00:11:00
	6.12.desining Team Part2	00:07:00
	6.13.footer Design Part1	00:08:00
	6.14.footer Design Part2	00:11:00
Planning Responsive Web Design
	7.1.Responsive Design Considerations Part 1	00:07:00
	7.2.Responsive Design Considerations Part 2	00:06:00
Designing for Tablet/Medium View (Wstudio Web Design Project)
	7.3.Establishing Grid For Tablets	00:07:00
	7.4.Header Area For Tablet View	00:11:00
	7.5.Section how it work - steps	00:10:00
	7.6.Section team Tablet View	00:09:00
	7.7 footer Design	00:09:00
Designing for Mobile/Small View (Wstudio Web Design Project)
	8.1.mobile Artboard And Grids	00:04:00
	8.2.header Mobile View	00:11:00
	8.3.steps Section-mobile	00:09:00
	8.4.section 2 Team Members For Mobile	00:09:00
	8.5.footer And Final Adjustments	00:08:00
Designing for Developers
	9.1.what Developes Needs To Know	00:05:00
	9.2.Red Line Document with Ink 1	00:10:00
	9.3.Red Line Document with Ink 2	00:06:00
	9.4.which layer styles you can use photoshop	00:08:00
	9.5.installing Using Zeplin	00:10:00
	9.6.style Guides With Zeplin	00:14:00
	9.7.tools-zeplin-avocode-1	00:04:00
	9.8.avocode And Sympli	00:06:00
Prototyping with Invision app
	10.1. What Are Prototypes	00:04:00
	10.2.getting Familiar With Invision App For Prototyping	00:07:00
	10.3.creating First Prototype With Invision App	00:06:00
SVGs and Icon Fonts in Web Design
	11.1 using iconmoon app to create custom icon fonts set	00:08:00
	11.2 Using SVG in Web design	00:10:00
Assignment
	Assignment - Modern Web Design Diploma	00:00:00
Certificate and Transcript
	Order Your Certificates and Transcripts	00:00:00

Course Images

Modern Web Design Diploma

By John Academy

Booking options

Highlights

Description

About The Provider

Tags

Reviews