网站设计资讯

Images

响应性网站成为网站设计的一大趋势

网站设计 网站的设计 网站界面设计

PC端和移动端总是有区别的,这是因为两者是不同的设备。PC端的屏幕要比移动端的大很多,PC端用鼠标,移动端用手指。而这些基础硬件是无法统一的,这就决定了不可能有好的手机网页和PC网页。

然而,响应性网站的出现在很大程度上缓解了二者的矛盾。因为响应性网站不仅符合移动端用户的使用习惯,也没有流失PC端用户,可以说是目前网站设计的一大趋势。不过,响应式网站的设计也还是有一定的“偏心”,下面我们就来看一看响应式网站。

响应性网站的颜色。

在PC和移动端使用的场景是有区别的。一般而言,PC端基本上是在办公环境或家中使用,在这些环境中,光线比较好。因此PC端网页的颜色会有较高的对比,例如底色是白色,字体是黑色。但手机端使用的场景往往是光线不够充足,因此在色彩的选择上,响应性网站就会偏爱使用暗色调。

响应性网站界面设计。

PC站点过去曾流行过一种布局设计——在页面两侧安排重要内容,它是按点击温度图设计的。由于PC端两侧是用户比较关心的区域。但在移动端,手指所能接触到的地方非常有限,基本不会去触及边缘。所以,响应式网站的界面设计要更加集中,这样可以方便手指点击,而网页的两边都可以留白。

响应性网站的有效性。

手指所能接触到的区域要比鼠标大得多,这就说明如果仍然采用PC端的“文字-链接”路径,触控手指将会有很大的误操作。响应式的设计倾向于“卡片式”设计,以减少这种错误的操作。以图表+文字+标题的方式呈现。

响应性网站的动画效果。

而在PC端,我们更讨厌看动画。因为使用鼠标进行操作,所以我们不希望等待太久。但移动端操作动画的出现将给用户带来良好的体验。一些研究表明,在使用移动端时,我们会自然而然的降低对效率的要求,所以对于动画效果也不那么反感。