Now it’s time to upgrade your skills, get that better job, and impress your clients
UI design skills are one of the most employable opportunities of our lifetime. In this course you’ll learn how to design a professional website in Adobe Illustrator. We’ll start right at the basics of Illustrator and work our way through to building professional UI designs. This course doesn’t cover how to code a website but focuses on the design processes that professional UI designers use when working.
This is a project based class for students who are new to the world of app & web design. We created this for people nervous about changing their careers into the world of user interface design.
We’ll build a professional portfolio website. You can use this course to build your own portfolio website (the one you’ve been putting off for years). You’ll learn how to design desktop, tablet and mobile versions of your website. You’ll learn what you’ll need to deliver at the end of a project to your client.
This course is for people serious about becoming a User Interface design professional.
Course Outline
Here's what you'll learn in more detail
-
1
Introduction
- Welcome FREE PREVIEW
- Am I a UI UX designer now?
- UI Design Photoshop vs Illustrator vs Sketch vs InDesign vs Adobe XP FREE PREVIEW
- What is Illustrator’s role when designing a website
-
2
Getting Started
- Download the exercise files & cheat sheet
- Getting your workspace & Illustrator preferences ready for UI work
- Exercise Files and Projects
-
4
Setting up your first pages
- What screen sizes to use for desktop, tablet & mobile web design FREE PREVIEW
- What is a grid system & responsive mobile & tablet design
- How to make a responsive 12 column grid in Illustrator
-
5
It all begins with Wireframing
- Creating a wireframe - Low fidelity - hand drawn FREE PREVIEW
- Creating a wireframe - High Fidelity - Illustrator
- Creating the Tablet and Mobile wireframes in Illustrator
-
6
Designing your first page
- Inspiration for your web design
- Starting your web design using Illustrator templates
- Bring in your vector logo to the layout
-
7
Colour
- Color.Adobe.com
- Matching brand colours using Adobe Illustrator
-
8
Fonts
- Using the right web fonts Google Fonts & Typekit
- Production video - finalizing nav, hero box and fonts
-
9
Images
- Free vs Royalty Free images
- Adding Linking Cropping & Masking images in Illustrator
- Washing out images in Illustrator with coloured background
- How to use layers in Illustrator CC
-
10
Creating Symbols & Icons
- Using the Adobe Market for free icons
- Using Icon finder for free website UI social icons
- Align & distribute icons in Illustrator for web design
- How to adjust vector shapes in Illustrator CC
- Creating custom icons & logos using the shape builder tool in Illustrator CC FREE PREVIEW
- Drawing icons & logos in Illustrator using the pen tool
-
11
Creating Mobile & Tablet Versions Websites
- Creating a tablet version of our UI web design in Illustrator CC FREE PREVIEW
- Creating a mobile responsive UI website design in Illustrator CC
-
12
Exporting
- Export your full page web ui mockups from Illustrator CC
- Should I be using SVG export in Illustrator CC for web design
- Exporting images and pictures from Illustrator CC for web
- Exporting logos and icons from Illustrator for UI
- Retina - HiDPI and responsive image export from Illustrator CC FREE PREVIEW
- Exporting your UI for App design using Illustrator CC
- Exporting CSS for developers using Adobe Illustrator CC
-
13
Working as a UI Designer
- Learning the language of UI user interaction design FREE PREVIEW
- How to get your first work as a UI designer
-
14
Conclusion
- Your first UI project - Adobe Illustrator CC
- Cheat sheet - Adobe Illustrator CC
BECOME A MEMBER
With a monthly or yearly subscription, you can have unlimited access to our ever-expanding library of top quality video training courses from the best instructors in the creative industry. The subscription plan gives you access to all training courses.
-
£19.00 / month
£19.00 / monthAccess All Courses
Pay monthly and cancel any time -
£180.00 / year
£180.00 / yearAccess All Courses
Pay annually and save over 20%