频道首页 搜索引擎优化 网络营销策划 整合解决方案 网络营销研究
 
项目列表
 
网络营销研究
 
 

关于响应性的Web设计

您可能听说过,响应的设计,就像应用程序和移动网站之前,是新的“它”的事情,越来越多的公司正在询问。为什么它如此受欢迎呢?简单地说,因为它是一一刀切的解决方案,平板电脑,智能手机和不同屏幕尺寸的不断变化的景观。这篇文章是为任何人试图得到处理这种新形式的网页设计及开发。这五件事情会覆盖一些准备工作,最佳实践,思想领导和更多的资源,帮助您了解更多关于响应性的Web设计。

1。确保响应的设计是兼容与您现有的信息架构和功能要求。

虽然想法,你可以有一个单一的网站,提供Web和移动用户是非常有吸引力的原因很明显,现实的情况是,响应的设计仍然是一个新兴的做法,可能无法正常工作,你正在做什么。

有许多情况下,多个经验可能有助于用户更好的和重要的问题,因此,提高适应您的信息架构(IA)公司考虑一个负责任的设计方法需要问自己,他们是否能拿出一个单一的IA是有道理的这方面的关注亦在评估你的功能要求,因为有限制,手机和平板设备可以对你的能力使用像JavaScript等客户端技术,如果您的网站需要网络和移动。使用了很多这些东西,一个负责任的设计可能会迫使你重新思考的关键功能,根据你的专业知识或现有的内部人才。最终的结果-你可能有哑了您的网络体验,以支持用户的移动体验。

您也可以使用内容管理系统(如WordPress的,HubSpot的的,Joomla!晔,Drupal的,等)的影响,限制,更改或什至停止执行能力,响应您想要的设计。请确保您研究您的CMS的限制,之前浪费宝贵的时间和资源准备的东西你不能创建摆在首位!

2。不要去盲目 - 人第一次获得灵感。

当然,你想是原始的,但如果你是新来这个舞台上,你需要的是正确的思维模式之前,你甚至开始铺设第一个像素。现在已经有一些伟大的例子和想法,将有很大的帮助你或你的团队有正确的思维定式,奠定了第一的线框为你的新的敏感网站。花一点时间检查出来,你的开发人员深入到源代码,与一些伟大的灵感为你的第一次会议和武装自己!

3。隐藏内容 - 小心!

其中最常见的失误,在第一次响应设计是爱好来隐藏内容作为屏幕分辨率变小的缘故美学。当然,你希望它好看,但决定你的断点时,该网站将如何崩溃的屏幕缩小,你应该遵循这个简单的准则:尽量不要惩罚发生的设备,他们浏览的用户,现在,与这么说,有情况下,这是不可避免的,如客户端脚本不会扩展或内容,你觉得不感兴趣也有常见的技术,如减少或隐藏页脚或滑块移动用户在手机屏幕,这似乎是公认的做法。但这样的想法是不是太舒服了,或者懒惰的缘故,这种方法只是适合。简单地说-节制地使用这种技术。

4。保持上下文 - 不要只集中在屏幕上的大小和尺寸。

一台笔记本电脑是不是平板电脑。A片是不是一台电视机。一台电视不是智能手机。仅在屏幕大小或尺寸的对焦忽视的用户体验,并创建一个真正具有响应性的设计。每个设备提供了其独特的外形尺寸,接口公约,限制和机会。我们需要考虑所有这些变量,以创造经验,感觉更自然的用户。例如,我们有时会忘记,手机可以获取用户的位置,发起电话呼叫,等等。尝试考虑到这一点,你选择你的断点,并开始扩展您的设计。正如詹姆斯·皮尔斯说,在他的文章中,当我们忘记的背景下,我们在做什么,我们结束了“[N] OT移动网络,但只是一个320px【全。”

5。更多有用的资源


 

返回