7 days of unlimited WordPress themes, plugins & graphics - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Web Design
  2. Site Elements

Sign-in or Register: Form Design From Scratch (Day 1)

Scroll to top
Read Time: 1 min

We deal with web forms all the time; when we log in to YouTube, Facebook, or any other web service, we have to get through a login or sign up process. Often this can be difficult because some forms are too long, or too cluttered. We're going to build a stylish, straightforward login form, and today we'll be looking at the Photoshop side of things.


Section 1: Introduction

Let's take a look at login forms, examine one-page vs. multi-page forms, and dive into our Photoshop project.


Section 2: Sign in

It's time to look more closely at our sign-in form.


Section 3: Sign up

Lastly, let's take care of our registery form.


Time lapse: The PSD Build in FFWD


Further Reading and Useful References

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.