Artistic design skills of creative web pages

In fact, most art forms have no fixed rules, but there are rules for reference, and the design is constantly improving based on these rules. The following small series brings you three creative web page art design skills, hoping to be useful to everyone.

Artistic design skills of creative web pages

First, minor adjustments rather than redesigns.

After understanding the application of the trisection grid, you need to understand a more important point: the trisection brings not an impeccable web design framework, but a layout test framework for fine-tuning existing designs.

There are too many free grid systems to help you design web pages, such as 960GS, but trichotomy's nine-grid system can help you fine-tune the layout of the whole web page, such as adjusting the height of the navigation bar and moving the logo closer or farther.

Fortunately, this test method is practical and simple, and no software is selected. You can take a screenshot and draw a dotted line in PS to analyze it. Open source free software such as GIMP can also help you easily. The worst thing can be analyzed by drawing a nine-square grid on the screen with a marker (it is said that blind snipers used this stupid method when playing CS ~). In any case, the tools that can help you build a nine-grid analysis can lead you to the right design direction.

Complete the first draft, test it by trisection, and then move on to the next step. As time goes on, you will know more about how to put visual elements in the right place.

Second, deal with symmetry.

Sometimes, it is very useful to use symmetry element appropriately in a page. However, if symmetrical design is used everywhere in the design, it is a bit blind. In fact, in the field of art and photography, the use of asymmetric layout still occupies the mainstream, with relative size, appropriate distance and more pleasing effect, which also proves that unbalanced visual design can attract our attention more.

In fact, there are similar principles and norms in layout design. For example, when you use a large banner at the top of a page, it usually occupies about 2/3 of the page height. Similarly, the font size of the title and the text also needs to be compared, and readers will naturally notice the larger banner picture, title and subtitle. Size contrast is on the one hand, and on the other hand, the position of pictures and words on the page needs to be considered. Simply using the trisection method cannot ensure the fullness of the composition. If you put nine squares on the page and adjust the position and center of the elements on the page properly, the effect will be much better.

The advantage of trichotomy is that it can be compatible with asymmetric layout and can also be used to optimize symmetric layout. The two layouts are flexibly matched, with the help of the trichotomy to highlight the key points of the page, and at the same time grasp the balance of the page, thus training excellent web pages.

Third, the final thinking.

Although there are essential differences between design and art, they are not antagonistic. Indeed, according to the rules, we can design works that are more in line with the public's tastes, but isn't it impressive to break the rules and design works full of personality and artistic sense?