Overview
Are you looking to enhance your web design proficiency to help boost your career prospects? Building a satisfying career can be a lifelong process but if you want to gain a competitive edge in your job search, look no further!
With this web design course, you will build the solid foundation you need to kickstart a successful career in the web design industry.
The course covers the essential things you need to know to boost your career within the web design. It provides you with the ability to improve your earning potential.
Covering everything you need to know to boost your career within web design, this industry recognised certification includes 60 comprehensive bite-sized modules that you can learn in your own time, pace and environment. Complete your course and earn your qualification in just 7 hours, 30 minutes with dedicated online support you can trust and rely on.
Why Learn With Queen Mary Academy?
- 50,000+ students worldwide
- Start a new career or advance your current one & land your dream job
- Most in-demand skills for today’s job market
- Award-winning Customer Support
- Partnered with biggest accreditors in the world
Benefits You Will Gain
- No hidden fees.
- 24/7 access to the Learning Portal.
- Receive the UK and globally recognised certificate on completion of the course.
- Qualified tutor support and exceptional customer service.
- Access the Learning Portal whenever you want
- Learn from industry-leading experts.
Who is this course for?
Whether you are looking to enhance your employment prospects, boost your CV with essential skills or climb the career ladder to a higher position, this Web Design course will work as an initial step towards earning an internationally-recognised qualification that could prove invaluable for your career.
This Modern Web Design course has been designed for learners who are looking to gain the skills and credentials to fast track a fulfilling career in web design.
Entry Requirement
The Modern Web Design course is for learners of all levels, with no specific enrolment requirements; all you need is the commitment to learn, knowledge of the English language, and basic numeracy and IT skills. Students must be over the age of 16.
Certification
Once you have successfully completed the course, you will receive an accredited certificate from Queen Mary Academy as validation of your new skills. Certification is available in PDF format, at the cost of £12, or a hard copy can be sent via post at the cost of £27.
Career path
On successful completion of the Modern Web Design course, learners will have the knowledge, skills and credentials to enter the relevant job market, with the confidence to explore a wide range of industry-related professions. Students will be able to add this qualification to their CV/resume, giving them a head start in their chosen field.
Course Curriculum
Introduction | |||
What you Will Learn in this Course? | 00:03:00 | ||
Requirements To Take This Course | |||
Skills and Apps you Need to Take this Course | 00:06:00 | ||
Organizing Your Web Design Project | |||
How to Organize a Design Project | 00:05:00 | ||
Naming PSD, Layers and Groups | 00:06:00 | ||
Matching Naming Conventions With Developers | 00:03:00 | ||
Gathering Project Information From Client | |||
What are Design Briefs? | 00:10:00 | ||
Getting Client’s Initial Sketches and Ideas | 00:04:00 | ||
Questions To Ask Your Client Before Every Web Design Project | 00:05:00 | ||
Using Content Gathering Template For Website’s Content | 00:03:00 | ||
Sketching, Wireframing, Atomic Design & 8 Point Grid System | |||
Using Mood Boards for Web Design Projects (Design Direction) | 00:06:00 | ||
Sketching And Ideation (Early Sketches) | 00:05:00 | ||
Introduction To Balsamiq Mockups | 00:10:00 | ||
Wireframing In Balsamiq Mockups Part 1 | 00:08:00 | ||
Wireframing In Balsamiq Mockups Part 2 | 00:14:00 | ||
Atomic Design Framework | 00:08:00 | ||
8-Point Grid System | 00:09:00 | ||
Experimenting With Colors And Font Combinations | 00:04:00 | ||
Style Guides, Colors and Typographics Scales | |||
What Are UI Style Guides? | 00:07:00 | ||
Examples Of UI Style Guides | 00:03:00 | ||
Creating UI Style Guide Using Photoshop | 00:07:00 | ||
Selecting Type Scale For Responsive Web Design | 00:03:00 | ||
Planning Responsive Web Design | |||
Calculating Your Grid And Guides Using Online Tools | 00:13:00 | ||
Planning Your Grid For Desktop View | 00:05:00 | ||
How To Use White Space In Your Web Design | 00:06:00 | ||
Setting Up Art Boards In Photoshop | 00:07:00 | ||
Designing Header/Hero Area Part 1 | 00:12:00 | ||
Designing Header/Hero Area Part 2 | 00:09:00 | ||
Designing Steps Section Part 1 | 00:10:00 | ||
Designing Steps Section Part 2 | 00:09:00 | ||
Designing User Reviews Section | 00:09:00 | ||
Adjusting White Space And Vertical Rhythm | 00:06:00 | ||
Designing Team Section Part 1 | 00:11:00 | ||
Designing Team Section Part 2 | 00:07:00 | ||
Designing Footer Part 1 | 00:08:00 | ||
Designing Footer Part 2 | 00:11:00 | ||
Designing For Tablet/Medium View (Wstudio Web Design Project) | |||
Responsive Web Design Considerations Part 1 | 00:06:00 | ||
Responsive Web Design Considerations Part 2 | 00:06:00 | ||
Designing For Mobile/Small View (Wstudio Web Design Project) | |||
Planning Grid For Tablet/Medium View | 00:07:00 | ||
Designing Header/Hero Area | 00:11:00 | ||
Designing Steps Section (How It Works) | 00:10:00 | ||
Desining And Adjusting Team Section | 00:09:00 | ||
Designing Footer For Tablet View | 00:09:00 | ||
Designing For Developers | |||
Setting Up Artboard And Grids For Mobile View | 00:04:00 | ||
Designing Header For Small Devices | 00:11:00 | ||
Designing Steps Section For Small Devices | 00:09:00 | ||
Designing Team Section For Small Devices | 00:09:00 | ||
Desinging Footer for Small Devices | 00:08:00 | ||
Prototyping with Invision app | |||
What Developers Need to Know about your Web Design? | 00:05:00 | ||
Generating Red Line Spacing Specifications For Developers → Part 1 | 00:10:00 | ||
Generating Red Line Spacing Specifications For Developers → Part 2 | 00:06:00 | ||
Which Layer Styles can be Converted To Code (HTML)? | 00:08:00 | ||
Installing Zeplin For Web Design Collaboration | 00:10:00 | ||
Creating UI Style Guide With Code Using Zeplin | 00:14:00 | ||
Zepling vs Avocode → Comparison Of Designer/Developer Collaboration Tools | 00:04:00 | ||
Sympli vs Avocode → Comparison of Designer/Developer Collaboration Tools | 00:06:00 | ||
SVGs and Icon Fonts in Web Design | |||
Introduction to Prototypes | 00:04:00 | ||
Getting Familiar With Invision App For Prototyping | 00:07:00 | ||
Building Interactive Prototype With Invision App | 00:06:00 | ||
Using Iconmoon App to Create Custom Icon Fonts | 00:08:00 | ||
Using And Exporting SVG Graphics | 00:11:00 | ||
Order Your Certificate | |||
00:00 |
Course Reviews
No Reviews found for this course.