| abstract |
| Background Recently, Responsive Web is being used to ensure that the resolution and layout of a variety of devices are converted and optimized in a wide variety of devices. Research on the composition of the grid is needed to coordinate and visualize the elements of these variable layouts in the responsive web.
Methods In the design of the responsive Web Grid, we wanted to propose a way to design a visual center in order to visualize the layout of the layout elements. We looked at the types and patterns of the grid and, then established the relationship between the theoretical visual centers and the actual visual center, and set the formula to derive the visual center coordinates. Based on the set formulas, we calculated the coordinate values of the actual visual centers of the web sites according to the conversion times of Media Query, and compared them to see how well the final values were produced in the theoretical visual center.
Result The actual visual centers of websites compared to the above were not consistent with the theoretical visual centres that should be located in the upper left-hand corner. Thus, deigning a reponsive web site to the smallest of the values will be designed to match the visual center of visual perception theory, which will satisfy the user`s gaze and attention.
Conclusion This study suggests how to apply the principle of visual center to this layout in designing Responsive Web design and by doing so, it will be possible to design an interface that guides the user`s gaze correctly and does not cause confusion. |
|
|
| Key Words |
| 반응형 웹, 그리드, 시각중심, Responsive Web, Grid, Visual Center |
|
|
|
 |
|
Full Text