PC端同移动端是始终存在着差异的,这是因为两者是不同的设备。PC端的屏幕要比移动端的屏幕大很多,PC端使用的是鼠标,而移动端使用的是手指。这些基础硬件是无法进行统一的,这就决定了不可能有完美的移动网页和PC网页。
响应式网站设计(Responsive Web design)的理念是:
页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成,包括弹性网格和布局、图片、CSS media query的使用等。无论用户正在使用笔记本还是iPad,我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等,以适应不同设备;换句话说,页面应该有能力去自动响应用户的设备环境。响应式网页设计就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这样,我们就可以不必为不断到来的新设备做专门的版本设计和开发了。
响应式网站成网站设计的大趋势
但是,
响应式网站的出现在最大程度上将这两者的矛盾进行了调和。这是因为响应式网站不但符合移动端用户的使用习惯,而且也没有丢掉PC端用户,可以说是目前网站设计的一个大的趋势。但是,响应式网站的设计也还是存在一定的“偏向性”,下面我们就来看看响应式网站。
响应式网站的颜色
PC端和移动端使用的场景是有区别的。一般来说,PC端基本上是在办公环境或者是家里面使用,在这些环境当中,光线都是比较好的。所以PC端网页的色彩就会有比较高的对比,比如底色为白色,字体是黑色的。但是移动端使用的场景有很多时候光线并不充足,所以在色彩的选择方面,响应式网站就要偏向于使用暗色调。
响应式网站界面设计
PC网站过去流行这样一种布局设计——在页面的两边安排重要的内容,这是按照点击的热图进行设计的。因为PC端的两边是用户视线比较关注的区域。但是在移动端,手指能够触及的地方是非常有限的,基本上不会去触及边缘部位。因此,响应式网站的界面设计就要集中化,这样可以方便手指进行点击,而网页的两边可以进行留白。
响应式网站的准确性
和鼠标相比,手指能够触及的面积要大很多,这就表示如果还是采用PC端的“文字—链接”路径,手指的触控就会有非常大的误操作。为了降低这些误操作,响应式晚饭的设计就倾向于“卡片式”设计。通过“图+文字+标题”的方式呈现。
响应式网站的动画效果
在PC端我们是比较不喜欢看到动画的。这是因为用鼠标进行操作,我们希望不要有太长的等待时间。但是在移动端操作出现动画却会让用户有好的体验。有研究显示,在使用移动端的时候,我们会自然的放低对效率的要求,所以对动画效果并没有那么反感。
现如今,响应式网站十分的流行,很多的企业都开始采用这种网站,其实主要还是因为它完善的功能所致。