Decorate and enhance the sense of detail. Dotted elements can be small icons, small patterns, small dots or small circles, etc. They can embellish some subtle and interesting elements in the poster, making the overall design more vivid and attractive. Whe
Decoration, enhance the sense of detail
In the design process, wireframes can be viewed as point elements or linear elements. Although the elements are the same, they have different purposes and functions. For example:
The point-shaped elements appearing here play a certain role in decoration and setting off the picture. Although it is only a secondary vision for the whole, the difference is still clear at a glance.
With such elements, the picture is richer and fuller; without such elements, it always feels thin and lacks details!
The wireframe also has another intuitive effect, which is to enhance the sense of detail and design of the screen, ranging from large pages to small coupons and buttons, such as:
It is not difficult to find that adding wireframe elements on the basis of the original color blocks does not make a qualitative leap for the entire picture, nor does it have much impact on the expression of information.
But in many excellent works, designers still use it, because by adding wireframe elements, the original layout and layout are visually richer and more varied, giving people a sense of style. The fine wines that have been preserved for many years are generally good, the more mellow the wine~~
Regulate visual range
When there are many and messy screen elements, the wireframe can play a very good role in restraint and orderly connection, such as:
There is only a wireless frame gap from left to right, but there is a great visual contrast. The feeling on the left side is: the visual elements are not integrated enough, and there is no mutual restraint, but it is a bit messy, while on the right side, only by adding a wireframe element, many elements are regulated as a whole, which greatly improves the integrity of the picture . Look at another case:
Three pieces of news are separated one by one by leaving blank space, the purpose is to tell users that these are three different news, but only relying on blank space can only play a certain role in dividing, and the whole will still give People have a feeling that it is not unified enough, so I will change it slightly below:
A 1-pixel rectangular wireframe is added to each piece of news, and in order not to affect the expression of the main body, it is transparently processed, which improves the integrity and independence of each piece of news Sex, it looks more organized and the picture is more tidy!
There is another situation: when the picture is chaotic due to too many color blocks, using the wireframe reasonably can avoid this. The combination of the two can greatly improve the cleanliness of the picture.
emphasizes the visual center of gravity
Wireframes also have a good prominent role in design, emphasizing certain key elements, or enhancing the influence of certain elements on the screen, such as:
Because of the use of the wireframe, the image of the subject in the picture is more distinct and the dominant position is stronger, which plays a finishing touch!
Learn to be flexible
Flexible use is a very important skill in design. The same form of wireframe, when used in different works, has different effects:
Have you learned the wireframe today? From decoration, modification, increasing the sense of detail and design, regularizing visual elements, improving integrity, enhancing the orderliness between modules, emphasizing the visual center of gravity, etc., the benefits are endless.
However, there must be a basis for the actual use. Don't see other people use it, just refer to it mechanically, and don't understand it. , Become your own skills, I wish you an early annual salary of one million, haha!
Articles are uploaded by users and are for non-commercial browsing only. Posted by: Lomu, please indicate the source: https://www.daogebangong.com/en/articles/detail/After%20mastering%20this%20little%20trick%20your%20poster%20will%20immediately%20rise%20to%20N%20grades.html
支付宝扫一扫 
评论列表（196条）
测试