Talking about Web interactive design and interface layout

Intermediary transaction http://www.aliyun.com/zixun/aggregation/6858.html ">seo diagnose Taobao guest cloud host technology Hall

The internet is changing the world, it has developed into a new communication media because of its large capacity, diverse forms, rapid convenience, global coverage, freedom and interaction. From the perspective of cognitive science, the Internet is a new cognitive structure, through its interaction between individual and society, so that knowledge extension. As Fillmore said: "The involvement of hypertext has made a great difference not only in reading, but even in learning and lifestyle." "The internet has become a huge and continuous source of knowledge for a variety of learners in a variety of situations. The informal and changing nature of this knowledge source distinguishes it from traditional knowledge systems such as textbooks.

The definition of interactivity and the core of interactive design

Interactivity is a new vocabulary, but it is a pre-existing phenomenon, from the perspective of the web as a tool of information dissemination, it may be possible to define interaction as the interchange, interaction and feedback of information.

From an interactive perspective, the Internet can be understood as an abstract interface between learners and other learners ' knowledge. The interactive design of web is the evolution of human and computer interaction, and it develops with computer technology. From the birth of computers to the present, human-computer interaction from the use of perforated paper tape input computer program, developed to the face of the terminal character operator interface, and then to the Personal Computer graphics interface multimedia. From the development process, along with the technological progress, the interactive way more and more take into account the human factor, increasingly toward the more friendly, more convenient way development. So humanized design is the core of web design, how to use technical means to create simple and friendly interactive ways according to People's heart and physiology characteristics, is the focus of web design.

Interface layout refers to the reasonable arrangement within a limited area of graphics images and text location, the page, the content according to the overall layout of the needs of the group induction, with an internal relationship between the organization arrangement, repeated text, graphics and space relations, so that learners have a smooth visual experience, This will motivate learners to learn more motivation.

In the layout process, the following principles should be used:

(1) Balance: Refers to the image of the picture, the text of the visual components in the left and right, the upper and lower positions are basically equivalent. An overly balanced picture inevitably has a stiff feel, sometimes requiring a partial break in balance or symmetry.

(2) Echoes: The same design elements (such as color) at the same time appear in different places, forming a relationship.

(3) Contrast: With different colors, shapes, lines and other visual elements and contrast, resulting in a variety of changes in the screen, to achieve rich visual effects.

(4) Density: Make full use of the blank of the page, the appropriate density collocation can make the picture produce rhythm, reflect the style and taste of the website.

Common layout styles in Web design include:

(1) The "Same" font structure layout: The top of the page menu, the lower left for the level two column, the right side for the link bar, the screen in the middle of the display of specific content.

(2) "Country" font structure layout: "Country" font structure layout in the "Same" font structure on the basis of the layout of the bottom of the page to add a horizontal menu, the advantages are: The full use of the layout, the information is large, easy to switch.

(3) Symmetrical layout of the left and right: a symmetrical layout is formed by means of the right and left parting headings. The advantage is free and lively, can display more text and image. The disadvantage is that it is difficult to combine the two organically.

(4) Free layout: The free layout breaks the frame structure of the above two kinds of layout, its advantage is the layout is random, the appearance is beautiful, attract person. The disadvantage is that the display speed is slow.

The article reprinted from the University Graduation design net www.papersay.com the need friend may contact with me, discusses the web interaction design and the layout design.