![]() ![]() ![]() Say you're not selling an app, you're selling, I don't know, cookies, you could switch it with your image here. ![]() They're here to be used, they're used commercially, you might decide, "I'm going to start with this one here, because it kind of matches what I want to do." You double click it, and you start going from playing with the colors, the fonts, it downloads it eventually, and you change it with your images. But, page designs, you might start off with one of these, and just start switching. That is a landing page, that is some presentation graphics, some social media icons, there's all sorts of different ones, but in terms of a web page design, you can see this in wireframes. If you go to 'Web', you'll see that underneath here there's a bunch of templates. We're at 2017 at the moment, and so if we go to 'New', or 'File', 'New', there's this little new document window. Some of the easiest ones are built into the new version of Illustrator. It's good to start with a template, and there are lots of templates around. Whatever reason, you might be a little more daunted by the whole design process. You might be really new to design in general, you might be a student, you might be young, you might be older and have never done it before. Okay, in this tutorial we're going to look at how to start from templates. Cheat sheet - Adobe Illustrator CC 2017 FREE 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 FREEģ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 FREEġ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. 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 FREEĨ. 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 FREEĤ. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |