Illustrator CC 2017: UI and Web Design

Rapid Skillz

Course

Online

£ 35.39 VAT inc.

*Indicative price

Original amount in USD:

$ 44

The best Other Web Design courses

See all

See all

Description

  • Type

    Course

  • Level

    Intermediate

  • Methodology

    Online

  • Duration

    Flexible

  • Start date

    Different dates available

In this UI & Web Design with Adobe® Illustrator® CC course you’ll learn how to design a professional website in Adobe Illustrator CC 2017. Start right at the basics of Illustrator, and work your way through to building professional UI designs. This course focuses not on coding, but on the design processes that professional UI designers use when working.

Facilities

Location

Start date

Online

Start date

Different dates availableEnrolment now open

About this course

UI design skills are one of the most employable opportunities of our lifetime. Created for people nervous about changing their careers into the world of user interface design, this UI & Web Design with Adobe Illustrator CC course takes students through a project-based class. Build a professional portfolio website using the work-along project files included. You can even use this course to build your own portfolio website by learning the keys to planning out a responsive site, like drawing wireframes, choosing colors and stylish fonts, and adding attention-grabbing images.
If you are serious about becoming a User Interface design professional, then now is the time to upgrade your skills, get that better job, and impress your clients.

Questions & Answers

Add your question

Our advisors and other users will be able to reply to you

Who would you like to address this question to?

Fill in your details to get a reply

We will only publish your name and question

Reviews

Subjects

  • Export
  • Design
  • Adobe
  • Illustrator
  • Web
  • Web Design
  • Interaction DESIGN
  • Wireframing
  • UI Design
  • Template development
  • Vidio production
  • Cropping & Masking

Teachers and trainers (1)

Name Name

Name Name

Teacher

Course programme

Chapter I: Overview 08:09Introduction
  • 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?
Chapter II: Getting started 03:44
  • Download the exercise files, completed files & cheat sheet
  • Getting your workspace & Illustrator preferences ready for UI work
Chapter III: Planning 08:51
  • Sitemap vs. Wireframe
  • Creating a sitemap in Illustrator CC 2017
Chapter IV: Setting up your first pages 20:34
  • 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
Chapter V: It all begins with Wireframing 23:26
  • Creating a hand drawn wireframe
  • Creating a wireframe in Illustrator
  • Creating the tablet & mobile wireframes in Illustrator
Chapter VI: Designing your first page 10:17
  • Inspiration for your web design
  • Starting your web design using Illustrator templates
  • Bringing in your vector logo to the layout
Chapter VII: Color 06:01
  • Using Color.Adobe.com (Adobe Color CC)
  • Matching brand colors using Adobe Illustrator
Chapter VIII: Fonts 15:30
  • Using the right web fonts: Google Fonts & Typekit
  • Production video: finalizing nav, hero box & fonts
Chapter IXmages 24:10
  • 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
Chapter X: Creating symbols & icons 46:57
  • 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
Chapter XI: Creating mobile & tablet website versions 20:30
  • Creating a tablet version of our UI web design in Illustrator CC 2017
  • Creating a mobile responsive UI website design in Illustrator CC 2017
Chapter XII: Exporting 38:50
  • 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
Chapter XIII: Working as a UI designer 08:00
  • Learning the language of UI user interaction design
  • How to get your first work as a UI designer
Chapter XIV: Next steps 07:03
  • Next steps to becoming an amazing UI designer
  • Your first project: Adobe Illustrator CC 2017
Chapter XV: Cheat Sheet 05:23
  • Cheat sheet: Adobe Illustrator CC 2017

Additional information

LENGTH

4 hrs 7 min

See related categories

Illustrator CC 2017: UI and Web Design

£ 35.39 VAT inc.

*Indicative price

Original amount in USD:

$ 44

The best Other Web Design courses

See all

See all