资讯
当前位置:首页 - 资讯 - 行业新闻
设计响 应式网站的十个建议与四不要
日期:2019-05-06 类型:行业新闻

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

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

  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布局控 制内容隐藏的应当明白,这些内 容依然会被加载,因此,你通过 为用户提供完整的观看体验也没什么大不了。简单而言,用户不 应该由于他们所使用的设备而遭受开发者的“惩罚”。