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
Although you have a number of design tools available to you for your numerous UX projects, oftentimes, the tool you already have and the tool you already know is the best tool for the job. This course shows how to quickly create wireframes, flowcharts, and pixel-perfect mockups in Photoshop. Learn how to use artboards, guides, Creative Cloud libraries, and more to make layouts and generate exports that convey fluid app experiences. Join Dennis Meyer as he shows you how to set up your project, create a static wireframe, export your designs, and leverage UI kits to create pixel-perfect mockups.