Kryptonite是超人,因为浏览器是网页设计师。如果浏览器能够在没有错误或障碍的情况下呈现美丽的图案,那么网页设计师的生活将会更好。但可悲的是,这是永不止息的。
氪石是超人,因为浏览器是网页设计师。如果浏览器能够在没有错误或障碍的情况下呈现美丽的图案,那么网页设计师的生活将会更好。但可悲的是,这是永不止息的。现在是我们重新思考我们使用浏览器的方式的时候了。
打印和网络
与印刷设计相比,现代网页设计仍然非常幼稚,几百年的印刷媒体制作了最佳实践。尽管由于印刷设计的固定性,其印刷设计的位置变化不大,但由于纸张或印刷质量的原因,在其他领域(如颜色或对比度)可能会有很大差异。这些变量可以显着改变任何设计在纸上渲染的消息。
浏览器是网上最优秀的设计驱逐舰,就像旧的印刷机或质量差的纸产品可以破坏印刷的设计。但是与印刷世界不同的是,网络没有能力依靠几个世纪的经过验证的方法来处理不一致的问题。网页设计师需要处理的另一个独特的属性是,我们无法控制印刷设计师的质量。我们不能选择每个人都会看到我们的网站的浏览器,我们是在用户的怜悯和他们正在使用的浏览器。至少在印刷世界中,设计师可以控制用户如何看待他们的产品。
不同的浏览器为不同的人
浏览器也是公司,就像世界上任何其他公司一样,他们也有竞争。如果有一些巨大的网络标准组织迫使所有网络浏览器执行相同的操作,那么对于多个浏览器就没有用处,我们实际上只有一个真棒浏览器-我想我们称之为webkit。但是因为浏览器正在为用户而战-就像我们的网站一样-他们为了吸引用户而构建了不同的功能。
在印刷世界中,复印机公司通过增加不同的功能和使用不同的颜色配置文件来相互竞争。另外,他们设计了特定的功能,以使自己和市场与特定的受众区分开来。例如,佳能彩色打印机在商业印刷行业被广泛使用,因为它们具有更标准,更高质量的色彩配置和设备。理光彩色打印机销售的商业彩色产品不需要如此强大和复杂的色彩配置文件,使其更适合内部公司的出版物,如报告。如果您是为大型商业活动制作印刷广告的设计师,那么您更有可能使用商用级别的打印机,而不是商业或个人级别的打印机。
浏览器是相似的。一些浏览器是为了处理繁重的设计需求而建立的,而其他的浏览器则是为渲染文档而构建的。换一种方式;webkit和gecko浏览器是为了发布高质量,设计密集的网站而建立的,因为旧的IE和Opera浏览器是为了处理可读的文档而建立的,部分原因在于它们是旧的。想想苹果电脑和个人电脑的区别,苹果是为了创造性的发展而建立的,因为个人电脑是为更快,更强大的计算能力而建造的。一般来说,IE浏览器总是为更多的技术或商业用户而构建,Chrome和Firefox通常会迎合更有创意的用户。
随着网络进入下一个十年,浏览器将会做更多的事情来区分自己,这意味着我们需要找出更好的方式来处理浏览器的兼容性。在任何浏览器中试图使所有东西看起来都一样的时代已经过去了,但是最终几乎不可能做到,有了一些严肃的解决方法-或者只是一个非常简单,枯燥的设计。这些新的浏览器无疑会迫使我们重新考虑兼容性的方式以及我们用来处理浏览器差异的方法。
介绍质量水平
深呼吸-对于网站在不同的浏览器中看起来不同,它应该是这样的。我不是在谈论完全不同的设计,我只是说我们不应该为最低的共同点设计-除非这是你的观众,但是我们稍后再讨论。我们应该始终总是为最好的质量体验而设计。印刷设计师呢,为什么我们不能?这种设计思路做了两件事情:
通过鼓励用户更新设备和软件来促进进步允许尽可能最好的用户体验
印刷设计师总是设计最高质量的体验,因为他们可以直接控制产品的观看方式,但这种缺乏控制并不意味着我们不能采取类似的立场。当设计师向一个履行公司进行印刷活动时,该履行公司将向设计者提供基于数量和价格的质量等级。如果您为印刷品支付较少,则质量会降低。这很容易。
与客户和用户打交道时,不要试图让自己的网站在任何地方都一样-为什么不给他们高质量的选择。在最高质量的浏览器中向他们展示最高质量的网站,然后向他们展示它看起来像最低质量的浏览器,然后给他们选择。在所有浏览器中,他们的网站看起来都是平均的,或者在几个浏览器中可以看起来真是太棒了-在其他浏览器中也是如此。我的质量水平下降了,毕竟我可以在每个浏览器上创建一个平均的体验,但是我无法在每个浏览器中创建最好的最棒的体验。
我不会在每个浏览器中进行设计和编码,只是为了向他们展示它们之间的差异,对于简单的解释来说,这将是很多工作。如果你真的了解浏览器的功能,一些显示差异的Photoshop模拟会做得很好。你甚至可以编写一个通用的模板来显示不同的内容,并用它来显示多个客户端如何在不同的浏览器中呈现元素。
观众,品牌和意义
渐变,自定义字体,背景图像或动画增强您的设计,但他们不这样做。这额外的设计耀斑可以用来创造一个更好的经验,但与外面,他们不应该打破你的网站的经验或意义。LukeW在他的MobileFirst演讲中谈到了我们应该如何为移动浏览器首先设计,然后再设计更大的显示器。他认为,这使我们能够评估网站和设计的真正重要性。这种最小的设计方法不仅可以让我们设计出更好的移动体验,而且还可以提供更好的跨浏览器体验。
在为不同的浏览器设计时需要考虑的几件事情:
知道你的观众。您的受众可能不需要最新,最新和最好的浏览器功能。通过使用颜色,徽标和一致的风格来维护您的品牌。该网站可能会添加或删除功能和元素,但保持一致的品牌将有助于保持体验。确保浏览器不会破坏您网站的含义。内容和意义应始终与设计和风格分开。
或者就像法拉利
如果你有法拉利,你会知道我在说什么。法拉利的建造是为了驾驶世界上最好的道路,而不是在后面的道路上铺设泥坑。它不仅会摧毁你的法拉利,让它在一些泥泞的道路上驾驶它,而且对于那些花费一生的时间来制造这样一个主要部分的工程师和设计师来说也是一种侮辱。采取坚定的立场-安迪·克拉克的“硬式网页设计”IE,并设计你的网站,只在最好的道路上进行,忘记那些仍然使用IE6的输家,如果他们想把你的设计在泥坑中驾驶,是的。