Illustrator - UI & Web Design using Adobe Illustrator 2017

Location
Online
Dates
Can be taken anytime
Course Type
Professional Training Course
Accreditation
Yes (Details)
Language
English
Price
$10

Course Overview

How to design a website in adobe illustrator UI Interface essentials How to design for a responsive website Professional website designer techniques Professional workflows and shortcuts.

Coupon code - WIISEGT

Who should take this course

It is available for all the learners.

Accreditation

WIISE

Course content

The outline of this course is mentioned below:

Overview:

What is Illustrator's role when designing a website. Intro - Illustrator for web and UI Work. Am I a UI UX designer now. UI Design Photoshop vs Illustrator vs Sketch vs Indesign vs Adobe.

Getting Started:

  • Download the exercise files, completed files and cheat sheet
  • Getting your workspace and Illustrator preferen for UI work

Planning:

  • Sitemap vs Wireframe
  • Creating a sitemap in Illustrator

Setting up your first pages:

  • What screen sizes to use for desktop, tablet and mobile web design
  • What is a grid system and responsive mobile and tablet design
  • How to make a responsive 12 column grid in Illustrator

It all begins with wireframing:

  • Creating a wireframe - Low fidelity - hand drawn
  • Creating a wireframe - High Fidelity - Illustrator
  • Creating the Tablet and Mobile wireframes in Illustrator

Designing your first pages:

  • Inspiration for your web design
  • Starting your web design using Illustrator templates
  • Bring in your vector logo to the layout

Color:

  • Using Adobe Color
  • Matching brand colors using Adobe Illustrator

Fonts:

  • Using the right web fonts Google Fonts and Typekit
  • Production video - finalizing nav, hero box and fonts

Images:

  • Free vs Royalty Free images
  • Adding Linking Cropping and Masking images in Illustrator
  • Washing out images in Illustrator with coloured background

Creating symbols and icons:

  • Using the Adobe Market for free icons
  • Using Icon finder for free website UI social icons
  • Align and distribute icons in Illustrator for web design
  • How to adjust vector shapes in Illustrator
  • Creating custom icons and logos using the shape building in Illustrator
  • Drawing icons and logos in Illustrator using the pen toolAlign and distribute icons in Illustrator for web design

Creating mobile and tablet version websites:

  • Creating a mobile responsive UI website design illustrator 2017
  • Creating a tablet version of our UI web design in Illustrator

Exporting:

  • Export your full page web ui mockups from Illustrator 2017
  • Should I be using SVG export in Illustrator 2017 for web design
  • Exporting images and pictures from Illustrator 2017 for web
  • Exporting logos and icons from Illustrator 2017 for UI
  • Retina - HiDPI and responsive image export from Illustrator 2017
  • Exporting your UI for App design using Illustrator 2017 2
  • Exporting CSS for developers using Adobe Illustrator 2017

Working as UI Designers:

  • Learning the language of UI user interaction design
  • How to get your first work as a UI designer

Next steps:

  • Next steps to becoming an amazing UI designer
  • Your first project

Cheat sheet:

  • Adobe-illustrator-tips-and-tricks

About Course Provider

WIISE is a 'Professional Learning Network'​ with a global outreach that helps anyone to learn anything to achieve personal and professional goals.

We bring top-rated interactive learning courses & certifications from across the world through respected Global Academic Institutes and Industry experts to our learners.

WIISE for Teams is a Smart training solution suitable for growing businesses (SMB’s) - deliver online cost-effective, on-demand training, staff engagement & Upskilling to their employees and customers. WIISE incorporates the latest micro-learning & social-learning techniques that provides fast and engaging training at a fraction of cost of traditional training methods.

WIISE is brought by respectable Learning services & Skill development company - PositiveShift Group - Silicon Valley CA USA, India (www.positiveshift.in). The company has been awarded unique Innovation partnership with National Skill Development Corporation (NSDC) and Ministry of Skill Development and Entrepreneurship, Govt of India.

Frequently asked questions

{{ item.question }}