Web Design in Affinity Designer Masterclass

This Financial Intelligence For Entrepreneurs, Executives & Directors course enables you to delve deeply into Financial Intelligence,in order to better explore, understand and apply Financial Intelligence skills.

Through this Financial Intelligence For Entrepreneurs, Executives & Directors course, you will gain a world-class knowledge and understanding with a focus on Financial Intelligence, based on solving real life Financial Intelligence issues.

Reed courses certificate of completion

Digital certificate - Included

• 1)Introduction to the course 01:50

  • 1: 1Introduction to the course 01:50

• 2) What is Affinity Designer and how to set it up for web design 11:55

  • 2: 2.1What is Affinity Designer and how to set it up for web design 03:12
  • 3: 2.2Affinity Designer’s web design abilities 08:43

• 3)Top 10 Principles of Good Web Design 08:28

  • 4: 3.1Top 10 Principles of Good Web Design 03:54
  • 5: 3.2Top 10 Principles of Good Web Design - continued 04:34

• 4)How To Choose the Right Colors for your Website Designs 19:53

  • 6: 4.1The most important factor to consider before choosing colors 04:06
  • 7: 4.2How to mix colors for the best possible User Experience 04:37
  • 8: 4.3How to choose the “psychologically right” colors 04:37
  • 9: 4.4-7 easy tools for choosing errorproof color schemes 06:33

• 5)Typography in Web Design 18:31

  • 10: 5.1A super short history of web typography 02:41
  • 11: 5.2How to mix colors for the best possible User Experience 05:18
  • 12: 5.3How to choose the right fonts for headings 03:38
  • 13: 5.4How to mix fonts for headings and body text 04:18
  • 14: 5.5The perfect font for User Interface design 02:36

• 6)How Is a Typical Webste Built 15:24

  • 15: 6.1Header, branding, navigation and Hero sections 03:53
  • 16: 6.2The center and bottom sections of your website design 04:13
  • 17: 6.3What are grids and how to use them 03:08
  • 18: 6.4How to design your very own grid 04:10

• 7)Where to Find Web Design Inspiration 11:28

  • 19: 7.1-7 web design trends that rule the web design world 08:59
  • 20: 7.2Where to find the RIGHT inspiration for your next design 02:29

• 8)The Preparation Stage 43:43

  • 21: 8.1Every website design needs scaffolding 03:13
  • 22: 8.2Building your own wireframe in Designer 04:41
  • 23: 8.3Let’s continue building the library 10:08
  • 24: 8.4How to use the assets to create a wireframe 11:19
  • 25: 8.5Wireframing online 04:28
  • 26: 8.6Let’s talk about images and icons 05:53
  • 27: 8.7How to create font styles in Affinity Designer 04:01

• 9)The Design Process 20:41

  • 28: 9.1The Design Part Overview 06:02
  • 29: 9.2Let_s Create the Color Swatches 04:05
  • 30: 9.3Let_s Create the Text Styles 07:59
  • 31: 9.4Let_s Take a Look at the Images and Icons 02:35

• 10)Creating the Header 15:35

  • 32: 9.5Let_s Create the Logo First 03:26
  • 33: 9.6Let_s Build the Menu Links 04:04
  • 34: 9.7Let_s Add the Social Media Icons 08:05

• 11)Creating the Hero Section 21:52

  • 35: 10.1Let_s start by adding the main image 06:42
  • 36: 10.2How to Quickly Resize the Image 03:03
  • 37: 10.3Let_s Make the Image a Bit Darker 03:15
  • 38: 10.4Now Let_s Add the Main Text 05:05
  • 39: 10.5Let_s Add the Slider Navigation 03:47

• 12)Creating the First Featured Items Section 19:23

  • 40: 11.1Let_s Start Creating the First Featured Secion 03:35
  • 41: 11.2Let_s Ad the Featured Items 10:08
  • 42: 11.3Let_s Add the Second Featured Item Section 05:40

• 13)Creating the From Our Blog Section 11:19

  • 43: 12.1Let_s Start Creatig the Blog Section 08:13
  • 44: 12.2Let_s Replace the Images 03:06

