Course Curriculum
- 27 sections
- 88 lectures
- 7 hours, 29 minutes total length
-
Introduction to the course00:02:00
-
What is Affinity Designer and how to set it up for web design?00:03:00
-
Affinity Designer’s web design abilities00:09:00
-
First 5 principles of good web design00:04:00
-
The remaining 5 principles of good web design00:05:00
-
The most important factor to consider before choosing colours00:04:00
-
Mix colours for the best possible User Experience00:05:00
-
Choose the “psychologically right” colours00:05:00
-
Easy tools for choosing errorproof colour schemes00:07:00
-
A super short history of web typography00:03:00
-
Choose the right fonts for body text00:05:00
-
Choose the right fonts for headings00:04:00
-
Mix fonts for headings and body text00:04:00
-
The perfect font for User Interface design00:03:00
-
Header, branding, navigation and Hero sections.00:04:00
-
The centre and bottom sections of your website design00:04:00
-
What are grids and how to use them00:03:00
-
Design your very own grid00:04:00
-
1-7 web design trends that rule the web design world00:09:00
-
Where to find the RIGHT inspiration for your next design00:02:00
-
Every website design needs scaffolding00:03:00
-
Building your wireframe in Designer00:05:00
-
Continue building the library00:10:00
-
Use the assets to create a wireframe00:11:00
-
Wireframing online00:04:00
-
Talk about images and icons00:06:00
-
Create font styles in Affinity Designer00:04:00
-
The Design Part Overview00:06:00
-
Create the Colour Swatches00:04:00
-
Create the Text Styles00:08:00
-
Take a Look at the Icons and Images00:03:00
-
Start with Creating the Logo00:03:00
-
Build the Menu Links00:04:00
-
Add the Social Media Icons00:07:00
-
Start by Adding the Main Image00:07:00
-
Quickly Resize the Image00:03:00
-
Make the Image a Bit Darker00:03:00
-
Add the Main Text00:05:00
-
Add the Slider Navigation00:04:00
-
Start Creating the First Featured Section00:04:00
-
Add the Featured Items00:10:00
-
Add the Second Featured Item Section00:06:00
-
Start Creating the Blog Section00:08:00
-
Replace the Images00:03:00
-
Start Building the Image Gallery00:07:00
-
Create the First Column of the Footer00:04:00
-
Finish the Design and the Whole Footer00:04:00
-
Discover the Wireframe for the Design00:06:00
-
Discover the Blog Design00:06:00
-
Take a Look at Our Assets00:06:00
-
Create the Logo and Nav00:08:00
-
Add the Social Media Icons00:07:00
-
Add the First Images00:07:00
-
Add the Shading to the Images00:08:00
-
Add the Navigation Buttons00:05:00
-
Create a Container the Blog Post00:05:00
-
Add the First Pieces of Text00:04:00
-
Add the Remaining Pieces of Text00:06:00
-
Start Creating the Blog Post Grid00:06:00
-
Create the First Blog Post Card00:05:00
-
Add the Remaining Cards00:07:00
-
Add the Older Post Link00:04:00
-
Explore the Sidebar Project00:03:00
-
Create the Search Box00:04:00
-
Create the About Me Section00:07:00
-
Create the Text Section of the Sidebar00:05:00
-
Create the First Container for the Most Popular Posts00:04:00
-
Create the List of the Most Popular Blog Posts00:07:00
-
Create the Ads Section00:03:00
-
Start Creating the Footer00:04:00
-
Explore Different Footer Concepts00:03:00
-
Finish Creating the Footer00:07:00
-
Explore the Single Post Design00:03:00
-
Create the Featured Image and the Post Container00:06:00
-
Add the Blog Post Title00:06:00
-
Add the Paragraphs and Images00:10:00
-
Add the Social Media Icons00:07:00
-
Add the pre-Next Post Navigation00:08:00
-
Add the Related Posts Section00:07:00
-
Start Creating the Comments Section00:05:00
-
Create the Texts for the Comments00:06:00
-
Create the Post Comment Form00:09:00
-
Delivering the design to the client00:04:00
-
Delivering the file to the developer00:03:00
-
Use the Export Persona to Export the Assets in Bulk00:02:00
-
Thanks for Watching the Course00:01:00
-
Assignment – Web Design in Affinity Designer
-
Claim Your Certificate