GET ACCESS TO OUR ENTIRE COURSE LIBRARY FOR ONLY £99.00 PER YEAR. LEARN MORE
Overview
Whether you are self-taught and you want to fill in the gaps for better efficiency and productivity, this Certified Web Designer Course will set you up with a solid foundation to become a confident web designer and develop more advanced skills.
This comprehensive course is the perfect way to kickstart your career in the field of web design. This course will give you a competitive advantage in your career, making you stand out from all other applicants and employees.
As one of the leading course providers and most renowned e-learning specialists online, we’re dedicated to giving you the best educational experience possible. This course is crafted by industry expert, to enable you to learn quickly and efficiently, and at your own pace and convenience.
How Will I Benefit?
- Boost your career in web designÂ
- Deepen your knowledge and skills in your chosen field just in hours not years!
- Study a course that is easy to follow.
- Save money and time by studying at your convenient time
- Have access to a tutor whenever you are in need
So, what are you thinking about! Start getting the benefits by enrolling today!
Why Choose Lead Academy:
- Lifetime Access
- High-quality e-learning study materialsÂ
- Learn the most in-demand skills
- Self-paced, no fixed schedules
- 24/7 customer support through email
- Available to students anywhere in the world
- No hidden fee
- Study in a user-friendly, advanced online learning platform
Who is this course for?
This comprehensive course is suitable for anyone looking to improve their job prospects or aspiring to accelerate their career in this sector and want to gain in-depth knowledge of professional web design.
Entry Requirement
- There are no academic entry requirements for this course, and it is open to students of all academic backgrounds.Â
- As long as you are aged seventeen or over and have a basic grasp of English, numeracy and ICT, you will be eligible to enrol.
Certification
On successful completion of the course, you will be eligible to order your certificate of achievement as proof of your new skill. The certificate of achievement is an official credential that confirms that you successfully finished a course with Lead Academy. You/your employer can verify your certificate through our website. Certificate can be obtained in PDF version at a cost of £12, and there is an additional fee to obtain a printed copy certificate which is £35.
Career path
This course opens a brand new door for you to enter the relevant job market and also provides you with the chance to accumulate in-depth knowledge at the side of needed skills to become flourishing in no time. You will also be able to add your new skills to your CV, enhance your career and become more competitive in your chosen industry.
Course Curriculum
Introduction | |||
What you will learn in this course? | 00:02:00 | ||
Requirements to take this course | |||
Skills and Apps you need to take this course | 00:05:00 | ||
Organizing your Web Design Project | |||
How to organize a design project | 00:05:00 | ||
Naming PSD, layers and groups | 00:05:00 | ||
Matching naming conventions with Developers | 00:03:00 | ||
Gathering project information from client | |||
What are design briefs? | 00:09:00 | ||
Getting client’s initial Sketches and ideas | 00:03: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 & 8point Grid system | |||
Using Mood Boards for Web Design projects (Design Direction) | 00:05:00 | ||
Sketching and Ideation (early sketches) | 00:05:00 | ||
Introduction to Balsamiq Mockups | 00:09:00 | ||
Wireframing in Balsamiq mockups part 1 | 00:08:00 | ||
Wireframing in Balsamiq mockups part 2 | 00:14:00 | ||
Atomic Design framework | 00:07:00 | ||
8-point Grid System | 00:09:00 | ||
Style Guides, colors and typographics scales | |||
Experimenting with Colors and Font Combinations | 00:04:00 | ||
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:02:00 | ||
Designing for Desktop/Large View (Wstudio Web Design Project) | |||
Calculating your grid and guides using online tools | 00:12:00 | ||
Planning your Grid for Desktop View | 00:05:00 | ||
How to use White Space in your Web Design | 00:05:00 | ||
Setting up Art Boards in Photoshop | 00:06:00 | ||
Designing Header/Hero area Part 1 | 00:12:00 | ||
Designing Header/Hero area Part 2 | 00:08:00 | ||
Designing Steps section Part 1 | 00:10:00 | ||
Designing Steps section Part 2 | 00:08:00 | ||
Designing User Reviews section | 00:08:00 | ||
Adjusting white space and vertical rhythm | 00:05:00 | ||
Designing Team section Part 1 | 00:10:00 | ||
Designing Team section Part 2 | 00:06:00 | ||
Designing Footer Part 1 | 00:08:00 | ||
Designing Footer Part 2 | 00:10:00 | ||
Planning Responsive Web Design | |||
Responsive Web Design considerations Part 1 | 00:06:00 | ||
Responsive Web Design considerations Part 2 | 00:05:00 | ||
Designing for Tablet/Medium 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 | ||
Designing and adjusting Team section | 00:09:00 | ||
Designing footer for tablet view | 00:08:00 | ||
Designing for Mobile/Small View (Wstudio Web Design Project) | |||
Setting up artboard and grids for Mobile view | 00:04:00 | ||
Designing Header for Small devices | 00:10: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:07:00 | ||
PSD and Design Source Files | 00:01:00 | ||
Designing for Developers | |||
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:07: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:03:00 | ||
Sympli vs Avocode → Comparison of Designer/Developer Collaboration tools | 00:05:00 | ||
Prototyping with Invision app | |||
Introduction to Prototypes | 00:03:00 | ||
Getting familiar with Invision App for Prototyping | 00:06:00 | ||
Building Interactive Prototype with Invision App | 00:06:00 | ||
SVGs and Icon Fonts in Web Design | |||
Using Iconmoon App to create Custom Icon Fonts | 00:08:00 | ||
Using and Exporting SVG Graphics | 00:10:00 | ||
Order Your Certificate Now | |||
Order Your Certificate Now | 00:00:00 | ||
Get Your Insurance Now | |||
Get Your Insurance Now | 00:00:00 | ||
Feedback | |||
Feedback | 00:00:00 |
REVIEWS
- £25.00 (Ex. VAT) Gift this course