这些天你如何消耗网站?

如果你是大多数人,你就是从移动设备做到的。那是对的:今天的大多数网络观看是从移动设备完成的,而不是桌面。这是对我们如何设计和构建网站的影响。如果您曾经尝试过智能手机上查看传统网站,则知道捏,缩放和滚动不是最佳的体验。

早期解决方案是创建一个单独的“移动版”的网站。你可能已经看过它们 - 他们是网址中的网站,就像m.mywebsite.com一样。这种方法有一堆问题。首先,它要求您构建和维护两个完全独立的网站。移动版本通常是为非常具体的显示分辨率而设计的,因此它通常在没有设计的设备上往往没有看起来。并且存在技术问题,如设备嗅闻并不总是可靠地工作。

然后沿着ethan marcotte提供更优雅的解决方案:创建一个智能的单个站点,足以知道您正在查看的设备的分辨率,并动态调整布局和内容以适应该屏幕尺寸以适应该屏幕尺寸。因此,根据页面内容,当您在各种设备上查看它们时,各个项目可能会重新排列或甚至被带走。如果您调整桌面浏览器的大小,您将看到此时实时发生这种情况,因为您缩小尺寸以模拟一个非常小的屏幕。它被称为“优雅地降级”,看起来很整洁。Alried Pixel网站这样做,我们构建的大多数客户网站现在也做到了。

响应式网页设计样本

RWD(响应式网页设计,而不是后轮驱动)采用不同的设计方法,而不是我们传统上的完成。我们不是从全吹桌面设计开始,以最小的配置开始,并继续添加到最大配置之前。而不是设计特定的分辨率,我们寻找强迫新布局的内容驱动的“断点”。

用RWD改造现有网站可能很棘手。我们已经这样做了,但它有点像骑自行车向后骑自行车。从头开始,从头开始更容易,从一开始就烘焙。如果您正在考虑重新设计的网站,那将是实现RWD的理想时间。

关于RWD的好处是它的未来证明您的网站。是否有人在iPhone上查看它,或者是一个较大的Android,或平板电脑,笔记本电脑,桌面或平板电视,他们会有最佳的体验。我们不知道新设备正在沿着道路。但无论他们是什么,rwd都会处理它们。

本文是否有帮助?分享它!