Design Sleek iphone App Layout

 

Design Sleek iphone App Layout

10 Steps to Design Sleek iPhone App Layout in Photoshop

Want to design a sleek iPhone app layout in Photoshop? Yes, you can definitely do it. Because Photoshop is a very powerful software and it has lots of amazing functions to create something new. In this article, we will guide you on how you can design a sleek iPhone app layout using Photoshop that will show iphone home screen layout.

Step:1 - Set up the Workspace

To make an iphone home screen layout first, you need to set up the workspace. Then create a new canvas and write the size 1300×950 px. The layout will be 840px wide. After this, you need to draw 2 vertical guides sizing 230px and 1070px in order to delimit the layout.

Step:2 - Create the background

Next, you need to add a gradient to the background and add some noise. Then create a new layer, add to it a gradient. The noise can’t be added to the layer, because it has blending options. You should have a stand-alone layer. For making it, you need to create a new layer and merge it with the first one. In this way, you can create a stand-alone layer that supports the noise effect. Then select the last layer, add a uniform noise of 1.5% (Filter->Noise->Add Noise).

Step:3 - Create the header

Afterward, select the Rectangle Tool and draw a rectangle shape with a height of 50px and wide of 1300px. Then, apply some blending options like Drop Shadow and Gradient Overlay. Now you need to add a white horizontal line (1px) under the top-bar. Because it will create a deeper effect.

Then, draw another rectangular shape over the header bar (with the height of 25px and the width of 1300px). The shape must be white and keep the opacity to 7-10%. As it will create an Apple iPhone transparency effect.

On the right side of the top bar, you will have to add the navigation menu. Add some text buttons and you can use the Rounded Rectangle Tool for customizing the design. Also, you can use some blending options to make the button look more standard. Keep the font size 14 pixels. After this, place the logo on the left side. In this way, you can create the layout of the header.

See More