近两年来,微软、苹果、、三星等企业纷纷将网站转型为响应型网站,响应型网站建设逐渐成为行业主流。然而,许多设计师对响应型网站的概念和互动性认识不深,导致了响应型网站在网站建设中表现不佳的现象。你在设计响应性网站时有哪些漏洞?

对于所有设备,无论他们需要如何输入,用户都需要以某种方式激活页面。对于鼠标,单击;对于触摸设备,滑动;对于键盘,单击。还有声音、手臂在空中挥舞等激活方法。许多设备通常提供多种交互方式。对于各种设备,共同点是必须通过激活操作来完成某些操作。

我们以前以为每个人都用老鼠。将鼠标移到内容上时显示内容,移开时隐藏内容。当内容只能通过鼠标操作来显示时,没有鼠标的触摸设备呢?不同的设备需要不同的解决方案。让我们看看这个下拉菜单。

当鼠标停在主菜单项上时,将显示子菜单。此外,您可以单击它打开链接。现在,点击触摸设备上的菜单项会发生什么?是否出现子菜单?链接是否处于活动状态?都发生了?或者别的什么?在IOS上,还发生了其他事情。初次点击链接时,会出现子菜单,触发鼠标在主菜单项上停止。但你需要再次点击链接才能打开它。

我们可以为不同的输入设备定义不同的交互模式,但是要确保默认的交互模式适用于所有设备。

直到近,许多网站建设公司还设计了这样的网站:在顶部放置带有徽标的横幅地图和导航,在左侧放置子导航,在右侧放置一些小部件,在底部放置页脚。当所有这些都完成后,我们将把内容插入中间的一个小空间。这就好像我们对自己的内容没有信心,试图提供用户可能喜欢的其他东西。

我们应该把***放在中间部分,以确保它的工作良好,看起来美丽和可读性。确保每个人都理解它并发现它有用。

一旦你完成了内容部分,你可以问自己,内容真的需要一个横幅吗?标志?子导航?必须有导航吗?它真的需要这些小部件吗?显然,首先一个问题的答案是否定的。我不明白这些小部件的用处。在我看来,没有比这更漂亮的了。

从内容开始可以帮助我们找到许多有趣的解决方案。例如,logo真的需要放在每页的顶部吗?在许多网页中,将它放在页脚部分,例如在数字类型的导航或注册页中。子导航中的许多链接在主内容区域中可能工作得更好。

查看页面布局时,主导航是否比主内容更重要?大多数时候,不是这样。我通常认为导航属于页脚内容。在页面顶部放置一个“跳转”链接可以引导访问者浏览导航或获取导航并将其显示在顶部。

在响应式网页设计的时代,我们需要许多新的智能解决方案。它根据不同的屏幕尺寸和设备进行优化,然后针对特殊属性进一步优化,比如鼠标的使用,为胖手指设计。我们不仅为使用笔记本电脑的***执行官服务,也为坐火车或使用免费Wi-Fi的人服务。

现在网站的设计与以前大不相同。固定的、单一的交互方式不再适用。我们的设计过程需要一个新的起点。除了以上,还有很多。以我们共同的形式,这足以涵盖一系列文章。我希望你能在设计过程中创造出更多的好方法。