当我们谈论平面设计师与Web设计师的差别时,我们其实是在谈论印刷显示与屏幕显示的差别。
光源不一样
我们之所以能看到显示器(手机、电脑等的显示器)上的图片和字体,是因为显示器实际上作为一个光源发出光线射入眼睛,这是主动显示。而印刷品(纸等)本身是不发光的,必须借助日光或者灯光的照射后,再反射到眼睛上,这是被动显示。一旦没有了借助光源,那么也就无法看到纸上的字了。不过近年来有一种技术叫做 "E Ink"(电子墨水),采了E Ink的屏幕虽然是电子屏幕,但是跟印刷品一样,是被动显示。比较成功的使用了这一技术的产品代表自然是被你我熟知的Kindle了。我觉得E Ink显示技术即使不可能带来革命性的改变,也必将在未来的某些领域大放异彩。
图片来源:justfont blog
由于显示光源的这种差异,使得屏幕阅读比印刷品(纸质)阅读更容易让眼睛感觉疲劳。
色彩模式不一样
印刷和屏幕显示,采用两种不同的色彩模式。采用主动显示的屏幕显示器使用RGB色彩模式。RGB即红、绿、蓝三原色光,使用RGB颜色模式能够产生人类视力所能感知的几乎所有颜色,也是目前运用最广的颜色系统之一。
印刷通常采用CMYK四分色模式,严格来说应该是CMY+K,即三原色混色,加上黑色油墨或墨水。
由于一般油墨印刷各原色网点色阶为0~100%,而计算机屏幕各原色光色阶为0~255,所以两者产生的色彩数差距很大,加上印刷用的油墨很难是纯色。简单来说就是采用RGB色式的屏幕显示器比采用CMYK的印刷能表达更多的颜色。电脑上显示时的颜色也往往跟打印输出后的颜色有所偏差。
精细度不同
印刷品显示的文字往往比屏幕显示更加精细平滑(劣质盗版不在此讨论范围)。显示器屏幕实际是由数百万个小像素方块组成。当显示比较精细的元素(比如文字)时,便很难呈现出其原貌。不过,现如今显示器渐渐步入Retina时代,在一些设备上这种差距正在慢慢缩小。比如Apple公司配备Retina屏幕的iPhone和MacBook所采用的显示器,其显示精细度(即像素密度)已经能够达到甚至超过印刷品。
一静一动
如果一本纸书是讲故事,那么一个Web页面则更像是在交谈。
印刷品往往能够很精准的还原设计的效果。因为(纸张的)大小是固定的,内容是固定的,设计元素的位置也是精确可控的。但是在网页设计中,想让页面完全达到设计时的效果几乎是不可能的。一是由于显示屏幕尺寸的碎片化,导致实际显示内容时,显示尺寸是变化的。二是内容可以是灵活的,变动的。网页设计不仅是是视觉上设计,也包括交互设计和用户体验设计。但这并不是说Web设计比传统平面设计的要求更高,而是Web设计更不可控,需要考虑的因素更多而已。这也是为什么印刷品会有更多优秀的排版设计。在印刷平面设计中,没有超链接的概念,也没有所谓的滚动条,更不需要考虑点击、触摸手势和内容响应宽度。在屏幕显示时代,一切都是动态的。传统平面印刷设计的原则会遇到很多挑战。设计师也无法像过去一样,可以100%掌握设计品最后呈现的样子了。
最后
显示器屏幕只适合浏览,并不适合做长时间的阅读。并且图片比文字往往有更多地吸引力。不管是平面印刷还是屏幕显示,人们还是希望阅读到舒服的版面。虽然显示器屏幕渐渐替代纸质品而占据了我们的大部分(阅读)时间,但是在屏幕上获得更舒服的阅读体验其实更难。你可以连续几个小时阅读一本排版精良的纸书,但恐怕很难受得了连续几十分钟对着一块由数百万个小“彩色像素灯泡”组成的显示器屏幕。互联网产品人都喜欢大讲用户体验人文关怀,但是很少人有会在乎为什么不能让网页的字号更大一些,等待的时间更少一些。没有人会真的喜欢整天对着一块会发光的玻璃,更别说上面还是一堆惨不忍睹不忍直视的东西。当越来越多的人带起了近视眼镜,腰背越来越驼,你们当初承诺的人文关怀都去哪儿了?!
如何利用好Typography来构建一个更易读、更舒适也更有效率的排版界面,不仅仅是个设计的问题。