![](/images/titleicon.gif)
四、导航菜单:当为移动端进行设计时,导航栏设计的问题可能会成为你的一个祸根,所以不得不避免产生麻烦。不想是固定宽度的设计,响应式设计的导航应当根据设备类型进行确定(所以智能手机的导航菜单可能和平板电脑,当然还有桌面版的导航菜单互有差异)。许多设计者会发觉他们自己被这样一项任务搞的很崩溃——尝试设计一个可以适应所有屏幕的导航菜单。在很多情况下,设计者奋力将水平列表菜单转换为垂直列表菜单,尤其是在适配较小的手机屏幕时。然而,由于该导航栏并不是根据屏幕进行设计,这可能会导致一项很差的用户体验。
五、移动端地址:单独为移动端网站分配一个地址整个就是一个灾难,这摧毁了我们起初交互设计的目的,并且是可以论证的。当用户在访问网站时,重定向到移动端版本,结果是不得不浪费了很多宝贵的时间。此外,这也能非常严重地影响到你的搜索排名。但是,理所当然,使用不同的URL也有许多优势。它可以确保你能够架构具有更轻便页面的移动端网站,并且能够在智能设备上表现更好。该站点也能照顾到在特定平台上的性能和表现。不幸的是,具有单独移动端网站地址的消极影响远大于积极影响。
六、不同设备:当你在做一个响应式的设计,你不能只考虑台式和移动手机设备,你还应该考虑到其它类型的设备。人们可能会通过内嵌浏览器的智能电视或机顶盒来访问你的网站。在现在,甚至掌上电脑都有不同的类型。但是,这并不意味着你可以为所有的设备创建一个相同的用户界面,你最好是为不同的设备创建不同的网站。你所需要做的是创建一个响应导航和一个用户容易理解的设计。创建的这个导航可以清楚的保存设备的上下文环境。
七、节省空间:你不能简单的把桌面版的内容压缩成移动版;这么做将会影响你的用户的体验,用户可能会抛弃你的产品。在手机的有限空间内创建一个友好的界面是十分重要的。你可以采取一些措施,比如,使用一个下拉菜单代替桌面上的导航条,这样会节省你的空间。如果你先设计的是移动端,那么这通常不会是一个令人头疼的问题。
八、触摸设备:今天大多数手持的设备使用的是触摸屏,甚至是很多笔记本也开始使用触摸屏了。因此,当你设计响应式设计时,很重要的一点是不要忽略掉处理触摸的重要性。有以下两个方面原因:第一,可点击项,比如按钮要考虑到用户的手指的大小(不要让用户缩放点击)。第二,你要正确的处理触摸事件。这么做可以克服300ms的点击事件延迟。
九、等待时间:随着宽带的普及,网页网站设计工程师开始习惯在页面上大量的使用相对来说较大的资源。然而,当我们使用手机时,我们的用户使用的是较慢的2G和3G网络。同样的,那些保持minf国际的用户,他们是按使用的带宽量来付费的。一个页面在台式机上很快的加载进来,但是,在手机上加载一个页面会花费很长时间或者去使用额外的、昂贵的带宽。更糟糕的是,当用户被迫去等待页面加载时,即使是几秒钟,他们会离开这个页面,同时你就会失去了你的流量。
而权衡一个网站的响应式是否卓越,要看它是否有新颖的布局,避免了上面9种错误的设计,你就会发现你做出的响应式网站会别具一格、别出心裁,网页设计的合理与否对于网站的响应效果起着至关重要的作用,尤其网站设计的首页,很多人都说网站的首页是一家企业的窗口,每一个板块每一个按钮无不表明这家企业的人文文化和企业素质,所以网站设计工程师就要把自己的心思全部融入该企业的文化背景中。
【全文完】版权声明:
1、陕西弈聪网站内容中凡注明“来源:XXX(非陕西弈聪网站)”的作品,转载自其它媒体,转载目的在于传递更多信息,其中涉及的网站建设,网站优化,百度关键词优化,西安软件开发等技术细节并不代表本站赞同支持其观点,并不对其真实性负责。对于署名“陕西弈聪”的作品系本站版权所有,任何人转载请署名来源,否则陕西弈聪将追究其相关法律责任。
2、本站内容中未声明为“原创”的内容可能源自其它网站,但并不代表本站支持其观点,对此带来的法律纠纷及其它责任与我方无关。如果此内容侵犯了您的权益,请联系我方进行删除。
![](/images/titleicon.gif)