Introduction
                                    
                                        Welcome
                                            
                                                ()
                                            
                                            
                                    
                                    
                                        The unique role of Photoshop in UX
                                            
                                                ()
                                            
                                            
                                    
                                    
                                        Using the exercise files
                                            
                                                ()
                                            
                                            
                                    
                             
                            
                                1. Set Up Your Project
                                    
                                        Create a document with artboards
                                            
                                                ()
                                            
                                            
                                    
                                    
                                        Grids, guides, and guide layouts
                                            
                                                ()
                                            
                                            
                                    
                             
                            
                                2. Create a Static Wireframe
                                    
                                        Add content placeholders
                                            
                                                ()
                                            
                                            
                                    
                                    
                                        Add text to your wireframes
                                            
                                                ()
                                            
                                            
                                    
                                    
                                        Use ligature fonts to quickly add icons
                                            
                                                ()
                                            
                                            
                                    
                                    
                                        Use layer comps to display states
                                            
                                                ()
                                            
                                            
                                    
                                    
                                        Annotate your artboards
                                            
                                                ()
                                            
                                            
                                    
                             
                            
                                3. Export Your Artwork
                                    
                                        Mobile preview on Adobe XD
                                            
                                                ()
                                            
                                            
                                    
                                    
                                        Export artboards for review
                                            
                                                ()
                                            
                                            
                                    
                                    
                                        Export assets for use in InVision
                                            
                                                ()
                                            
                                            
                                    
                             
                            
                                4. Create a Pixel-Perfect Mockup
                                    
                                        How pixels can go wrong
                                            
                                                ()
                                            
                                            
                                    
                                    
                                        What are user interface kits?
                                            
                                                ()
                                            
                                            
                                    
                                    
                                        Use a UI kit to create a pixel-perfect design
                                            
                                                ()
                                            
                                            
                                    
                                    
                                        Create your own interface kit
                                            
                                                ()
                                            
                                            
                                    
                                    
                                        Extract CSS values from a design
                                            
                                                ()
                                            
                                            
                                    
                             
                            
                     
                        
                                
                                    Ex_Files_PhotoshopCC_UX_Design.zip
                                    
                                        (15.9 MB)