Web Design Fundamentals in Illustrator

Web design basics in Illustrator Web Design Fundamentals Web design essentials Web design in Illustrator Web design
4.2 (49 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,311 students enrolled
Instructed by Dawid Tuminski Design / Web Design
$19
$195
90% 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

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

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

What 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.

Curriculum

Section 1: Introduction
02:01

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

00:46

How to download supplementary materials

Downloadable resources
Article
Section 2: Base concepts
05:46

Learn a typical web design workflow in Illustrator

03:28

Learn the most important principles of web design.

03:48

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
03:29

Learn how to create a web design workspace in Illustrator.

03:09

Learn how to create custom shortcuts in Illustrator

03:47

Learn how to create new document for web design.

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

Learn responsive web design principles

05:32

How to build a responsive web design template using artboards

04:26

Finish building a responsive web design template

01:51

Learn the core principles of a bootstrap like grid

03:55

Start creating a 12 column Bootstrap like web design grid

04:15

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
03:28

Learn what is a wireframe

07:22

Learn how to build wireframe elements: colors and images

06:57

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

02:51

Learn the 2 ways of using your custom wireframe library

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

Learn how to create and adjust Character styles in Illustrator

Adding colors to character styles
02:22
Paragraph styles in Illustrator
Preview
04:36
03:17

Learn how to change letter case in Illustrator

03:42

Learn hwo to quickly find fotns within your document

Quiz #3
1 question
Section 7: Handling color
03:50

How to create your own swatches and color groups

01:50

Where to find color inspiration for your project

Getting colors from Flatcolors.net
03:09
Getting colors form Flatuicolors.com
03:13
Finding color inspiration on webdesign-inspiration.com
01:59
Section 8: Finalizing the design
03:19

Saving the design for web and as pdf

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

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

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

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Dawid Tuminski, Adobe Certified Expert Designer and Online Entrepreneur

I've been using graphical software for many years now and I've recently decided to share my knowledge with others and I always try to do it in a straight-to-the-point kind of way with a touch of entertainment.

To tell you the truth I never thought of taking up a career as a teacher of any kind. In fact, I was always reluctant to agree with people, who always encouraged me to teach, saying: You should be a teacher!

But here I am and I am really enjoying it!

At first I started learning Photoshop. Then it was Illustrator and logo design principles. I kind of stuck with these two programs for a few years to eventually start learning web development through Dreamweaver and Wordpress.

My decision to start teaching was based on the quality of trainings and tutorials I saw and participated in. I thought to myself: Man. I really could do this!

So here I am now, online on Udemy and offline, in my home city.

Ready to start learning?
Take This Course