设计传统网站时尤其是营销型网站会把首页设计得很长，觉的内容丰富，但是到响应式网站时则需要尽量简化内容了，保持网站的简洁清晰，用户可以快速容易找到自己想要的信息才会增加更多好感，内容过多响应式考虑起来也比较繁琐。
When designing the traditional website, especially the marketing website, the homepage will be designed for a long time, and the content will be rich. However, when designing the responsive website, it needs to simplify the content as much as possible, keep the website simple and clear, and users can find the information they want quickly and easily, which will increase more favorable feelings, and the content is too much responsive to consider.
栅格化设计
Grid design
box结构)即方块化布局，将不同内容信息组成网格，每个网格拥有自己的信息，由于网格的矩阵是按行和列对齐的，用户也能更容易找到信息，更重要的是利于响应式自适应调整。
Box structure) is a block layout, which makes different content information into a grid. Each grid has its own information. Because the matrix of the grid is aligned by rows and columns, users can find information more easily, and more importantly, it is conducive to responsive adaptive adjustment.
分屏视觉差设计
The design of visual difference of split screen
分屏设计是栅格化设计概念的一个延伸。分屏设计一般情况下只有两个信息容器(左右两大块也可以继续往下细分)。相对一栏式的设计，将屏幕一分为二不仅可以给访客十足的新鲜感，还能够同时呈现两项对等地位的内容(这一点是一栏式设计无法做到的)。另外，分屏设计可以与响应式框架很好的结合起来，它最适合在PC端和大屏幕上展示，但在小定网站建设  伺服液位仪  防撞墙模具 唐山护栏 遮阳网 屏幕上也能以上下堆叠的方式呈现出来。现在很多设计师使用强烈的色彩和有趣的排版，最大化分屏布局的视觉张力。
Split screen design is an extension of grid design concept. Generally, there are only two information containers in the split screen design (the left and right two blocks can be further subdivided). Compared with one column design, dividing the screen into two parts can not only give visitors a full sense of freshness, but also present two equivalent contents at the same time (which is impossible for one column design). In addition, the split screen design can be well combined with the responsive frame, which is most suitable for display on the PC and large screen, but it can also be displayed in the way of stacking up and down on the small screen. Now many designers use strong colors and interesting typesetting to maximize the visual tension of screen layout.