网站设计:响应式网站布局的设计方法
发布人:桔子科技 发布时间:2019-12-16 10:06:32 分享到:
1、大图平铺自适应
这是一种给用户感受最强烈的大背景全屏视觉,整个视觉主打一张完整图片,交互和文字信息较为简单。图片尺寸根据屏宽大小自适应,交互菜单和文字信息通常默认系统字体通过大小变换和位移进行屏宽自适应。
2、中心定位,两侧自适应
这种方法是将内容和视觉居中,把尺寸控制在1000px以内。左右两侧放一些辅助信息,让它们根据屏幕宽度自适应。
3、单侧定位,中心延伸展开
这个方法就是把主要的内容放在左侧,然后右边放一些辅助信息。这是根据用户阅读习惯决定的,中间这块是自适应屏幕宽度内容。
4、小切糕全屏响应式设计
其实小切糕全屏响应式设计算是瀑布流里面的一种。是根据屏幕宽度进行计算,以一个比较小的单元格微基础,然后以2倍,3倍,4倍等方式进行拓展,并计算出最适合的完整组合。通常用在图片信息展示页面。
下一篇:网站设计:社交媒体对网站设计的影响上一篇:网站设计:网站设计之四个问题解答