New iPad影响Web设计:复杂度增加、促进矢量图形发展

移动开发
R/GA Web规划师Brad Frost近日提出,New iPad 的视网膜屏幕将给当前的Web工作带来一场浩劫。他在博文中强调,尽管日益膨胀的下载已经成为web的一大问题,但设计师为了让Apps适应视网膜屏幕不得不提高图像分辨率。

“用户们在公交上也许只能用速度缓慢的 Wi-Fi或3G,但却需要下载那些该死的资源。他们不应该为了下载适用于视网膜屏的巨大图片受到这样的折磨。” Frost 说,“我们需要一个方法去很好的解决这个问题。”

我们采访的设计师们回应了 Frost的担忧,但是仍然暗示苹果树立的新标杆(其他人肯定很快会跟风)将会带来一些新机遇。

 

[[62670]]

“Web 开发者将开始思考怎么让网站适应视网膜分辨率,但是在短期内将没有答案。” ZURB的合伙人 Jonathan Smiley告诉我们,要创建一个适用于new iPad 的视网膜屏幕的网站,需要对(媒体查询)media queries、(像素比例)pixel ratios以及自身抉择都有深入了解,还需用于传递正确内容的后端工具。“最重要的是移动优化,即使new iPad支持4G,但它对图片的要求还是太苛刻。”

 

图标艺术家和设计师Jon Hicks说,new iPad 毫无质疑的会对行业产生影响:“不仅在矢量图形的采用上,还在创建这些内容的工具上。我们期待看到开发者致力于创建能产生高质SVG的绘图apps,就像 之前围绕着CSS animation所创建的那些animation工具” Hicks 补充道,有了高分辨率的屏幕,“在创建图形时因为反锯齿处理和像素网格所的限制所带来的问题都将不复存在,绘图就像是打印一样锐利。”

工作量翻倍

在 这个过渡阶段,Smiley料想将会存在令人敬畏的机遇,“一些人将带头冲锋并且展示给其他人看这是怎么工作的,” 他补充道:“对于Web开发者来说适应这个并不比App开发者(需要两套资源)容易,在iPhone4问世的两年之后仍然有大量的App无法在视网膜屏幕 上使用。”

设计师 Sarah Parmenter认同Smiley的猜想:“设计师们可能“必须创建多套资源集,不论是Web设计还是App设计,” 但她认为:“我们处于一个发展台阶,因为css3的兼容性非常棒,尤其是在webkit方面,” 她希望设计师能越来越有创新,能在浏览器上实现本地化的体验。她还表明服务方比如 Pictos Server 在很多方面具有扩展性,比如图标。“我敢肯定在将来的几个月内我们会看到更多的解决方案,并且我认为我们需要进行一次有趣的讨论,关于Web开发者是否需 要开始使用@2x方案作为标准,或者它是否该归类为附加服务添加到已经实现的功能之上。” 她补充道。

 

[[62671]]

 

对 于Frost来说,设计师做的任何决定都需要仔细权衡性能和先进]显示屏所带来的改善之间的平衡。他告诉记者当iPhone4问世之后,“办公室里同事们 都在抢着更新图标和图片以适应视网膜屏幕。对于这些品牌来说图片非常重要,看到这么多图片变得如此模糊,这太不可思议了。” 尽管这样,Frost补充道:“平板仍然是移动设备,受网络连接和低性能处理器的影响。”

Frost希望尽可能的保持事物的轻量以及与分辨率无关。 “避免图片使用css渐变、圆角、盒阴影等等,使用html的特性以及图标的网络字体以减少对图片的依赖性,”他推荐:“需要合理的使用这些技术,因为不 是所有的浏览器都支持。渐渐的加强这些核心体验,引进这些技术并在实际的设备和情境下测试。”他总结了一些关于将来在高分辨率屏幕上优化网络体验的技巧, 并告诉我们最主要的规则是“高度关注用户体验(make contextually-considerate experiences)”以及“大量的思考和关注投入(requires a lot of thought and care)”。

【编辑推荐】

  1. Fab:两年内iPad用户将贡献四分之一的收入
  2. 新iPad硅谷平静上市:没人排队 店员多于顾客
  3. iSuppli拆解入门版新iPad:元件成本316美元
责任编辑:冰凝儿 来源: WebAppTrend
相关推荐

2024-04-16 08:19:40

架构高可用消息队列

2019-01-02 05:55:30

领域驱动软件复杂度

2021-01-05 10:41:42

算法时间空间

2009-07-09 10:45:16

C#基本概念复杂度递归与接口

2009-07-07 08:26:34

Web应用的性能

2020-02-06 13:59:48

javascript算法复杂度

2015-10-13 09:43:43

复杂度核心

2018-12-18 10:11:37

软件复杂度软件系统软件开发

2020-12-30 09:20:27

代码

2022-08-16 09:04:23

代码圈圈复杂度节点

2019-12-24 09:46:00

Linux设置密码

2019-11-18 12:41:35

算法Python计算复杂性理论

2020-06-01 08:42:11

JavaScript重构函数

2014-07-01 15:49:33

数据结构

2021-09-17 10:44:50

算法复杂度空间

2021-10-15 09:43:12

希尔排序复杂度

2022-08-25 11:00:19

编程系统

2014-10-31 09:36:30

2023-10-30 01:08:35

微信红包高性能架构

2023-03-03 08:43:08

代码重构系统
点赞
收藏

51CTO技术栈公众号