Introduction
  • Introduction to the course
The Fundamentals
  • What is Affinity Designer and how to set it up for web design
  • Affinity Designer’s web design abilities
Top 10 principles of good web design
  • First 5 principles of good web design
  • The remaining 5 principles of good web design
How to choose the right colors to design stunning websites
  • The most important factor to consider before choosing colors
  • How to mix colors for the best possible User Experience
  • How to choose the “psychologically right” colors
  • 7 easy tools for choosing errorproof color schemes
  • 7 easy tools for choosing errorproof color schemes - list of sites
Typography in web design
  • A super short history of web typography
  • How to choose the right fonts for body text
  • How to choose the right fonts for headings
  • How to mix fonts for headings and body text
  • The perfect font for User Interface design
How is a typical website built?
  • Header, branding, navigation and Hero sections.
  • The center and bottom sections of your website design
  • What are grids and how to use them
  • How to design your very own grid
Web design trends
  • 7 web design trends that rule the web design world
  • Where to find the RIGHT inspiration for your next design
  • Resources
The Preparation Stage
  • Every website design needs scaffolding
  • Building your own wireframe in Designer
  • Let’s continue building the library
  • How to use the assets to create a wireframe
  • Wireframing online
  • Let’s talk about images and icons
  • How to create font styles in Affinity Designer
The Design Process
  • The Design Part Overview
  • Let's Create the Color Swatches
  • Let's Create the Text Styles
  • Let's Take a Look at the Icons and Images
Creating the Header
  • Let's Start with Creating the Logo
  • Let's Build the Menu Links
  • Let's Add the Social Media Icons
Creating the Hero Section
  • Let's Start by Adding the Main Image
  • How to Quickly Resize the Image
  • Let's Make the Image a Bit Darker
  • Now Let's Add the Main Text
  • Let's Add the Slider Navigation
Creating the First Featured Items Section
  • Let's Start Creating the First Featured Section
  • Let's Add the Featured Items
  • Let's Add the Second Featured Item Section
Creating the From Our Blog Section
  • Let's Start Creating the Blog Section
  • Let's Replace the Feaured Images
Creating the Gallery and the Footer
  • Let's Start Building the Image Gallery
  • Let's Create the First Column of the Footer
  • Let's Finish the Design and the Whole Footer
Finalizing the design
  • Delivering the design to the client
  • Delivering the file to the developer
  • How To Use the Export Persona to Export the Assets in Bulk
  • Thanks for watchng the course!
  • BONUS lecture
How To Design a Modern Blog in Affinity Designer
  • Let's Discover the Wireframe for the Design
  • Let's Discover the Blog Design
  • Let's Take a Look at our Assets
  • How To Create the Logo and Nav
  • Let's Add the Social Media Icons
  • Let's Add the First Images
  • Let's Add the Shading to the Images
  • Let's Add the Navigation Buttons
  • Let's Create a Container for the Blog Post
  • Let's Add the First Pieces of Text
  • Let's Add the Remaining Pieces of Text
  • Let's Start Creating the Blog Post Grid
  • Let's Create the First Blog Post Card
  • Let's Add the Remaining Cards
  • Let's Add the Older Posts Link
  • Let's Explore the Sidebar Project
  • Let's Create the Search Box
  • Let's Create the About Me Section
  • Let's Create the Text Section of the Sidebar
  • Let's Create the First Container for the Most Popular Posts
  • Let's Create the List of the Most Popular blog Posts
  • Let's Create the Ads Section.mp4
  • Let's Start Creating the Footer
  • Let's Explore Different Footer Concepts
  • Let's Finish Creating the Footer
How To Create the Single Post Blog Page
  • Let's Explore the Single Post Design
  • Let's Create the Featured Image and the Post Container
  • Let's Add the Blog Post Title
  • Let's Add the Paragraphs and Images