Web Design Analysis: On the logic of design

Logic (rationale), derived from classical Greek λόγος (logos), originally meant "words" or "words", but also extended meaning "thinking" or "reasoning". Logic is often considered to be a study of the evaluation criteria of argumentation, although the precise definition of logic is controversial among philosophers. The subject is also based, and the task of the logic family is the same: to present a large number of valid and fallacious inferences that allow people to distinguish between good arguments and bad arguments.

Logic, which is the law of thought. When I was a child asked me a group of sheep and a group of sheep equals how many sheep, I apart is two flock of sheep, he said wrong, is a large flock of sheep. 1+1=2 is truth, and 1+1=1 is truth. Logic exists as we do in our daily lives. Has an inseparable sense of normality. The diversity of races affects human cognition, and the independence of Americans is not necessarily acceptable to the downfield of a strict Japanese class. So, the logic in the design I understand is that there is a norm in the normal sense, a reasonable order, a reasonable, small to a symbol can also explain the relationship between the picture and the meaning of his existence.

So, individual talents, dare not say oneself write how reasonable, only for this few years of design work experience and reading books in some design logic inference, summarized as follows.

1. Reading logic in design-Gutenberg chart

We guide users to read the information we want to boot from our screen. But as early as 14th century, a German print worker named John Gutenberg discovered the reading patterns of customary visual spots. He is not only the Western eye of the invention of movable type, but also tells us that when browsing the screen or layout, the line of sight often moves from the upper left corner to the lower right corner. Our visual point is inherently unfair, just as we like to see the beautiful things that attract attention, the diagonal balanced reading trajectory can help us avoid some normative mistakes in the design, not all the pictures are applicable to avoid dogmatism.

According to the reading logic of Gutenberg's chart, this series of pictures first saw the logo of the brand from the upper left corner, and then the reading trajectory from the phrase in the diagonal vision to the lower right corner of the product, the screen needs to emphasize the elements are in the reading logic of the Law show. The rest of the visual blind spot is the auxiliary element.

2. Straight-line logic

For straight-line logic, my understanding is that Top-down is like a hierarchy of power distribution. As with the industrial chain, inter-related, each link is closely linked to the orderly, rigorous and reasonable. For example, the page details of a product are as follows:

Straight line logic thinking clear, targeted strong, easy to understand, we guide users to follow the logic of the design will not confuse the idea.

3. Pyramid-type logic

Pyramid logic, the various classifications in the structure are related to each other in the only logical way (upward, downward and transverse), forming a closely interrelated and unobstructed logical thinking. Pyramid logic is widely used, such as Web site architecture

4. Curve-type logic-

Why luxury goods can be perennial high prices but there are a large number of loyal buyers, play is the curve of consumption. While the raw material price is expensive, while the brand shows off to satisfy people's vanity, both swells up to form our smile-type price-bullying strategy. The more expensive the more people buy!

The price of luxury goods in rich countries is much lower than in poor countries, and the "price rule" has been successful. This kind of monopolistic bundling makes the curve consumption become a commercial singularity strategy in an illogical but market-specific law.

Here I am bold to assume that curvilinear consumption can also be transformed into curvilinear logic in design--the design or product-unique leadership and consumption patterns of user irrational thinking. Leading means a monopoly. Irrational consumption reflects a strong desire of consumers, both tend to rise, from the original design logic into sales or click-through is quite impressive. Why the price of Apple products in China is more expensive than in the United States, but still can be another people crazy overnight queue to buy, personally feel that there is this factor in it.

5. Grid

Grids are blocks of layout with vertical or horizontal split lines, including boundaries, blanks, and columns, to provide an accessible tool for organizing the framework of content. The design can not ignore the grid, from the printed matter to the page, or the latest WINDOWS8 system interface, regardless of our design, the grid in the design must exist. The grid can make the layout of the page appear compact and stable, providing a logical and rigorous template for the designer when designing the site. Grids can also make layout design coherent and rhythmic, so that elements that look pretty small and have no connection can also occupy their place in the grid layout.

But the grid does not just allow designers to blindly follow the rules of the boring design, but in a reasonable use of the construction and design a good work, timely break the rules can also have unexpected surprises.

The grid layout of words and figures in layout design

The layout of grid in web design

Finally, the design of a lot of worthy scrutiny and study of the place, they can think of the realization of the only bucket, knowing that a design deep like the sea, learning endless knowledge is waiting for us to explore, come on!~

This article sources the resources:

"China's luxury home strategy" Yangqingshan

"Instantaneous beauty-web interface design How to let users echocardiography" Robert HOEKMAN,JR