Create a Pricing Table Using Photoshop

Enhance the user experience by adding pricing tables on your page

Stelian Subotin is used to presenting data using different graphics, modules and tables so that the information is easier to understand. Pricing tables have been, and still are, used by a lot of companies and individuals to display their available plans. It’s pointless to use a pricing table if you only have one plan to offer. But if you have more, then it is a very useful and attractive way of displaying information about each of your plans.

 

Create a new 1200x600px document. Stelian Subotin pricing list itself will be 1000x340px but he need some work space that’s why his main document is larger. By using the Rounded Rectangle Tool (U), create a shape of 1000x340px. Apply a barely visible outer glow effect as well as a 1px stroke. Set the stroke color a little bit darker than the color of our shape. Stelian Subotin will divide his pricing table into 3 sections. The “header”, the “content” and the “CTA” zone.  His “header” section will only contain the name of the plan. By using the Rectangle Tool (U), create a shape that is 1000pixels wide and 70px high. Give it a dark gray color (#e0e3e3) and apply some Drop Shadow to achieve the effect he would get by applying “Outer Glow”, the only exception is that he can set a direction (by changing the angle).

Comments

Be the first to write a comment

You must me logged in to write a comment.