响应式网站就是网站的内容布局可以跟随用户的使用显示器呈现出不同的变化,是目前网站制作的主流,大部分企业都已经建设起了响应式网站,在网站制作响应式网站的时候有哪些重点需要注意的事项呢?
一、隐藏导航栏
在pc端上由于不会受到屏幕的限制,一般情况下对于导航栏是没有过多的要求的,是能够直接显示出来的。但是在响应式网站上的话就需要尽量的隐藏导航栏,不然就会让用户觉得页面显得混乱,也由于屏幕受限的原因,如果不隐藏的话用户让用户在浏览的时候不小心触碰到,导致了跳转到不需要的页面,让用户产生反感。
二、减少图片和视频的混淆
图片和视频的搭配其实呈现的效果并不是特别的好,这一点是需要注意的。试想一下,当用户在查看图片的时候,在点击下一张图片结果变成了视频的话,突如其来的声效会用户造成厌烦,所需要耗费的流量也会增加。
三、避免图片标题
这点的注意事项是经常被大家所忽略到的,就是感觉使用图片标题可能会是新颖的做法,但是经过一段时间观察才发现呈现出来的效果不是理想的,因为在移动端展示的时候,图片标题会和页面的图片产生一种重叠的状态,影响到整个页面的视觉感受。需要注意的是在网站制作过程中,使用文字标题就可以把内容很好的表现出来,利用文字去进行设置的话是非常方便的。
四、图片显示尺寸不要超原图
图片的尺寸需要和网站上显示的像素保持一致,如果网站的图片比网站设置的尺寸小的话强制需要拉伸图片了,这样的话就容易让图片出现扭曲不协调感,像素也会变得差,即使在响应式网站中可以把图片显示出来,但是经过拉伸后的话效果就会变差了。
以上四点的注意事项是值得大家在进行网站制作的时候需要大家注意的,往往这些细节就是决定到网站成败的一个重要指标!
返回