What happens is, Google Fonts are free for commercial use, which is great. Google Fonts, I find it's just easier, they're a bit harder to implement but they are better in terms of licensing. Now, in my experience- it depends on what you're doing. There's one called Google Fonts, or Typekit. There's kind of two main places you're going to do if you're an Illustrator person. Now, you can’t just go through your list and go, “I want to pick all these fonts I've got on my machine,” you might have hundreds, you might only have a few, you can't just go and pick any of them, they need to be specific fonts that can be used online, since they’d just be licensed online, and if they're paid for, paid for that license, and if they’re commercially usable, go off and use them. What we've got in- we just used plain old text, you might have used Arial, by default Illustrator loves Myriad Pro, so what we need to do now is switch it out for the font that we want to use. In this video we're going to look at bringing in really specific web safe fonts, from Google Fonts, and Typekit, like this little sexy guy here, and these little plain Janes, but very cool fonts up the top here. 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 |