Apple的新iPad将改变网页设计

R / GA网络战略家布拉德弗罗斯特上周暗示新款iPad的Retina显示屏将对网络造成严重破坏。在他博客上的一篇文章中,弗罗斯特表示,尽管网络已经在臃肿的下载中苦苦挣扎,但设计师仍然不得不提高图像分辨率,以便对抗一小撮清晰的Retina显示优化应用程序。 “公交车上的用户可以使用慢速Wi-Fi或3G,可能只需要下载该死的资产。他们不应该因下载大量的Retina-ready图像而受到惩罚,”弗罗斯特说。 “我们需要一种方法来妥善解决这个问题。”

我们采访过的设计师对Frost的担忧表示赞同,但也暗示Apple的领先优势(其他人肯定会很快跟进)也提供了改变的机会。

“网站开发人员现在开始考虑网站的Retina解决方案,但暂时不知道该怎么做,”ZURB合作伙伴认为乔纳森笑脸。他告诉我们,为新iPad的Retina显示屏创建一个网站需要了解适当的媒体查询,像素比率,选项知识和后端工具,以帮助提供正确的内容。 “即使新款iPad支持4G,也可以放在移动优化之上,这是一个相当棘手的画面。”

图标艺术家和设计师乔恩希克斯他说,新的iPad无疑会影响到整个行业:“不仅可以使用矢量图稿,还可以使用创建此类内容的工具。期待看到开发人员专注于使图形应用程序以相同的方式生成优质的SVG动画工具围绕CSS动画建立。“希克斯补充说,对于高密度显示器,“创建与抗锯齿和像素网格一起使用的艺术品的限制的所有问题不再存在 - 就像再次打印一样”。

工作量加倍

然而,在过渡阶段,Smiley认为虽然有一个很棒的机会,但“有些人必须领导这项指导并向大家展示这一切是如何工作的”,并指出“对于网络开发者来说,应对这一点并不比应用程序更容易满足需要两套资产的开发人员 - 在iPhone 4出现两年后,仍有大量的iPhone应用无法在Retina屏幕上运行“。

设计师莎拉帕门特镜像Smiley思维设计师可能“必须开始创建多套艺术作品,对于Web项目,作为标准”,但也认为“我们正处于CSS3的兼容性非常好的阶段,特别是在WebKit上”,所以充满希望的设计师可以越来越多地在浏览器中“本地”实现创造性。她还注意到了诸如此类的服务Pictos服务器可以协助图标等事物的可扩展性。 “我相信在接下来的几个月里我们会看到更多的解决方案。我认为一个有趣的讨论是网页设计师是否开始采用@ 2x方法作为标准,或者它是否被归类为附加服务我们已经做了什么,“她补充道。

对于弗罗斯特来说,设计师的任何决策都必须仔细平衡性能和高级显示器所提供的改进。他告诉.net,当iPhone 4到货时,在我们的办公室里发生了大规模的争夺,要求更新图标和图形以适应Retina显示屏。对于这些品牌,图像非常重要,看到模糊不清的情况令人震惊很多图像都变成了。“此外,Frost指出,“平板电脑仍然是移动设备,受连接速度慢和处理器相对不足的影响。”

根据Frost的说法,目标是尽可能保持轻量级和分辨率无关。 “通过使用CSS渐变,圆角,盒阴影等来避免图像,并使用HTML特殊字符和图标Web字体来减少对图像的依赖,”他建议道。 “但要考虑使用这些技术,因为不是每个浏览器都支持它们。逐步增强核心体验,引入这些技术并在真实设备和实际情况下进行测试。”他概述了进一步的提示优化高分辨率屏幕的Web体验但是告诉我们最重要的规则是“制定具有上下文体验的体验”,这“需要大量的思考和关怀”。

话:克雷格格兰内尔

话题



翻译字数超限