Header Ads Widget

Responsive Advertisement

Ticker

6/recent/ticker-posts

How to make UX UI design in Photoshop

DEMO


What are UX and UI design?

Ux stands for user experience design and UI stand for user interface design. both designs are user friendly and mostly used in software smart devices like mobile phone computers and other smart devices. When we are making a mobile application we make actually a UX UI design that user friendly and gives us a good experience. here today we will make a Login and signup Ui design in photoshop. It's quite easy to make. I have already worked on it. You just need to drag and drop the plugins in your app. ANd your design is ready. I have made design and all the steps convert to the simple vector files that you can drag in your design and make a professional design in just a few minutes in a few steps. I have made a guide video to make this design you just need to watch that video and follow that super easy steps.


Material Used In Design

Vectors Used In Sign Up DOWNLOAD
Vectors Used In Sign in DOWNLOAD
Icon Used: DOWNLOAD
Social Icons Used: DOWNLOAD

Login & Signup UX/UI Design

How To Make This Design(Method One)

  • Open Photoshop and take new file Dimension 1242 pixel X 2208
  • Make two circles and below and fix them

  • Make the main shapes by pen tool (trace the shape by pen tool)

  • Place your logo in the above center

  • Type Your Name, Email, Password, Confirm Password

  • Take the rectangle tool and make a rectangle box below every text

  • place icon on every rectangle accordingly

  • Give some shadow to the to all rectangles
  • Add social media icons on the design and arrows.

  • Make Circular rectangle For sign in or signup button
  • Add text on the button signing or signup


Method Two

The method is too easy you just drag and drop the component at that correct position and your design is ready. For a complete guide watch this video.

VIDEO TUTORIAL



MOCKUP: DOWNLOAD

Post a Comment

0 Comments

How To Make 3d Logo Mockup In Photoshop cc