Module 01: Introduction | |||
Introduction to the course | 00:02:00 | ||
Module 02: The Fundamentals | |||
What is Affinity Designer and how to set it up for web design? | 00:03:00 | ||
Affinity Designer’s web design abilities | 00:09:00 | ||
Module 03: Top 10 principles of good web design | |||
First 5 principles of good web design | 00:04:00 | ||
The remaining 5 principles of good web design | 00:05:00 | ||
Module 04: How to choose the right colours to design stunning websites | |||
The most important factor to consider before choosing colours | 00:04:00 | ||
Mix colours for the best possible User Experience | 00:05:00 | ||
Choose the “psychologically right” colours | 00:05:00 | ||
Easy tools for choosing errorproof colour schemes | 00:07:00 | ||
Module 05: Typography in web design | |||
A super short history of web typography | 00:03:00 | ||
Choose the right fonts for body text | 00:05:00 | ||
Choose the right fonts for headings | 00:04:00 | ||
Mix fonts for headings and body text | 00:04:00 | ||
The perfect font for User Interface design | 00:03:00 | ||
Module 06: How is a typical website built? | |||
Header, branding, navigation and Hero sections. | 00:04:00 | ||
The centre and bottom sections of your website design | 00:04:00 | ||
What are grids and how to use them | 00:03:00 | ||
Design your very own grid | 00:04:00 | ||
Module 07: Web design trends | |||
1-7 web design trends that rule the web design world | 00:09:00 | ||
Where to find the RIGHT inspiration for your next design | 00:02:00 | ||
Module 08: The Preparation Stage | |||
Every website design needs scaffolding | 00:03:00 | ||
Building your wireframe in Designer | 00:05:00 | ||
Continue building the library | 00:10:00 | ||
Use the assets to create a wireframe | 00:11:00 | ||
Wireframing online | 00:04:00 | ||
Talk about images and icons | 00:06:00 | ||
Create font styles in Affinity Designer | 00:04:00 | ||
Module 09: The Design Process | |||
The Design Part Overview | 00:06:00 | ||
Create the Colour Swatches | 00:04:00 | ||
Create the Text Styles | 00:08:00 | ||
Take a Look at the Icons and Images | 00:03:00 | ||
Module 10: Creating the Header | |||
Start with Creating the Logo | 00:03:00 | ||
Build the Menu Links | 00:04:00 | ||
Add the Social Media Icons | 00:07:00 | ||
Module 11: Creating the Hero | |||
Start by Adding the Main Image | 00:07:00 | ||
Quickly Resize the Image | 00:03:00 | ||
Make the Image a Bit Darker | 00:03:00 | ||
Add the Main Text | 00:05:00 | ||
Add the Slider Navigation | 00:04:00 | ||
Module 12: Let's Create the Smartphone Icon | |||
Start Creating the First Featured Section | 00:04:00 | ||
Add the Featured Items | 00:10:00 | ||
Add the Second Featured Item Section | 00:06:00 | ||
Module 13: Creating the From Our Blog Section | |||
Start Creating the Blog Section | 00:08:00 | ||
Replace the Images | 00:03:00 | ||
Module 14: Creating the Gallery and the Footer | |||
Start Building the Image Gallery | 00:07:00 | ||
Create the First Column of the Footer | 00:04:00 | ||
Finish the Design and the Whole Footer | 00:04:00 | ||
Module 15: How to Design a Modern Blog Affinity Designer | |||
Discover the Wireframe for the Design | 00:06:00 | ||
Discover the Blog Design | 00:06:00 | ||
Take a Look at Our Assets | 00:06:00 | ||
Module 16: Create the Blog Header | |||
Create the Logo and Nav | 00:08:00 | ||
Add the Social Media Icons | 00:07:00 | ||
Module 17: Create the Blog Header | |||
Add the First Images | 00:07:00 | ||
Add the Shading to the Images | 00:08:00 | ||
Add the Navigation Buttons | 00:05:00 | ||
Module 18: Let’s Create a Container the Blog Post | |||
Create a Container the Blog Post | 00:05:00 | ||
Add the First Pieces of Text | 00:04:00 | ||
Add the Remaining Pieces of Text | 00:06:00 | ||
Module 19: Creating the Blog Post Grid | |||
Start Creating the Blog Post Grid | 00:06:00 | ||
Create the First Blog Post Card | 00:05:00 | ||
Add the Remaining Cards | 00:07:00 | ||
Add the Older Post Link | 00:04:00 | ||
Module 20: Create the Sidebar | |||
Explore the Sidebar Project | 00:03:00 | ||
Create the Search Box | 00:04:00 | ||
Create the About Me Section | 00:07:00 | ||
Create the Text Section of the Sidebar | 00:05:00 | ||
Create the First Container for the Most Popular Posts | 00:04:00 | ||
Create the List of the Most Popular Blog Posts | 00:07:00 | ||
Create the Ads Section | 00:03:00 | ||
Module 21: Create the Blog Footer | |||
Start Creating the Footer | 00:04:00 | ||
Explore Different Footer Concepts | 00:03:00 | ||
Finish Creating the Footer | 00:07:00 | ||
Module 22: Create the Single Post Design | |||
Explore the Single Post Design | 00:03:00 | ||
Create the Featured Image and the Post Container | 00:06:00 | ||
Module 23: Create the Blog Post Area | |||
Add the Blog Post Title | 00:06:00 | ||
Add the Paragraphs and Images | 00:10:00 | ||
Add the Social Media Icons | 00:06:00 | ||
Add the pre-Next Post Navigation | 00:08:00 | ||
Add the Related Posts Section | 00:07:00 | ||
Module 24: Create the Comments Section | |||
Start Creating the Comments Section | 00:05:00 | ||
Create the Texts for the Comments | 00:06:00 | ||
Create the Post Comment Form | 00:09:00 | ||
Module 25: Finalizing the design | |||
Delivering the design to the client | 00:04:00 | ||
Delivering the file to the developer | 00:03:00 | ||
Use the Export Persona to Export the Assets in Bulk | 00:02:00 | ||
Thanks for Watching the Course | 00:01:00 | ||
Assignment | |||
Assignment -Web Design in Affinity Designer | 2 weeks, 1 day | ||
Order Your Certificate | |||
Order Your Certificate QLS | 00:00:00 |
No reviews found for this course.
Upgrade to get UNLIMITED ACCESS to ALL COURSES for only £49/year
Claim Offer & UpgradeMembership renews after 12 months. You can cancel anytime from your account.