• 14)Creating the Gallery and the Footer 15:24

  • 45: 13.1Let_s Start Building the Image Gallery 07:13
  • 46: 13.2Let_s Create the First Column of the Footer 04:14
  • 47: 13.3Let_s Finish the Design and the Whole Footer 03:57

• 15)How To Design a Modern Blog in Affinity Designer 17:46

  • 48: 1Let_s Discover the Wireframe for the Design 06:09
  • 49: 2Let_s Discover the Blog Design- 05:31
  • 50: 3Let_s Take a Look at our Assets 06:06

• 16)Create the Blog Header 13:56

  • 51: 4How To Create the Logo and Nav 07:38
  • 52: 5Let_s Add the Social Media Icons 06:18

• 17)Add the Blog Hero Section 20:44

  • 53: 6Let_s Add the First Images 07:23
  • 54: 7Let_s Add the Shading to the Images 07:57
  • 55: 8Let_s Add the Navigation Buttons 05:24

• 18)Let_s Create a Container for the Blog Post 15:53

  • 56: 9Let_s Create a Container for the Blog Post 05:17
  • 57: 10Let_s Add the First Pieces of Text 04:29
  • 58: 11Let_s Add the Remining Pieces of Text 06:07

• 19) Creating the Blog Post Grid 22:09

  • 59: 12Let_s Start Creating the Blog Post Grid 05:58
  • 60: 13Let_s Create the First Blog Post Card 05:19
  • 61: 14Let_s Add the Remaining Cards 06:35
  • 62: 15Let_s Add the Older Posts Link 04:17

• 20)Create the Sidebar 31:27

  • 63: 16Let_s Explore the Sidebar Project 02:38
  • 64: 17Let_s Create the Search Box 03:55
  • 65: 18let_s Create the About Me Section 06:37
  • 66: 19Let_s Create the Text Section of the Sidebar 04:49
  • 67: 20Let_s Create the First Container for the Most Popular Posts 04:07
  • 68: 21Let_s Create the List of the Most Popular blog Posts 06:30
  • 69: 22Let_s Create the Ads Section 02:51

• 21)Create the Blog Footer 13:51

  • 70: 23Let_s tart Creating the Footer 04:07
  • 71: 24Let_s Explore Different Footer Concepts 02:35
  • 72: 25let_s Finish the Project and explore the next one 07:09

• 22)Create the Single Post Design 09:00

  • 73: 26Let_s Explore the Single Post Design 03:13
  • 74: 27Let_s Create the Featured Image and the Post Container 05:47

• 23)Create the Blog Post Area 39:38

  • 75: 28Let_s Add the Blog Post Title 06:21
  • 76: 29Let_s Add the Paragraphs and Images 10:11
  • 77: 30Let_s Add the Social Media Icons 07:18
  • 78: 31Let_s Add the pre-Next Post Navigation 08:27
  • 79: 32Let_s Add the Related Posts Section 07:21

• 24)Create the Comments Section 19:44

  • 80: 33Let_s Start Creating the Comments Section 04:46
  • 81: 34Let_s Create the Texts for the Comments 05:55
  • 82: 35Let_s Create the Post Comment Forms 09:03

• 25)Finalizing the design 08:38

  • 83: 14.1Delivering the design to the client 03:39
  • 84: 14.2Delivering the file to the developer 02:30
  • 85: 14.3How To Use the Export Persona to Export the Assets in Bulk 02:29

This Financial Intelligence For Entrepreneurs, Executives & Directors course enables you to delve deeply into Financial Intelligence ,in order to better explore, understand and apply Financial Intelligence skills.

Through this Financial Intelligence For Entrepreneurs, Executives & Directors course, you will gain a world-class knowledge and understanding with a focus on Financial Intelligence, based on solving real life Financial Intelligence issues.

Frontier Education provides working professionals, or those with no previous experience, with trailblazing, practice-based teaching, aimed to inspire and prepare you for a career in Financial Intelligence For Entrepreneurs, Executives & Directors.

Currently there are no Q&As for this course. Be the first to ask a question.