全部
All
当前位置: 首页 > 新闻资讯 > 设计响应式网站的十个建议与四不要

设计响应式网站的十个建议与四不要

返回列表
由万迪网络于2021-05-27 14:52:49编辑发布,已经有1541个小可爱看过这篇文章啦!


  对于网站设计者和建站公司来说,如何在有限的专注力条件下,能够留住用户,这是一个问题。具体来说,响应式网站的哪些设计,可以让增加用户留存时间呢?


  做好响应式网站的十个建议:


  1.计划与往常一样,计划总是要放在第一优先级的。一旦你在纸上开始解决你的设计难题,你就已经准备好建立你的站点了。


  2.良好的导航设计,当用户打开网站时候,首先关注的就是导航。所以,导航设计在样式和位置上,需要下功夫;在导航样式上,包括浮动式导航、渐变式、顶部固定等形式的导航,不少响应式网站都有应用。在导航的位置选择上,通常都是选择用户注意力较为集中的地区,一般来说,左上侧、顶部,都是用户视觉集中区域。响应式网站需要关注导航在手机和平板上的打开效果,如果导航在屏幕中的尺寸、动效,不太合理,是无法吸引用户注意力的。


  3.充分利用好原型软件,推荐使用Adobe Edge Reflow,它能让你使用媒体查询,在程序内设置断点并设计适配桌面电脑、平板电脑和手机的布局。然后,你可以将CSS复制到另一个像Adobe Dreamweaver或者其他HTML编辑器来进一步优化你的设计。


  4.风格的一致性,响应式网站应该保持统一的风格。因为用户的注意力时间变短了,让用户进入一种风格,就应该减少对用户的干扰。此时变化风格,用户会“出神”。所以,一个网站最好是拥有一种风格,甚至将两种风格融合的做法,都应该谨慎。


  5.首先考虑一个移动端策略,如果你是第一次创建手机网站,接着就可以扩大规模,在平板和桌面电脑上设计网页了。这三个平台的重点都在网页logo和文字上。如果文字能在移动设备上能读得很轻松,然后你在平板和台式机平台上就不会有什么问题了。


  6.网站内容为王,响应式网站会大量使用图片,包括背景图、元素图、渲染图等等。但是图像信息有两个弱点:其一,传达的信息不够精准。同样的一张图片,不同的用户会理解出两种意思。其二,传达信息线路较长,需要用户运用联想、类比等思维,才能了解到图片的主题。相反,文字内容就弥补这样两个缺陷。文字可以将一种意思精准地传达给用户,还能够直接传达。所以,响应式网站一定要有文案说明。特别是借助图文的方式,能更好、更精准、更直接地表达情感和内涵。


  7.谨慎使用导航,如果你的站点只有两到三个导航按钮,你可以把这些按钮包含在屏幕上一个简单的菜单里。如果有更多的菜单元素,你可能想考虑创建一个有下拉菜单项的单个图标。


  8.适当地留白,我们都应该有这样的体验:在背诵一段文字的时候,会背了,然后几天不看,再回去复习,对内容记忆反而更深。反倒是,不断地去看,反而记不住。这就是留白对记忆的作用。响应式网站留白设计,一方面是遵循这样的人类记忆逻辑,留白反而加深了用户对信息的记忆,这在碎片时代,更加关键。另一方面,留白,可以让响应式网站在小屏幕的移动设备上,有更好的展示效果。


  9.先大致把网站创建起来,整然后才开始写代码,这样能保证他们做到客户想要的外观和感觉。当创建一个移动端的页面时,非常重要的一点是把按钮设计足够指尖能覆盖住那么大,另外一点就是使界面保持既简洁又实用的状态。许多设计者倾向于往移动端界面添加太多的元素,这会导致设计和实用性的问题。当有疑问时,保持简洁的页面就好了。


  10.好的排版,说到排版,今天的设计师在字体选择、网站风格上,似乎选择更多。但是似乎不够精准。那一种字体更能够与网站主题相匹配,什么样的字间距、行高,能够让用户体会到美感。这其中大有学问,但是响应式网站设计师似乎研究的还不够深入。总之,在注意力短暂的时代,如果抓住用户注意力,并且让其进一步操作和深入进去,这是响应式网站设计师应该去思考的大问题。




  做好响应式网站的“四不要”:


  1.不要优先为桌面版设计开发者通常会犯的一个常见错误,他们设计网站时优先考虑桌面版,因为在这些人眼中,将基于桌面版的网站转变为针对其他设备的响应式web设计是件很轻松愉快的事情。但是,这个发生在计划规划阶段的错误本身会变成一个非常巨大的问题。甚至会造成返工,当然,大量的错误也会蔓延出来。


  3.不要忽视页面的加载时间随着宽带的普及,网页开发者开始习惯在页面上大量的使用相对来说较大的资源。然而,当我们使用手机时,我们的用户使用的是较慢的2G和3G网络。同样的,那些保持minf国际的用户,他们是按使用的带宽量来付费的。一个页面在台式机上很快的加载进来,但是,在手机上加载一个页面会花费很长时间或者去使用额外的、昂贵的带宽。更糟糕的是,当用户被迫去等待页面加载时,即使是几秒钟,他们会离开这个页面,同时你就会失去了你的流量。4.不找经验浅的人做前端开发web前端技术属于门槛低,但是水很深的职业,所以设计师也会做前端,有人自学两天也可以做前端,但是不要忽视了web前端是以细节取胜的,好坏的分辨全在细节,包括合理的布局,这个对做效果尤其重要,规范的css代码,这个对兼容性有很大影响。特别是响应式网站制作,需要有扎实的基本功和多年的经验。


  2.不应隐藏内容响应式设计通常会有更少的空间展示图片和内容,但是这并不意味着你的内容应当被忽略。你不得不采取一种方式重新安排内容,使其能够保证易读性。这个比较容易实现,可以通过创建导航链接并且使用锚,是用户在一个页面中能看到他们一直在寻找的内容。那些通过CSS布局控制内容隐藏的应当明白,这些内容依然会被加载,因此,你通过为用户提供完整的观看体验也没什么大不了。简单而言,用户不应该由于他们所使用的设备而遭受开发者的“惩罚”。