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 →

31 freeware graphics software (part 2)
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…

Continue reading →

New Scrolling Rules in Web Design
Why scrolling is reborn Since there have been more mobile users than desktop users, designers have begun to adapt. As scrolling becomes more and more popular: the smaller the screen,…

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

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…

...

Complete Web Animation Guide (part 1)
Let's start with the preparation of the main image, create a multi-level complex shape and add several layer styles to give it a beautiful appearance. I used Photoshop CS6 version,…

...

The 9 best Photoshop filters and plugins of 2017 that you can use for free
Free filters The filters below are formally “Photoshop actions” (.ATN files). Actions (actions) is a pre-recorded series of steps that allows you to apply effects (in this case, filters) automatically.…

...

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…

...