Adobe illustrator cc 2017 ui & web design online course

Course Outline Chapter 01: Overview 08:09

• Introduction
• Am I a UI or UX designer now?
• UI Design: Photoshop vs. Illustrator vs. Sketch vs. InDesign vs. Adobe XD
• What is Illustrator’s role when designing a website?

• Download the exercise files, completed files & cheat sheet
• Getting your workspace & Illustrator preferences ready for UI work

• Sitemap vs. Wireframe
• Creating a sitemap in Illustrator CC 2017

• What screen sizes to use for desktop, tablet & mobile web design
• Grid systems & responsive design for mobile & tablet
• How to make a responsive 12-column grid in Illustrator

• Creating a hand drawn wireframe
• Creating a wireframe in Illustrator
• Creating the tablet & mobile wireframes in Illustrator

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

• Using Color.Adobe.com (Adobe Color CC)
• Matching brand colors using Adobe Illustrator

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

• Free vs. Royalty Free images
• Placing, Cropping & Masking images in Illustrator
• Washing out images in Illustrator with colored background
• How to use layers in Illustrator CC 2017

• Using the Adobe Market for free icons
• Using Iconfinder.com for free website UI social icons
• Align & distribute icons in Illustrator for web design
• How to adjust vector shapes in Illustrator CC 2017
• Creating custom icons & logos using the Shape Builder tool in Illustrator CC 2017
• Drawing icons & logos in Illustrator using the Pen tool

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

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

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

• Next steps to becoming an amazing UI designer
• Your first project: Adobe Illustrator CC 2017

• Cheat sheet: Adobe Illustrator CC 2017

PACKAGE INCLUDES:

Length of Subscription: 12 Months Online On-Demand Access
Running Time: 4 hrs 7 min
Platform: Windows & MAC OS
Level: Beginner to Advanced
Project Files: Included

Learn anytime, anywhere, at home or on the go.

Stream your training via the internet, or download to your computer and supported mobile device, including iPad, iPhone, iPod Touch and most Android devices.

Need to train your Team? Contact Us for Discounts on Multiple Subscription Purchases.