艺术与web设计：线.docxVIP

艺术与web设计：线 　　线之入门　　初识各类艺术要素与原则时，你或许会以为它们太过简单甚而不屑一顾。然而，多花些时间，对每一类要素与原则都仔仔细细地沉思默想一番，却是十分重要的。什么是线?线能够传递什么样的情感?　　在学习艺术要素与原则时，这些便是你要问自己的基本问题。思考一下如何你才能将它们融入到你的创意思维里，如何才能卓有成效地将它们应用于你自己的web项目中。因此，我们又回到了起初那个问题：线是什么?　　“线就是点的连续移动，比如图形的边，或者画笔笔触的移动轨迹。”　　线与许多其他要素和原则相互作用，因而我们应当予以高度关注。每条线均有粗细，长度和线质之分。除了这三个属性以外，线还有方向，方向不同，籍以引发的情感反应也不同。方向对线的整体审美效果影响最为显著，因此，我们就从这开始吧。　　埃贡席勒的《母子》(1910)　　横线　　在所有的线中，横线让人感觉最平和。因为横线与地表平行，所以显得平静安详。事实上，横线与熟悉的景物远方的地平线相似，由此，它们适于传递一种辽阔空旷之感。　　在塞尚1885年的作品《The Bay of Marseilles, view from L’Estaque(从埃斯特克看马赛湾)》里，请注意横线是如何给这幅画作带去构图的稳定性。沿屋顶和山水的一连串横线还帮助传递出深度之感。此外，当横线触及画布(或web页)的边缘时，我们会感觉到空间变大了，视线之外另有天地。看着这幅画作，我们眼前很容易便显现出：地平线与建筑延伸到了左右两边以外，就好像是透过一扇窗在看似的。花点时间，想象一下这幅绘画更宽阔时的模样。在大幅绘画中，这种“开窗”效果可以得到增强，在大屏幕上用最大化浏览器浏览web页面时也是如此。　　横线还可以划分空间。例如，web页顶端或底端的水平伸缩条就类似于塞尚画作中的横线。在页眉和页脚的情形下，这种空间划分也许恰好可以满足在视觉上分隔页面内容为逻辑组的需要。　　保罗塞尚的《The Bay of Marseilles, view from L’Estaque》 (1885)　　竖线　　既然横线传递的是平和与稳定，那么你可能以为竖线传递的就是混乱与动荡。然而，与画布顶端和底端垂直的竖线往往更适于传递高度之感。实际上，屏幕由上往下的长线类似于横线，同样也可传递稳定有序的感觉，并给页面赋予结构。　　维奥莱勒迪克的《Pinacle of Notre-Dame de Reims》， 引自《11世纪至16世纪法国建筑辞典》(1856)　　在哥特建筑中，竖线往往具有非凡的效果。那个时代的艺术家与建筑师想要建造可以通向天国的建筑，因为他们认为这样可以离上帝更近。通过采用飞拱和高耸的尖顶，他们建造的教堂仿佛可以与天相接。哥特大教堂里强烈的高度感还可通过比例的精心运用来获得。　　例如，这栋建筑的主厅称为中殿，它独特之处就在于高度大于宽度。在有些情形下，比例甚至放大到2:1，所建造的巨大的内部空间，直指天空。别忘了，这些哥特大教堂属于那个时代最高的建筑之列，因而其宏伟的建筑正面和硕大的内部空间在当时或许更加令人敬畏。这些建筑常常有高高的柱子、飞拱、高耸的尖塔和逼仄的窗子，所有这些都构造出竖线，看上去，都突出来与地表垂直。这些建筑特色全是为了激起人们对宗教的崇敬之感。　　当竖线与web页面的上缘与下缘相接时，它常向用户发出一个信号：可以上下滚动，搜寻更多的内容。另外，宽度固定的布局有时会将竖线(要么是文字线，要么是暗含的边)置于内容的左右两边，以模仿从上至下移动纸张的感觉。这种视觉效果通常是下意识的，网站访客几乎从来没注意过布局的左右两边。然而，他们却能够在周边视觉里拾取这些隐约的信号。　　横线加竖线　　当把横线与竖线结合在一起使用时，可分别传递相同的有序和安静之感。虽然横线与竖线都可传递稳定感，但是放在一起其合力更甚于部分之和。互相垂直的线构成的90度直角往往能创造视觉刚性，进而联想到永久与可靠。通过网格布局和矩形框，Web页采用这种视觉建构的可谓数不胜数。CSS和布局引擎背后的基本原理使得这难以避免，结果可好可坏，要视预期效果而定。　　横线加竖线的永久与可靠也常用于古典与现代艺术中。例如，古希腊庙宇就将高大的立柱与宽阔的横檐一并使用，以构造刚性的垂线。另外，有些古典庙宇还展现了符合黄金分割比的横线与竖线比例。请注意，在下页的图中，随着你的视线沿螺旋线移动，矩形与线的比例透出令人愉悦的美感。后面一页展示了蒙德里安一幅广为流传的作品，它表现了横线与竖线非常纯粹的运用。　　斐波那契螺旋是黄金螺旋线的近似表达。　　皮特蒙德里安的《大红块、黄色、黑色、灰色与蓝色的构图》(1921)　　斜线　　斜线往往给人坠落之感。而且，较之横线或竖线，斜线更加动感，因为它们与画布的任一边都不