W Design & NEWS

响应式设计:移动广告问题及如何克服(一)

W-design2016.04.20

响应式设计被广泛认为是网络设计的未来,因为它允许网站所有者采取以用户为中心和移动的第一方法。简而言之,响应式设计允许网站从单一的一套代码,会自行调整大小以适合屏幕的一个特定的访客使用,从而否定了一个单独的移动网站的需要设计。这是一个话题,我们已经看了更多的细节,关于为什么网站应该考虑响应的设计和另一个理由是10个伟大的例子,电子商务网站使用的技术。但是,虽然有很多好处,使用响应式的设计,仍然存在的主要问题是要克服的问题广告。设计

目前的广告格式通常采用响应式设计不符,迫使网站所有者要么找到黑客重新调整它们的大小或隐藏广告完全在手机屏幕。显然,两种选择都是理想的,而且没有出现在地平线上的解决方案设计。想了解更多关于网站所有者谁使用响应式设计所面临的问题,我skiddmark CEO史提夫惠誉说…最初的动机是你为你的网站使用响应式设计?我看到很多网站陷入了更多的陷设计阱,更多的内容,更多的广告,更多的行动按钮的呼叫:他们是一个混乱,但似乎没有喘息的机会。设计

我一直有一个匹配的设计与技术的东西,一个很好的网站是一个更有效的网站,所以我们使用大的图像,独设计特的版式,像区分不同部分的网页设置访问者的期望,使它更容易浏览。我们的第一个网站赢得2007 IMA奖,虽然我不认为它应该–与我们合作的机构设计显示的网站有更多的经验(电影和名人如罗琳、奈特·沙马兰)而这是一个编辑的网站,因此索引页(家,档案)可以看钻头折断,有时根据正在显示的内容。

我们开始探索自适应设计穿过灿烂的响应网站的设计西蒙科里森(煤灰)这是一个愉快的阅读–尤其是当网站崩设计溃为更小的设备的地方。我把这一内容称为第一模式,内容是在一页第一页,尽可能设计少的干扰。然后,这就引发了对这些敏感的网站的搜索,它们在大的设备上看起来不错。媒体查询是一种很好的资源使用。像许多人一样,我浏览网页大多是从我的iPhone和iPad,并很快意识到我们需要让我们的内容更容易失去我们的设计花了很多时间发展。很多网站选择优化的移动,设计或者使用一个插件解决方案或是剥离WPtouch CSS的网设计站,把它变成一个简单的看的博客。这些都不理解的重要性,设计的用户体验。你能简单地解释一下你在网站上遇到的广告中设计遇到的问题吗?我们使用的广告中的大部分是视频广告,呼吁采取行动按钮来进行更多的信息,或者连接到社交媒体上的品牌。广告商,他们的智慧,远离基于Flash的广告(相信它或不易使用JavaScript动态改变大小做出反应)现在使用< iframe >,允许广告商的完全控制,但控制从网站删除。

你是如何寻求解决这些问题的?我设计们在我们的网页检测视频嵌入或iframe运行设计JavaScript和CSS的混合物,添加一个HTML容器,然后在容器的绝对位置的广告。有克里斯和戴设计夫鲁伯特称fitvids含糊其辞,这是一个伟大的小脚本自动。对于规则的点,我们在一个包含包装,然后与其他网站的规模,但一些广告我们使用包含强制的高度和宽度(!重要的重写)在内联CS设计S。这会使他们在网站规模的时候跳出容器。苛刻的解决方案是使用媒体查询的网站时,视口的大小设计在一定范围内–为广告商和网站不删除广告,但另一个选择可能是重新定位广告容器里面的主要内容。另一个解决方案是使用自适应广告标签–有更多的前期工作涉及加载额外的标签,然后可以显示(或隐藏)曾根据视口大小。凌乱的,但它的作品,特别是如果从728X90大小的广告。设计

W design values every chance to work with you.