Website Design Analysis: logic in Design

　　

 

Logic (theory) originated from classical Greek λ γ ο ς (logos). It initially meant "Words" or "Words ", it also implies "thinking" or "Reasoning ". Logic is often considered to be a research on the evaluation criteria of arguments, although the precise definition of logic remains controversial among philosophers. This topic is still based on the same task of the logistician: a large number of valid and erroneous inferences are put forward, allowing people to differentiate good arguments from bad arguments.

Logic, that is, the law of thinking. When I was a child, someone asked me how many groups of sheep a group of sheep equals. I did not say that it was two groups of sheep. He said wrong, it was a large group of sheep. 1 + 1 = 2 is truth, and 1 + 1 = 1 is truth. The logic exists as we do in our daily lives. Has an inseparable sense of normality. The mutual race does not affect human cognition. The independence and equality of Americans may not be acceptable to every Japanese with a strict degree of hierarchy. Therefore, the logic in the design I understand is that there are normative, ordered, and well-founded regular consciousness. A symbol can also be used to express the relationship between pictures and their meaning.

Therefore, I am not very knowledgeable and dare not say how reasonable I am to write. I just want to summarize the logical inferences from the design work experience and reading books over the past few years.

1. Read logic in design-gutenburg chart

We instruct users to read the information we want to guide from our images. However, as early as 14th century, a German printer named John gutenburg discovered the reading patterns of habitual visual points. He is not only the inventor of the live-print Technique in the eyes of Westerners, but also tells us that when we look at the screen or layout, the line of sight often moves from the upper left corner to the lower right corner. Our visual points are inherently unfair. Just as we like to watch beautiful things that attract our eyes, the diagonal balanced reading track pattern can help us avoid some normative errors in our design, of course, not all images apply, avoiding dogmatism.

 

 

　　

 

 

　　

 

According to the reading logic of the gutenburg chart, this series of images first see the logo of the brand in the upper left corner, and then the reading track from the phrase in the diagonal line vision to the product in the lower right corner, the elements to be emphasized on the screen are displayed under the regular reading logic. Other blind spots are auxiliary elements.

2. Straight-line Logic

For straight-line logic, my understanding is from top to bottom, just like the power distribution level system. Like the industrial chain, each link is closely linked, orderly, rigorous, and reasonable. For example, the details of a product page are as follows:

 

　　

 

The straight-line logic has clear ideas, strong pertinence, and easy to understand. We will guide users to follow this logic and see the design without confusion.

3. Pyramid Logic

The pyramid logic, the various types in the structure are connected by only several logical methods (up, down, and horizontal), forming a close and smooth logical idea of mutual connection. Pyramid logic is widely used, such as website architecture

　　

 

4. Curve logic-

 

Why are there a large number of loyal buyers who enjoy high prices for luxury goods. While raw materials are expensive, while brands show off to satisfy people's vanity, the expansion of the two is growing to form our smiling Price Deception strategy. The more expensive the more someone buys it!

The prices of luxury goods in rich countries are much lower than those in poor countries. This sort of bundled sales leads to a business singularity strategy in the case of a non-logical but market-specific rule.

Here, I am bold to assume that the curve-line consumption can also be converted into the curve-line logic in the design-the unique attention of the design or product and the consumption model of users' irrational thinking. Leading means monopoly. Irrational consumption largely reflects the strong desire of consumers. The two tend to rise, from initial design logic to sales volume or click rate. Why is the price of Apple products in China more expensive than in the United States, but it is still possible for other Chinese people to queue up all night for purchase, I think this is also the reason.

　　

 

5. Grid

A grid is an auxiliary tool that uses vertical or horizontal split lines to divide the layout and include borders, spaces, and columns to provide a framework for organizing content. The mesh that cannot be ignored in the design, from printed materials to webpage pages, or the latest Windows 8 system interface, no matter how we design it, the mesh must exist in the design. The grid can make the page layout look compact and stable, providing a logical and rigorous template for designers when designing the site. Grid can also make the layout design coherent and rhythmic, so that those seemingly small and unrelated elements can also occupy their own place in the layout of the grid.

However, the grid is not just designed by the designer blindly according to the rules, but by constructing and designing good works under a reasonable use, it can also be an unexpected surprise to break the rules in a timely manner.

 

 

　　

 

Grid layout of words and images in Layout Design

　　

 

An example of grid layout in web design

In conclusion, there are still a lot of things worth thinking about and learning in the design. What I can think of is just a glimpse of it. Knowing that a deep design is like a sea, the endless knowledge is waiting for us to explore, come on! ~

Source of reference:

Yang Qingshan, China's local luxury goods strategy

Beautiful moments-how to make the user feel inspired by Web interface design Robert Hoekman, Jr