Modern Web Design Diploma
387 Students
GET ACCESS TO THIS COURSE ALONG WITH 2500+ COURSES FOR A YEAR FOR JUST £49. GET NOW
14-Day Money-Back Guarantee
-
1 Year
Access -
Level 3 - Diploma
Skill Level -
Course Certificate
Certificate -
65
Units -
0
Quizzes -
7 hours, 38 minutes
Duration
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.
-
0.1 promo-workflow 00:03:00 -
0.2 what we will cover in this course 00:03:00
-
1.1 skills-and-apps-you-need-to-take-this-courseautogenerated 00:02:00
-
1.2. Photoshop extensions We Need 00:07:00
-
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
-
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
-
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
-
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
-
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
-
7.1.Responsive Design Considerations Part 1 00:07:00
-
7.2.Responsive Design Considerations Part 2 00:06:00
-
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
-
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
-
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
-
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
-
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 – Modern Web Design Diploma
-
Order Your Certificates and Transcripts
What Our Students are Saying
Sam Carpenter
John Academy has helped me in my development, and I took the courses seriously and gained a qualifications certificate, which I've wanted to do for a long time. I highly recommend it, and a few friends have signed up, too. Thank you, John Academy.
Georgina Salazar
Easy to access, generous options for multiple learning and approaches. Supportive team.
Wayne Wright
The course empowers me to make my dreams come true. The course material was excellent. John Academy is good to study.
Romina
I am thankful that I have chosen John Academy for my online courses. It has given me a platform where I have learned a lot. It has so many reading materials with a handful of knowledge. Once again, thank you so much to the John Academy support team, who has cooperated & supported me throughout this journey.
Peter Gilbert
Brilliant course, with so many to choose from, very good value and a certificate at the end. Quick turnaround to receive a certificate. Very good academy I have completed several and have 2 ongoing at the moment. Never had any problems. Excellent customer service. Would recommend.
Other Students Also Bought
No course found
Certificate Code
Excellent Service
