Now we’ll create another section of the site’s layout, in which more products will be presented, and call it “Popular”. People are always looking for popular products that others have used.
Duplicate the layer (CTRL + J) and change the title, description and products of the “Trending” section. Create additional copies of the product layers and make a 3 by 2 lattice from popular products:
After creating most of the elements of visual impact, it’s time to gather information about visitors in case they are not ready to buy something right now. So that you can offer them something later. Continue reading
It’s time to create a catchy title for your website layout design. Use the large and bold font Source Sans Pro and write a short title. I used Source Sans Pro (black color), size – 70, tracking – 160:
You have attracted the attention of the user, now you need to add a second message and a call to action. To keep the design consistent, I used Source Serif Pro (regular) font size 28 for the subtitle and second search button.
Pay attention to the indentation that I used. Always leave enough space around the elements so that they are better perceived and look more organized. If you look closely, you can see that the text layers are closer to each other. This is due to the law of distribution of Gestalt.
“In accordance with the law of distribution, the psd elements of the site layout that are next to each other seem to be grouped” Continue reading
What do you need
To follow my actions, you will need some resources:
Photos from Unsplash;
Photos from StockSnap.io;
Font Source Sans Pro;
Font Source Serif Pro.
Definition of business goals
First you need to determine what the business goals of this work are. Start with the following questions:
What do we sell?
Who may be interested in purchasing our products?
Why should potential customers buy this from us? Continue reading
22. Visual.ly – a web application for creating interactive infographics.
Infographics is a new way of visual presentation of data, which is developing rapidly. Visual.ly is the best program for creating and publishing interactive infographics:
This is a social platform for creating and publishing infographics, which allows you to interact with other users and share interactive visual presentations with them.
23. Infogr.am – create infographics and visual diagrams online
Another powerful interactive tool for creating stunning visual presentations and infographics. Using Infog.am, you can create infographics, charts, and other visual representations with three simple steps: select a template, visualize the data, and then publish it.
You can also select free graphics from a collection containing more than 30 types of interactive diagrams. Continue reading
12. Sumo Paint – a browser-based application for creating graphic design
If you want to start working with images in a browser, Sumo Paint will help with this. It can be used to edit photos online or install the program to access all the functions offline (paid subscription):
With Sumo Paint, you can edit photos directly in your browser. Although this requires Adobe Flash.
13. Image Magick – Bitmap image converter for Windows, Linux, Mac OS X, Android and iOS
A powerful tool to convert images from one format to another. For example, from .jpeg to .png. This is a graphic raster image editor program that allows you to create, edit and convert raster images to other formats.
The program contains such useful functions as cropping, rotation and transformation of images, mirroring, etc. What makes it a convenient tool for graphic designers. Continue reading