Complete Web Animation Guide (part 5)
Step 96 Before you can make a brochure yourself, add four replacement paragraphs to the left of the temple picture. Use a smaller font size for them: Step 97 Remember…

Continue reading →

Complete Web Animation Guide (part 4)
Step 71 To make a brochure correctly, activate the Site Selection tool. Pressing and holding the left mouse button, circle the left part of the arrow to select its two…

Continue reading →

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…

Continue reading →

button

16 best examples of website homepage design (part 3)

14) Basecamp

For a long time, Basecamp pages have been amazing and here you can understand why. They always have spectacular headlines and clever animations;
The call to action is in bold and is located at the top of the page;
In this case, the company chose a blog-like homepage that provides much more product information.
15) charity: water

This is not a typical nonprofit site. Continue reading

How to create a simple web banner in Photoshop?

Let’s start with the finished banner. We have a basic example, the colors used in it soothe the eyes. It can be posted on a website dedicated to fashion and style, as well as for a personal blog. Follow the steps below:
Designing a simple web banner in Photoshop
Open a new document. Open in Photoshop a new document of the desired size:

new document
Draw a rectangle using the Rectangular Area tool. Before you make the HTML site header, create a rectangle of any color on a new layer: 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 too.

For example, we decided to use tabs to organize the Divi WordPress theme. In it, all the tools are located directly in the designer and are divided into categories.

Toolbars are also available. In WordPress, the administration panel allows you to quickly go to the post editor, theme customizer, plugins, etc.

Another example is the Help / Support / Contacts sections. The “Help” or “Contact Support” button should always be available to users. This is why you need to place the help buttons at the top. Continue reading

How to use the Pen tool to precisely select
The Pen tool creates paths in the image by connecting multiple points. From the point of view of photographers, this tool is ideal as a way to cut a variety…

...

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).…

...

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…

...

How to create a Candy Stars text effect in Adobe Photoshop
Sources 8 patterns of wood. Grungy Cracked Wall. Sweet Stars. Step 1 Open the hetedeik.png image from a set of 8 tree patterns. Then go to Edit> Define Pattern. After…

...