Web Design Fundamentals in Illustrator

Web design basics in Illustrator Web Design Fundamentals Web design essentials Web design in Illustrator Web design
4.4 (51 ratings)
Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
1,336 students enrolled
Instructed by Dawid Tuminski Design / Web Design
92% off
Take This Course
  • Lectures 36
  • Length 2 hours
  • Skill Level Beginner Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works


Find online courses made by experts from around the world.


Take your courses with you and learn anywhere, anytime.


Learn and practice real-world skills and achieve your goals.

About This Course

Published 10/2015 English

Course Description

+++This course is continually maintained. New quiz questions were added in November 2016+++

"I really enjoyed this course, I learned a lot, the lectures are very informative and enjoyable, Mr. Dawid is a gifted teacher, he can present the topics in a very engaging manner.

But there is one thing that the potential buyers should know about this course, you learn many great concepts about using illustrator for web design and designing a template for future projects with placeholders for web content but to practice designing a real website and using those concepts you learn in this course, it is advisable to take another course by Mr.Dawid named "How To Design a Website in Illustrator", I highly recommend those two courses together for any one who wants to learn about web design in illustrator."

Are you a web design beginner?

Have you been designing web sites for a while, but never in Illustrator?

Or maybe you have been using Illustrator for some time, but never thought you could use it for web design?

Stop wasting your time on wondering and guessing.

Thanks to this course you will gain all the knowledge you need start designing amazing websites independently.

Inside you will find unique information on:

  • How to transform Illustrator into a web design supertool.
  • How to easily build a wireframe and a website on top of that – fast!
  • How to master desktop, tablet and smartphone web design – all in one file thanks to Illustrator’s artboards
  • How to make your design faster and more professional with a custom, Bootstrap like 12-column grid

What you get is an exclusive occasion to start designing wonderful websites, that you can charge thousands of dollars for.

And yes, you can do that using Adobe Illustrator.

But you don't have to take my word for it. Take a look at what Jason Martinez, one of the students in this course, had to say about it:

"This course will help out tremendously in getting set up for web design. Takes all the guess work out of the picture and has practical tips to make the process less difficult.

This course will save you time! Recommend to any beginner who wants to learn about web design. Also, covers saving in file type(s) before submitting to the client. Awesome instruction."


This course is for all those who want to start designing websites in Adobe Illustrator.

Otherwise, this course isn't for you.

I know, that it is not that common to use Illustrator for web design. Well that’s mainly because developers are simply used to receiving designs made in Photoshop. And that’s ok! Illustrator lets you export files to Photoshop with ease!

So you get the best of both worlds: design in Illustrator, deliver in Photoshop.

And this goes to all you logo designers and all you dtp designers: you don’t have to ditch Illustrator to design web sites! You can do that successfully in your favorite design tool!

I vouch for this course. I wish I came across this kind of knowledge, when I was starting out as a designer.

But if, within the 30-day guarantee period, you are not convinced, that this course is going to kick-start your web design projects in Adobe Illustrator…

… simply ask Udemy for a refund, but I really doubt that you will have a reason for it.

You risk nothing.

It’s up to you now.

Click that Enroll button and take your first step to creating sensational web designs in Illustrator.

See you inside.

What are the requirements?

  • At least Adobe Illustrator CS5 installed
  • Computer with internet access
  • Basic computer skills
  • Positive attitude

What am I going to get from this course?

  • How to transform Illustrator into a web design supertool
  • How to easily build a wireframe and a website on top of that – fast!
  • How to master desktop, tablet and smartphone web design – all in one file thanks to Illustrator’s artboards
  • How to make your design faster and more professional with your custom, Bootstrap like 12-column grid
  • Web design workflow: what to do to design a successful website – the professional’s habits.
  • What makes a web design good: the right mindset, colors, fonts and images

Who is the target audience?

  • Web design newbies
  • Designers who never used Illustrator for web design
  • Designers who want to expand their web design skills
  • Logo and desktop publishing designers who want to start designing websites in Illustrator

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.


Section 1: Introduction

Learn how this course is structured and what to expect from it.


How to download supplementary materials

Downloadable resources
Section 2: Base concepts

Learn a typical web design workflow in Illustrator


Learn the most important principles of web design.


Learn 5 most important trends to know when designing web sites in 2015 and beyond

Principles of good web design
1 question
Section 3: Let's set up Illustrator for web design

Learn how to create a web design workspace in Illustrator.


Learn how to create custom shortcuts in Illustrator


Learn how to create new document for web design.

Web design document
1 question
Congratulations! You earned your Wannabe Web Design Badge!
Quiz #1
1 question
Section 4: Responsive web design in Illustrator

Learn responsive web design principles


How to build a responsive web design template using artboards


Finish building a responsive web design template


Learn the core principles of a bootstrap like grid


Start creating a 12 column Bootstrap like web design grid


Let's finish the 12 column Bootstrap like web design grid

Responsive template creation quiz
1 question
12-column grid quiz
1 question
Create a 12-column grid
1 question
Quiz #2
1 question
Section 5: Wireframing in Illustrator

Learn what is a wireframe


Learn how to build wireframe elements: colors and images


Learn how to add typography and flexible buttons to your wireframe library.


Learn the 2 ways of using your custom wireframe library

Wireframe quiz
1 question
Congratulations! You earned your Beginner Web Design Badge!
Section 6: Handling type for web design in Adobe Illustrator

Learn how to create and adjust Character styles in Illustrator

Adding colors to character styles
Paragraph styles in Illustrator

Learn how to change letter case in Illustrator


Learn hwo to quickly find fotns within your document

Quiz #3
1 question
Section 7: Handling color

How to create your own swatches and color groups


Where to find color inspiration for your project

Getting colors from Flatcolors.net
Getting colors form Flatuicolors.com
Finding color inspiration on webdesign-inspiration.com
Section 8: Finalizing the design

Saving the design for web and as pdf

How to embed images and and export the file to Photoshop.
Finalizing the design quiz
1 question
Quiz #4
1 question
Section 9: Conclusion

Let's sum what we've learnt in the curse

Congratulations! You earned your Young Star Web Design Badge!
Bonus Lecture

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Dawid Tuminski, Adobe Certified Expert Designer and Online Entrepreneur

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 +22.000 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.

Ready to start learning?
Take This Course