2022年网页的艺术设计.docx

2022年网页的艺术设计332 线的视觉构成点的延长形成线。线在页面中的作用在于表示方向、位置、长短、宽度、形态、质量和心情。线是分割页面的主要元素之一，是确定页面现象的基本要素。总的来说，线分为直线和曲线两种。这是线的总体形态。同时线还具有本体形态，两端的形态。线的总体形态有垂直、水平、倾斜、几何曲线，自由线这几种可能。线是具有情感的。比如水平线给人开阔，安静，安静的感觉；斜线具有动力，担心，速度和现代意识；垂直线具有庄重，挺立，力气，向上的感觉；曲线给人松软流畅的女性特征；自由曲线是最好的情感抒发手段。 线的放射，粗细，渐变可以体现三维空间的感觉。将不同的线运用到页面设计中，会获得不同的效果。知道什么时候应当运用什么样的线条，可以充分的表达你所要体现的东西。总之，线条是网页设计师必需娴熟运用的最得力的表现工具。我们应当对他有肯定的了解。下面我们用一些精彩实例来做详细的分析说明。实例一：在这个页面中，水平线的重复排列形成一种剧烈的形式感和视觉冲击力，能够在第一眼就产生爱好，达到了吸引访问者留意力的目的。自由曲线的运用，打破了水平线组成的庄重和单调，给网页增加了丰富、流畅、活泼的气氛。水平线和自由曲线的组合运用，形成新奇的形式和不怜悯感的对比，从而将视觉中心有力的衬托出来。 值得提出的是，页面中点（按钮）的运用，使页面的形象更加活泼，丰满。 线还具有两端形态。线的两端形态可以随意形的，它确定了线的本体形态。实例二：在这个页面中，设计师运用了具有书法味道的线条，粗糙的边缘形成特别的肌理，表现了剧烈的特性特征和艺术效果。边缘圆滑的曲线条（字母）在粗糙背景的衬托下，显得很特别并引人注目。在这里，字母也可以看做是构成页面的线条的一种。底纹采纳了不规则，方向不一的虚线条，在丰富肌理的同时，和粗线、曲线（字母）形成对比，产生了纵深空间的感觉。曲线（字母）的大小对比也可以丰富空间层次。近实远虚的绘画原理，在这里得到了最充分地体现实例三：将曲线（字母）随意的重叠，变形，占踞了页面左上角的很的一部分空间。协作梦幻般的背景，体现了设计师虚无迷茫，杂乱无章的思绪。 自由曲线是表现情感的最佳造型手段。实例四：线条除了体现情感外，还能够利用粗细、虚实（实例二谈过），渐变，放射产生深度空间和广度空间。围绕同心的放射圆，在粗细和虚实上形成深度空间。设计师奇妙的将3D造型的LOGO放在圆心上，特别引人注目。页面左边，长短不一的线段在视觉中形成虚实的改变，强调了页面空间的构成。实例五：离心放射的线条，具有力气和挺立的感觉。类似于太阳的光线，使版面的视线更加开阔。他同时具有吸引阅读者视线的作用，和同心放射有异曲同工之妙。实例六：线条还具有分割版面的作用。在下图中，水平线将页面分割成上下两部分。 在页面上部，曲线的勾画协作色调渐变，创建出不同的形体（产品），并通过右上角的线（产品轮廓）联系起来，并将视线引导到网站的LOGO上面。在页面下部，线条分割造成大小方向不一的，带有圆角的形，作为网站的功能按钮区。通过松软并略微向右上倾斜的波浪线连成一个整体。同样将视线引导到LOGO旁边。实例七：在这个页面中，美丽的曲线将页面清楚的分割为功能和内容两个区域。同时，富有改变的，松软流畅的曲线，协作时尚的色调，将这个女性用品网站淋漓尽致的表达出来。 实例八：在这里，向上，挺立的直线分割了整个页面。直线和中灰色调的运用，突出了网站的男性定位。