Web Design in Affinity Designer for Beginners and Beyond

Dawid Tuminski, www.dawidtuminski.com

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
88 Videos (6h 45m)
    • Web Design in Affinity Designer Promo Video

      2:08
    • 1Introduction to the course

      1:49
    • 2.1What is Affinity Designer and how to set it up for web design

      3:11
    • 2.2Affinity Designer’s web design abilities

      8:43
    • 3.1Top 10 Principles of Good Web Design

      3:53
    • 3.2Top 10 Principles of Good Web Design - continued

      4:34
    • 4.1The most important factor to consider before choosing colors

      4:06
    • 4.2How to mix colors for the best possible User Experience

      4:36
    • 4.3How to choose the “psychologically right” colors

      4:37
    • 4.4-7 easy tools for choosing errorproof color schemes

      6:32
    • 5.1A super short history of web typography

      2:41
    • 5.2How to mix colors for the best possible User Experience

      5:18
    • 5.3How to choose the right fonts for headings

      3:37
    • 5.4How to mix fonts for headings and body text

      4:18
    • 5.5The perfect font for User Interface design

      2:35
    • 6.1Header, branding, navigation and Hero sections

      3:52
    • 6.2The center and bottom sections of your website design

      4:13
    • 6.3What are grids and how to use them

      3:08
    • 6.4How to design your very own grid

      4:09
    • 7.1-7 web design trends that rule the web design world

      8:58
    • 7.2Where to find the RIGHT inspiration for your next design

      2:28
    • 8.1Every website design needs scaffolding

      3:13
    • 8.2Building your own wireframe in Designer

      4:41
    • 8.3Let’s continue building the library

      10:08
    • 8.4How to use the assets to create a wireframe

      11:19
    • 8.5Wireframing online

      4:28
    • 8.6Let’s talk about images and icons

      5:53
    • 8.7How to create font styles in Affinity Designer

      4:00
    • 9.1The Design Part Overview

      6:01
    • 9.2Let's Create the Color Swatches

      4:05
    • 9.3Let's Create the Text Styles

      2:34
    • 9.4Let's Take a Look at the Images and Icons

      2:34
    • 9.5Let's Create the Logo First

      3:25
    • 9.6Let's Build the Menu Links

      4:04
    • 9.7Let's Add the Social Media Icons

      8:05
    • 10.1Let's start by adding the main image

      6:41
    • 10.1Let's start by adding the main image

      3:02
    • 10.2How to Quickly Resize the Image

      3:02
    • 10.3Let's Make the Image a Bit Darker

      3:14
    • 10.4Now Let's Add the Main Text

      5:04
    • 10.5Let's Add the Slider Navigation

      3:47
    • 11.1Let's Start Creating the First Featured Secion

      3:35
    • 11.2Let's Add the Featured Items

      10:07
    • 11.3Let's Add the Second Featured Item Section

      5:40
    • 12.1Let's Start Creatig the Blog Section

      8:13
    • 12.2Let's Replace the Images

      3:05
    • 13.1Let's Start Building the Image Gallery

      7:13
    • 13.2Let's Create the First Column of the Footer

      4:13
    • 13.3Let's Finish the Design and the Whole Footer

      3:56
    • 14.1Delivering the design to the client

      3:39
    • 14.2Delivering the file to the developer

      2:30
    • 14.3How To Use the Export Persona to Export the Assets in Bulk

      2:29
    • Thanks for watching the course

      0:52
    • 1Let's Discover the Wireframe for the Design

      6:08
    • 2Let's Discover the Blog Design

      5:30
    • 3Let's Take a Look at our Assets

      6:06
    • 4How To Create the Logo and Nav

      7:38
    • 5Let's Add the Social Media Icons

      6:18
    • 6Let's Add the First Images

      7:22
    • 7Let's Add the Shading to the Images

      7:57
    • 8Let's Add the Navifation Buttons

      5:24
    • 9Let's Create a Container for the Blog Post

      5:16
    • 10Let's Add the First Pieces of Text

      4:29
    • 11Let's Add the Remining Pieces of Text

      6:07
    • 12Let's Start Creating the Blog Post Grid

      5:57
    • 13Let's Create the First Blog Post Card

      5:19
    • 14Let's Add the Remaining Cards

      6:35
    • 15Let's Add the Older Posts Link

      4:17
    • 16Let's Explore the Sidebar Project

      2:37
    • 17Let's Create the Search Box

      3:54
    • 18let's Create the About Me Section

      6:37
    • 19Let's Create the Text Section of the Sidebar

      4:48
    • 20Let's Create the First Container for the Most Popular Posts

      4:06
    • 21Let's Create the List of the Most Popular blog Posts

      6:29
    • 22Let's Create the Ads Section

      2:50
    • 23Let's tart Creating the Footer

      4:07
    • 24Let's Explore Different Footer Concepts

      2:35
    • 25let's Finish the Project and explore the next one

      7:08
    • 26Let's Explore the Single Post Design

      3:13
    • 27Let's Create the Featured Image and the Post Container

      5:47
    • 28Let's Add the Blog Post Title

      6:21
    • 29Let's Add the Paragraphs and Images

      10:11
    • 30Let's Add the Social Media Icons

      7:18
    • 31Let's Add the pre Next Post Navigation

      8:26
    • 32Let's Add the Related Posts Section

      7:21
    • 33Let's Start Creating the Comments Section

      4:46
    • 34Let's Create the Texts for the Comments

      5:55
    • 35Let's Create the Post Comment Forms

      9:02