Photoshop for UX Design

Photoshop for UX Design

Photoshop for UX Design is an Intermediate level tutorial on CAD, written by the author, Dennis Meyer. This tutorial is a critical pillar for an individual who needs to get better at his/her CAD skills. It gives you a strong understanding on CAD, Prototyping, Web, User Experience, Photoshop, CAD, Prototyping, Web, User Experience and Photoshop.

Free Download - Photoshop for UX Design
Author Dennis Meyer
Publish Date 3/9/2017
Skill Intermediate
Duration 1h 33m
Topic CAD
Video Tutorials 21
Last Update 7/10/2018

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.

Topics include:

  • 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

Photoshop for UX Design : Video Lessons

  • Welcome1m 10s
  • The unique role of Photoshop in UX1m 36s
  • Using the exercise files26s
  • Create a document with artboards5m 27s
  • Grids, guides, and guide layouts5m 51s
  • Add content placeholders9m
  • Add text to your wireframes6m 48s
  • Use ligature fonts to quickly add icons3m 15s
  • Use layer comps to display states4m 54s
  • Annotate your artboards6m 9s
  • Mobile preview on Adobe XD4m 49s
  • Export artboards for review4m 33s
  • Export assets for use in InVision5m 4s
  • How pixels can go wrong8m 7s
  • What are user interface kits?3m 8s
  • Use a UI kit to create a pixel-perfect design11m 39s
  • Create your own interface kit5m 24s
  • Extract CSS values from a design5m 1s
  • Next steps45s

Recommended video tutorials from YouTube.

  • UI Design in Photoshop - Simple Photoshop Tutorial
  • Hello friends, In this video, I will show you how to create a Minimal Style UI Design in Photoshop. This tutorial will cover topics such as how to use the gradient ...

  • DateTime : 2018-11-14 21:01:52
  • Source : Graphic Design Gear
  • App Design Tutorial | Photoshop CC | Signup Page Step by Step | UI/UX Design | #Maxpoint-Hridoy
  • This tutorial you will learn, app design,mobile app design, how to design an app, iPhone app design, design a mobile app, flat design app, app design tutorial, ...

  • DateTime : 2018-04-19 03:10:32
  • Source : MaxpoinT Hridoy
  • UI Design In Photoshop - Adobe Photoshop Tutorial
  • Hello friends, In this video, I will show you how to create an Elegant UI Design in Photoshop. This tutorial will cover topics such as how to use the gradient tool, ...

  • DateTime : 2019-03-04 03:30:00
  • Source : Graphic Design Gear

Please consider buying this course - Photoshop for UX Design directly from the author - Dennis Meyer. This way you could help the author create more great content, also you may get personal help.

The links being shared are only for poor students who really cannot afford to pay. So, if you are capable of paying please do consider it once before trying the free download links.

Categorised in: , , , ,

Kindly note, we have recently migrated to a new server. In case of download links not working at all it means that we are undergoing maintenance at the backend. In such case please try after 24 hours. Also make sure your internet connection is persistant else the file may endup corrupted.