16 best examples of website homepage design (part 2)
5) Dropbox (Business) This is a striking example of providing site support for different audiences. It differs from the main page, which was originally created for the consumer (see above).…

Continue reading →

10 rules for a good user interface
1. Make everything the user needs easily accessible If the user cannot find what is needed, he will abandon your software. Tabs make the interface more accessible. Shortcuts and tooltips…

Continue reading →

Complete Web Animation Guide (part 3)
Step 44 Select beach icons with captions and group them. Rename the group to ‘features’: Step 45 Select the Free Shape tool. In the list of Figure options, select the…

Continue reading →

defined

Create a shop theme for handmade products in Photoshop (part 2)

Step 6
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:
Step 7
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

Create the Wonder Woman logo in Photoshop
Step 1 The first thing to do is to create the main form of the symbol of a miracle woman. Step 2 The main secret is to put all the…

...

31 freeware graphics software (part 1)
1. SVG-Edit - development of vector graphics in a browser If you need to programmatically reproduce a drawing or vector graphics, this can be done using the Scalable Vector Graphics…

...

10 best free GIF programs
First, we list the best software products. 1. Recommendation: Wondershare Filmora The first program on the list is Wondershare Filmora. It is considered one of the best programs for creating…

...

Create the Wonder Woman logo in Photoshop
Step 1 The first thing to do is to create the main form of the symbol of a miracle woman. Step 2 The main secret is to put all the…

...