Web Design in Affinity Designer Masterclass (Udemy.com)
How to design modern websites in Affinity Designer - A web design and Affinity Designer feast
Created by: Dawid Tuminski
Last updated April 2019
What you will learn
- I will create beautiful and modern website designs in Affinity Designer
- I will Improve my knowledge and understanding of web design principles
- I will easily work in Affinity Designer using all the major tools
- I will master quick yet powerful techniques and get great results instantly
- I will learn about web typography
- I will understand a typical website's structure
How it compares
Against the other 28 rated Udemy courses in Affinity Designer on CourseDuck:
- Rating4.5 out of 5higher than 50% of them
- Reviews553#7 of 29 by number of reviews
- Length7.5 hourslonger than 78% of them
- Last updatedApril 2019earlier than 71% of them
Quality Score
Overall Score : 90 / 100
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 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.
This course is packed with valuable info any web design rookie should know, such as:
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’s visual guides, such as wireframes and grids
…and that’s just the introduction!
Because the real bread and butter of this course is inside its practical parts.
We will get our hands dirty and explore all the tools and techniques professional web designers use to design a website inside Affinity Designer.
That includes:
Building wireframes and grids – the building blocks of every website
Using assets to make the design process ultra-fast
Creating text styles that let you change fonts in a blink of an eye
And of course designing a website
You will learn how to design it form opening a file, through placing images, adding text and backgrounds right up to exporting the design you would ultimately hand out to a client.
There’s a lot of good stuff to cover and I truly believe that once you’ve completed the course and practiced on your own, you will start creating amazing website designs in Affinity Designer in no time.
And to make things easier, this course comes with a lot of downloadable resources:
Presentations you can open up on your tablet or smartphone to revise the lecture when you are commuting
The design files you can explore to get the real feel of a website design
And images and icons needed to make recreating the design effortless
This is a more than a 4 hour long web design and Affinity Designer bundle. Every step of the process is explained thoroughly, but without the yaaaaaawn parts.
Please notice one thing.
This course is not about learning all there is to know about Affiinity Designer.
It’s a course for those who already got the basics of the software and would love to learn how to use their skills to design websites.
We won’t be looking at each and every tool to find out what it does.
We will however go deep on those tools that we will be specifically using for web design purposes.
I mean, if you don’t know jack about the software, you can always take a look at my Affinity Designer for Beginners course here on Udemy.
But of course, if you have any questions along the way, I will be more than happy to answer them.
I am here to help, so you can rest assured that you won’t be left out on your own when something is not clear and needs a more personalized explanation.
Also, don’t forget that you are totally covered by a 30-day money back guarantee.No questions asked.
So if you don’t want to spend ages on learning overly complicated software and you don’t want to visit your bank to ask for loans just to get that software, give Affinity Designer a try.
Give this course a try.
And I’d love to see you inside!
Instructor Details
- 4.5 Rating
553 Reviews
Dawid Tuminski
Designer, coder and educational entrepreneur.
Adobe Certified Expert in Illustrator whose courses were listed in the Udemy's TOP 10 best reviewed courses.
Creating online courses on design tools like Adobe Illustrator and Adobe Photoshop, logo design, web design, graphic design freelancing, online teaching and digital marketing .
Teaching +100k students in 160 countries worldwide.
Owner of a graphic design studio.
Loves the freedom of creating courses and prides in his teaching method, which is straight to the point and with a smile.
His motto: Boring instructors are worse than boring topics!
His students value his courses for their conciseness, professionalism and actionable tips and techniques they can apply in their day-to-day design tasks and online education businesses.
More courses by Dawid Tuminski
Most Wanted Flat Design Techniques #1: Desert Island (2017)
4.7 (727 Reviews)
Provider: Udemy
Time: 54 mins
Free
How to create flat design icons in 15 minutes in Illustrator (2023)
4.8 (335 Reviews)
Provider: Udemy
Time: 5.4h
$124.99
How To Learn Illustrator by Designing Awesome Logos (2018)
4.5 (332 Reviews)
Provider: Udemy
Time: 6.2h
$64.99
Modern Flat Design in Affinity Designer Masterclass (2019)
4.6 (265 Reviews)
Provider: Udemy
Time: 10.1h
$74.99
The Ultimate Guide to Every Adobe Illustrator Tool (2023)
4.6 (237 Reviews)
Provider: Udemy
Time: 6.7h
$84.99
The Beginner's Ultimate Guide to Affinity Designer (2020)
4.2 (229 Reviews)
Provider: Udemy
Time: 3.7h
$54.99
More Affinity Designer courses
Affinity Designer: The Complete Guide to Affinity Designer (2024)
4.8 (5,274 Reviews)
Provider: Udemy
Time: 23.5h
$99.99
Affinity Designer for Beginners | Updated for Version 2 (2022)
4.8 (478 Reviews)
Provider: Udemy
Time: 4.3h
$74.99
Vector Drawing on the iPad with Affinity Designer (2019)
4.7 (1,702 Reviews)
Provider: Udemy
Time: 4.5h
$74.99
Essential Skills for Designers - Mastering the Pen Tool (2013)
4.7 (236 Reviews)
Provider: Udemy
Time: 2.1h
$64.99
Reviews
By George Ollerenshaw on 3/13/2024
Very easy to follow once you get to grips with the Affinity Designer software. Instructor is very clear with the instructions and you will struggle to go wrong as you are walked through the process, which is great as you will be familiar with all the standard design functions once you have completed the course. Even though the course is quite an aged course it is very useful. Could do with an Affinity V2 update.
By Tami Schultz on 7/26/2020
THIS IS AN EXCELLENT COURSE FOR ITS INTENDED PURPOSE - A "NO-BRAINER" - HIGHLY RECOMMENDED...This will speed up my design mockup time over 70%. Having said that, however, you need to know what the course does and doesn't cover. ✨First off, this is a TARGETED USE OF AFFINITY DESIGNER -- don't expect to learn all of its features/tools. NO OTHER COURSE ON AD IS SPECIFIC TO WEB DESIGN. It is a highly focused course in using the power of AD specifically for creating mockups for website production -- it is not about HTML, CSS, or other actual website production languages/techniques. It is not about an "export as html option", like Photoshop has (or at least used to have). It is about VISUAL DESIGN PRINCIPLES and AFFINITY TOOLS/WORKFLOWS TO ACCOMPLISH A GREAT LOOKING MOCKUP EFFICIENTLY!!!!! It is set up to give newbies an understanding of basic visual design principles as well -- if you have this knowledge, you can jump in at section 8, about halfway through. This sets everyone up for success. So don't complain in the reviews that Dawid doesn't cover enough! If you are after a broader knowledge of tools/ways to use AD, there are other great Udemy courses available (search for Jeremy Hazel's courses), so make sure you MANAGE YOUR EXPECTATIONS! BTW, the resources for download are on Google Drive at : https://drive.google.com/open?id=0B4EhouZW-YgVc1JiRTJZOWo4MkE - this was my only "real" complaint about the course - they should be provided in a link AT THE BEGINNING OF THE COURSE--say, something like: Lecture 2: Download the course resources ❤ Having said that, KUDOS to Dawid for such a great course!!!!! Excellent step by step process for creating a typical website with blog page mockup. Great on showing/explaining the development process by first creating production tools such as layout grids and page design templates. Producing a library of design assets (symbols) really facilitates the mock up process. If you work along with the videos, you'll have a lot of great assets to start dragging and dropping onto a 12 col grid based file. Ditto for the development of text styles. For those folks unfamiliar with the basics of visual design/layout, the first half of the course gives a robust summary of visual design principles, as well as current visual design trends. Dawid has a great sense of design aesthetics. The only thing I found a bit taxing was the last 2 sections of the course -- on creating the blog pages -- very little new content, but there were definitely "gems" sprinkled throughout. Was highly repetitious watching the creation of text frames, sizing them and positioning them, then editing the text. Since there was such focus on creating design assets in the first part of the course, it would have speeded up the course significantly if a mocked up asset, ready for dropping into the layout, was created for the blog features and sidebar features -- likewise, why not show creating an asset of an entire sidebar, blog comment form, etc. instead of the same steps for creating text frames? I would rather have seen some other features demo'd --- drop shadows on boxes, more options on polygon shape editing, transparency, etc. However, the repetition definitely forces the info into your head, so that's a good take away :-) On a personal level, I found that watching at 1.25 speed was better for me than at 1.0, but I also have a strong visual background so I didn't need to mentally focus as much on the first 7 or so sections of the course. Would also be interesting to know if any features of version 1.7 or later would be helpful in enhancing website mockup. I LEARNED TONS -- LOTS OF "POWER USER" TIPS/TRICKS ALONG THE WAY. DEFINITELY WOULD TAKE MORE COURSES FROM DAWID!
By Raul Rodriguez III on 6/9/2020
TLDR; Not the cleanest course, but definitely worth it - even as a complete beginner. I learned from the course and definitely feel more confident using Affinity Designer than before. I was a complete beginner so it was a bit tough following all of the exercises but it forced me to learn by doing. Surprisingly, I enjoyed the design theory section (but felt it was a bit much). Aside from that, it was difficult to locate all of the resources within the course (they're there but you have to look for them).
By Richard Brooks on 5/12/2020
AMAZING COURSE on building web page mock-ups in Affinity Designer. The instructor presented the lessons in a clear and precise manner. The videos were not too long and the pacing was excellent. I usually build mock-ups in Photoshop or Figma, but recently decided to invest in Affinity Designer. This course in the PERFECT companion for that app. Dawid's lessons made building prototype web pages with AD fun and easy, and I learned many time-saving techniques. If you are a newcomer to Affinity Designer or web design in general, I would HIGHLY RECOMMEND this course. It's a great value, and the clear instructions will make it a breeze to follow along with and build your own awesome website mock-ups and wireframes.
By MateuszTrojan on 11/20/2019
Kurs pokazuje obsługę programu Affnity Designer z wykorzystaniem wszystkich potrzebnych narzędzi. Mile jestem zaskoczony możliwościami programu i w jaki sposób można wykorzystać go do projektowana stron internetowych. Kurs też przedstawia w jaki sposób na co zwrócić uwagę przy projektowaniu layout strony internetowej, jakich narzędzi użyć gdzie szukać inspiracji itp. Web Design in Afnity Desinger Masrerclass to dobry wybór do nauki projektowania i pokazania możliwości Affnity Desinger -a . Polecam!
By Nekaybaw Williams on 8/18/2019
I've taken other courses by Dawid that I really enjoyed. So I decided to take this one, and it did not disappoint! If you're wanting to learn how to create a website using Affinity Designer, then this is the course to take! The instructor was very informative and explained/showed how to create everything at a pace that was very easy to follow! Now I have more skills and projects to add to my portfolio, and this also gave me more inspiration to create different types of websites of my own! I look forward to more classes Dawid will create in the future!!!
By Abraham Eliseo Cruz Herrera on 6/9/2019
El curso está bien balanceado entre teoría y práctica. Sin una buena base acerca de Diseño, más allá de la herramienta, utilizar Affinity Designer (o cualquier otro Software) serviría solo para producir malos resultados. Del lado de la práctica, hay buenos ejemplos y flujos de trabajo.
By Sean Smith on 8/31/2018
I found the course useful and a good review of design principles for beginners at the start of the course. Once he moved into Affinity designer it was useful to see how the instructor used this program for design. What I would like to see improved is that when using a shortcut key the shortcut key should be verbally stated each time. The instructor clones elements multiple times throughout the course but never states the shortcut key. Alternatively text overlay with shortcut keys would work.
By Lemuel Pereira on 5/11/2018
It has almost everything to be a 5 star course: nice explanations, hands-on examples and so on. BUT it does not have a attention to mobile design (though the principles shown here could be applied to mobile) and the resources are not enough. There is a blog design tutorial in the end but no resource for that. If Dawid adds the resources I'll give the course another half star and if he adds some lessons on mobile design or responsiveness in some kind I'll give another whole star to the course.
By Charles Tutt on 5/4/2018
While design concepts and best practices are important and of great interest to me, I'm surprised that Affinity Designer isn't mentioned until section 6 video 19. I would like to see more direct application of design concepts using Affinity Designer. Well, the previous comment was my first review and I changed my rating from 3 to 5 star. My early concerns that I may have been misled by the course description and what to expect could have been avoided by a better up-front course description. From section 6 video 19 on, I found tremendous value consisting of workflow, tips and techniques specifically applied to Affinity Designer. I have now "favorited" this course in my learning library. I learned things about both good design AND Affinity Designer that never even occurred to me before.












