Whether designing a new interface or customizing a well-defined one, it's important to keep your designs consistent. In this video, learn about the Creative Cloud lIbrary, and how it can be used to store and share a consistent design.
- [Instructor] There are times…when you're designing an interface from the ground up,…like if you're designing a game that's going to be playable…on a website, on mobile devices, and maybe even consoles.…When that happens, it can be a great time saver…to build your own UI kit.…We've previously looked at how a UI kit can be layed out…as a single file, but I'd also like to share with you…how you can leverage Creative Cloud Libraries…to set up a UI kit of your own.…If you have access to the exercise files,…I've given you a folder of some of the assets…that are part of a design for an ocean themed game.…
Let's take a look at the level icons.psd.…Here, there are three layers.…We have our base level icon,…an optional icon that shows when a level is locked,…and we have an editable text layer…with some layer effects applied…that we can change depending on which level it is…that we're trying to make an icon for.…If you're curious, the icon is uppercut angle,…which is available from Typekit.…Creative Cloud Libraries allows you…
- Creating a document with artboards
- Using grids, guides, and guide layouts
- Adding placeholders and text
- Using ligature fonts for icons
- Using layer comps to display states
- Using Adobe Preview CC
- Exporting artboards for review
- Exporting assets for use in InVision
- Working with user interface kits
- Extracting CSS values from a design
Skill Level Intermediate
Q: This course was updated on 11/14/2017. What changed?
A: New videos were added that cover how to use user interface kits to create pixel-perfect designs.
Q: This course was updated on 07/10/2018. What changed?
A: We added one video, "Mobile preview on Adobe XD."