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…

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 →

How to create an animated GIF using Photoshop
How to create and save GIFs in Photoshop If you spend a lot of time on the Internet, you have seen animated GIFs (gifs). This is a cross between a…

Continue reading →

space

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 create sunburst in Photoshop
The sunburst figure shown in the figure below is often used in the design of icons, screensavers, and user interface elements for games and applications. Arcade Angry Gran Run uses…

...

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…

...

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

...