It's a wireframe, it also is just gray boxes and some type nice and simple. In this video we're going to make this a wireframe. Your first project - Adobe Illustrator CC 2017Ĥ5. Next steps to becoming an amazing UI designerĤ4. How to get your first work as a UI designerĤ3. Learning the language of UI user interaction designĤ2. Exporting CSS for developers using Adobe Illustrator CC 2017Ĥ1. Exporting your UI for App design using Illustrator CC 2017Ĥ0.

Retina - HiDPI and responsive image export from Illustrator CC 2017ģ9.

Exporting logos and icons from Illustrator 2017 for UIģ8. Exporting images and pictures from Illustrator CC 2017 for webģ7. Should I be using SVG export in Illustrator CC 2017 for web designģ6. Export your full page web ui mockups from Illustrator CC 2017ģ5. Creating a mobile responsive UI website design in Illustrator CC 2017ģ4. Creating a tablet version of our UI web design in Illustrator CC 2017ģ3.

Creating mobile & tablet versions websitesģ2.

Drawing icons & logos in Illustrator using the pen tool Creating custom icons & logos using the shape builder tool in Illustrator CC 2017ģ1. How to adjust vector shapes in Illustrator CC 2017ģ0. Align & distribute icons in Illustrator for web designĢ9. Using Icon finder for free website UI social iconsĢ8. How to use layers in Illustrator CC 2017Ģ6. Washing out images in Illustrator with coloured backgroundĢ5. Adding Linking Cropping & Masking images in IllustratorĢ4. Production video - finalizing nav, hero box and fontsĢ3. Using the right web fonts Google Fonts & Typekit.Ģ1.

Matching brand colors using Adobe IllustratorĢ0. Bring in your vector logo to the layoutġ9. Starting your web design using Illustrator templatesġ7. Creating the Tablet and Mobile wireframes in Illustratorġ6. Creating a wireframe - High Fidelity - Illustratorġ4. Creating a wireframe - Low fidelity - hand drawn.ġ3. How to make a responsive 12 column grid in Illustratorġ2. What is a grid system & responsive mobile & tablet designġ1. What screen sizes to use for desktop, tablet & mobile web designġ0. Creating a sitemap in Illustrator CC 2017ĩ. Getting your workspace & Illustrator preferences ready for UI workĨ. Download the exercise files, completed files & cheat sheetĦ. What is Illustrator’s role when designing a websiteĥ. UI Design Photoshop vs Illustrator vs Sketch vs InDesign vs Adobe XPĤ.

Creating a button in indesign cc 2017