用户界面设计中的仿形纹理和效果趋势

Dave Wiskus,为Macworld提供了一篇深思熟虑的文章,“Apple与设计的未来“:

It’s curious how Apple’s hardware and software have taken such divergent pathsLooking at iOS hardware and software separately, one might think they were produced by different companiesThe drop-shadows and textures of iOS stand in sharp contrast to the clean lines and invisible seams of Apple’s hardwareComparing major models of either the iPhone or iPad line, Jony Ive’s industrial design team seems to be on the march, creating devices that feel ever more like they’re carved from a single block of magical stoneSo why is it that Apple would ship these devices with software featuring deep shadows and visible stitching?

我最近一直在考虑这个问题,我想我已经弄明白了。

时尚方面正在发生转变反对人造纹理的转折,也许是由人的纹理所代表的丰富的科林斯皮革适用于iOS,OS X和iCloud的Apple日历应用程序Such objections are not entirely new; some of us bristled at Brushed Metal as soon as it (or,如果你愿意的话)十多年前出现But what’s going on today is more than just a rejection of over-the-top skeuomorphic textures; it is instead a very strong push in the opposite direction拉丝金属时代的批评是“这太过分了”; the trend today is “Let’s go in the opposite direction”。

Wiskus正确地引用了Loren Brichter的话凸版因为处于这一趋势的前沿。1Letterpress不仅体现了对顶部纹理的拒绝,也体现了人造化妆纹理时期的拒绝由于缺乏更好的术语,许多人都称之为“扁平”界面设计这不是对趋势的可怕描述,但它并不完全适合Letterpress再次成为一个完美的例子确实,大多数是扁平的,特别是与大多数iOS游戏和应用程序的视觉美学相比但是Letterpress具有Z轴深度:当您拖动字母图块时,它会弹出并在其下方有一个投影,直到您放置它对此没什么“平淡”的Letterpress拒绝的不是深度,而是深度仅仅是装饰当你玩它时,视觉上“提升”是一种自然的视觉提示,一种强调你正在移动的东西的方式。

我发生的事情是,这种趋势的时机,以及iOS(特别是iPhone)是其领先优势的事实并非巧合。这是因为视网膜显示。

整个默认的iOS外观 - 纹理,阴影,微妙(有时甚至是不显眼的)3D效果 - 针对非视网膜显示进行了优化这是为了掩盖这样一个事实,即每英寸163像素,虽然比原始iPhone之前的任何东西都要好,但仍然是一个粗略的分辨率Retina显示器不再以这种方式受到限制,并且不需要虚假效果来创建漂亮的界面。2

一年前,Erik Spiekermann发推文

If you want good type on Retina displays, stop discussing hinting et al只需搜索看起来很好看的面孔Like the old days.

我会更进一步,并认为这个原则适用于视网膜显示设计的所有方面,而不仅仅是字体选择做什么看起来很好,是真的,就像我们做印刷一样。

但斯皮克曼提出了一个很好的观点字体是更高分辨率显示器实现的设计变化的象征在过去,我们使用(和需要)逐个像素制作的屏幕字体:芝加哥,日内瓦,摩纳哥等在Mac OS X中,我们转向抗锯齿和中档分辨率显示器,允许实际使用矢量(而不是像素)字体用于屏幕使用但看起来最好的仍然是为屏幕优化的字体,而不是打印像Lucida Grande,Verdana和Georgia这样的字体这些字体在亚视网膜分辨率彩色显示器上看起来最佳,但在高分辨率打印中使用时看起来很便宜(宜家,我正朝着你的方向前进。)在视网膜显示器上,没有理由不使用你想要的任何字体所有字体都很好地呈现在视网膜显示器上。

远离UI设计中的拟态特效的趋势是视网膜分辨率设计时代的开始我们的设计不再需要适应原始像素光滑/玻璃状表面,厚重的透明度,耀眼的阴影,浮雕文字,纹理材料表面 - 这些现代UI图形设计风格的标志(几乎)从未用于良好的印刷图形设计它们在印刷中是不必要的,而且输出质量越高,效果越笨重,这种技术看起来越愚蠢它们与Lucida Grande和Verdana等屏幕优化字体相当他们在视网膜下显示器上工作,因为视网膜下显示器非常粗糙在视网膜显示器上,与高质量的打印输出一样,这些技术是真实地展现出来的:各种各样的客厅技巧让我们愚弄我们认为我们在显示器上看到的东西看起来不错,在技术上无法呈现图形设计看起来不错。

像Letterpress这样的东西在视网膜下显示器上看起来并不坏(我常常在我的iPad Mini上播放),但是没有它它就在那里,对自己来说是真实的,并且忠于显示器的平庸但是在视网膜显示器上,像Letterpress这样的简单,纯净,真实的设计具有支撑效果,就像在炎热的炎热日子里第一口喝一杯冰冷的饮料。

如果您想了解软件UI设计的未来,请查看打印设计的历史。


  1. 另一个前沿的例子:Twitterrific 5对于iOS但我并不是说Letterpress是第一个朝这个方向前进的人(Instapaper的is another good example, especially on the iPad), just that it’s emblematic of the trend. ↩︎

  2. “现代”(néeMetro)Windows 8界面缺乏拟人化效果和几乎极度平坦,非常具有前瞻性思维它意味着在视网膜口径显示器上看起来最好,而不是它推出的子视网膜显示器(使用Windows Phone 7.x)或今天的典型PC显示器That said, I think there’s a sterility to Metro that prevents it from being endearingIt epitomizes “flat” design, but I don’t think it’s great design. ↩︎