By WIISE
Online
Can be taken anytime
Professional Training Course
Yes (Details)
English
$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.