Download appDownload App

Web Design in Affinity Designer Masterclass

If you are thinking about starting out as a web designer you have probably tried to harness Photoshop sometime in the past. You probably spent countless hours trying to figure out that monstrous pr...

  • All levels
  • English

Course Description

If you are thinking about starting out as a web designer you have probably tried to harness Photoshop sometime in the past. You probably spent countless hours trying to figure out that monstrous program. I know the pain. I remember spending days after days, weeks after weeks just to remember how tools and effects work. Luckily we live in times when if you want to start a career as a we...

If you are thinking about starting out as a web designer you have probably tried to harness Photoshop sometime in the past. You probably spent countless hours trying to figure out that monstrous program. I know the pain. I remember spending days after days, weeks after weeks just to remember how tools and effects work. Luckily we live in times when if you want to start a career as a web design freelancer, you can just put Photoshop aside. Hi, my name is Dawid Tuminski and in this course you will learn how to use Affinity Designer to design websites from A-Z. Because the real bread and butter of this course is inside its practical parts.

What you’ll learn
  • How to choose the BEST colors and fonts for your websites
  • What makes a professionally designed website
  • What are the modern web design trends you should know about
  • How to build website is visual guides, such as wireframes and grids

Covering Topics

1
Section 1 : Introduction
2
Section 2 : The Fundamentals
3
Section 3 : Top 10 principles of good web design
4
Section 4 : How to choose the right colors to design stunning websites
5
Section 5 : Typography in web design
6
Section 6 : How is a typical website built?
7
Section 7 : Web design trends
8
Section 8 : The Preparation Stage
9
Section 9 : The Design Process
10
Section 10 : Creating the Header

Curriculum

      Section 1 : Introduction
1
Introduction to the course
      Section 2 : The Fundamentals
2
What is Affinity Designer and how to set it up for web design
3
Affinity Designer's web design abilities
      Section 3 : Top 10 principles of good web design
4
First 5 principles of good web design Preview
5
The remaining 5 principles of good web design
      Section 3 : Top 10 principles of good web design
4
First 5 principles of good web design Preview
5
The remaining 5 principles of good web design
      Section 4 : How to choose the right colors to design stunning websites
6
The most important factor to consider before choosing colors Preview
7
How to mix colors for the best possible User Experience
8
How to choose the psychologically right colors
9
7 easy tools for choosing errorproof color schemes
10
7 easy tools for choosing errorproof color schemes - list of sites
      Section 5 : Typography in web design
11
A super short history of web typography
12
How to choose the right fonts for body text
13
How to choose the right fonts for headings
14
How to mix fonts for headings and body text
15
The perfect font for User Interface design
      Section 6 : How is a typical website built?
16
Header, branding, navigation and Hero sections.
17
The center and bottom sections of your website design
18
What are grids and how to use them
19
How to design your very own grid
      Section 7 : Web design trends
20
7 web design trends that rule the web design world
21
Where to find the RIGHT inspiration for your next design
      Section 8 : The Preparation Stage
22
Every website design needs scaffolding
23
Building your own wireframe in Designer
24
Let's continue building the library
25
How to use the assets to create a wireframe
26
Wireframing online
27
Let's talk about images and icons
28
How to create font styles in Affinity Designer
      Section 9 : The Design Process
29
The Design Part Overview
30
Let's Create the Color Swatches
31
Let's Create the Text Styles
32
Let's Take a Look at the Icons and Images
      Section 10 : Creating the Header
33
Let's Start with Creating the Logo
34
Let's Build the Menu Links
35
Let's Add the Social Media Icons

Frequently Asked Questions

It is an online tutorial that covers a specific part of a topic in several sections. An Expert teaches the students with theoretical knowledge as well as with practical examples which makes it easy for students to understand.

A Course helps the user understand a specific part of a concept. While a path and E-Degrees are broader aspects and help the user understand more than just a small area of the concept.

A Course will help you understand any particular topic. For instance, if you are a beginner and want to learn about the basics of any topic in a fluent manner within a short period of time, a Course would be best for you to choose.

We have an inbuilt question-answer system to help you with your queries. Our support staff will be answering all your questions regarding the content of the Course.