YoVDO

Fundamentals of Web Design in Illustrator

Offered By: Skillshare

Tags

Adobe Illustrator Courses Web Design Courses Typography Courses Digital Art Courses Responsive Design Courses Wireframing Courses Grid Systems Courses

Course Description

Overview

This is an amazing course. It is well structured and it shows one of the best workflows a designer should follow.

Very clear and thorough, a great explanation that will establish healthy work flows going forward. Thanks so much for the great class Dawid, looking forward to more!

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.

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

See you inside.

Dawid

PS If you like the class, please submit your review and class project.  It will help other students, just like you interested in topic I teach, in finding my classes. Thanks!


Syllabus

  • Web Design in Illustrator :Welcome to the course
  • My Web design workflow
  • Principles of good web design
  • 5 most important web design trends
  • Create a webdesign workspace
  • Create custom shortcuts
  • Create new web design document
  • Responsive web design principles
  • Building a responsive template artboards
  • Rearrange artboards and layers
  • What is Bbootstrap?
  • Responsive desktop grid
  • Responsive mobile grids
  • What is a wireframe?
  • Wireframe elements: color and images
  • Typography and flexible buttons
  • 2 ways of using wireframe library
  • Handing the design over to a client
  • Exporting to Photoshop
  • Let's sum up what we've learnt

Taught by

Dawid Tuminski

Related Courses

Front-End Web UI Frameworks and Tools: Bootstrap 4
The Hong Kong University of Science and Technology via Coursera
Build Restaurant Business Website using Google Sites
Coursera Project Network via Coursera
Build Training Website using Google Sites
Coursera Project Network via Coursera
Building High Quality User Experience Using Material UI
NIIT StackRoute via Coursera
Learn Bootstrap
Codecademy