网页设计中的平面设计知识

admin  2016-07-10 20:22   Hits: 

在平面构成中,点是最小的设计单位,也是在天津网站设计过程中用到的最基本的元素。虽然从几何学的角度上讲,点只有具体的位置而没有面积大小,但从设计造型角度上看,点是具有空间位置和视觉形态的。
点的形态可分为规则形与非规则形的点,规则形的点也常称为几何形态的点:如圆形点(圆形和椭圆形)、方形点(正方形和矩形)、角形点、星形点等,其中圆形点为最理想形态、最单纯的点。
非规则形的点,是指形状不受几何形约束的一类点,这一类设计元素真正在设计上赋予了设计师更多设计空间,我们可以为这一类点赋予很多的含义,例如,它可以是十字形、花形或叶子形的,甚至可以是一个实体图像,从比较简单的意义上理解,点就是指画面中小的形状,那么小到什么程度才能算是点呢?这就要依据实际的观察角度及环境来确定了。例如,在摄影师拍摄向日葵时,如果采用了全景式拍摄,画面中的每一朵向日葵被理解为一个点。
通过上面的讲解可以看出,点的概念是相对存在的,将同一图像元素放置在不同的场景、该图像元素所体现出来的状态是不相同的。但通常点越小,点的感觉就会越强烈,而点越大就越容易产生面的视觉感受。无疑问,点在画面中具有集中、吸引视线的视觉作用。如果点足够多,而且密度也比较大,就容易使观看生硅面的错视,从而使点的外轮廓呈现出新的形状。
所谓用点构成图像,就是通过将若干个点有规律地堆积在一起,使观察者从画面的整体效果上产生出一种具象图像的感觉,虽然仔细观察整个图像的细节其组成的要素仍然是很小的点。而当点的位置偏离中心位置,则会使整个画面产生不稳定感与动感,根据点的位置不同,能够在垂直方向上。产生逃逸、下落的感觉,在水平方向上产生运动的感觉。
‘如前所述,当画面上的其他视觉元素在位置或面积上与另一个重点突出元素形成悬殊对比时,就很容易使该元素成为突出的视觉中心。因此,所谓用点来突出视觉中心的方法,就是将要表现的主体图像,在画面中以点的形式呈现出来,并且保证该元素在视觉位置、面积方面占据绝对优势,使整个作品在视觉上有一目了然的表达效果,这是设计中经常会用到的一种表现手法。除了充当主体视觉元素的点外,为了丰富整个画面,通常需要人为的在画面中增加装饰点,这些点可以使整体画面看起来更加的丰富和活跃,甚至起到画龙点睛的作用,申于点的不同位置、大小、形状能够给人带来不同的视觉感受真,使观看者产生不同的联想,因此这些点虽然只是起到装饰作用,但点的位置、大小、排列也是需要刻意设计的,很难想象一堆杂乱无章的点能够为整个画面带来美感,在为西画面增加装饰点时,最值得留意的就是,作为装饰性元素,其注目程度绝不可以超过要表现的主体图像,从而发生喧蔓宾夺主的现象,在这方面要把握的原则是:合适的才是最好的。
线是点运动的轨迹,当点在一定方向上足够密集时,就形成了线。当点的移动方向恒定时,其运动轨迹圣形成直线;当点以一定的弧度移动时,其运动轨迹形成曲线;如果点进行的是无规律的运动,则得到的就可能是锯、波浪线或折线等。线与面也存在着相对的关系,因为当线的宽度超过一定比例时,线的感觉就会减弱,而趋向于面的感觉,因此在某种情况下也可以将线认为是具有一定形的面。
重新认识线的形态
与点能够表现为不同状态一样,线在天津网站设计作品也具有各种不同的表现形态,其中最常见的仍然是纯粹的线条
果在作品中,对文字进行重新排列组合,也能够使其具有线的特点,从而在作品中充当分割线或视觉引导线的作用
占繼道理,如果作品中的图像与其他元素相比,具有线的特点,也可以在作品中充当分割线或视觉引导线作用
不同的线条形状能够表现出不同的情况特征,例如,垂直线让人感觉有生命力、力度感和伸展感,而水平线则使人感觉有稳定感但略显呆板,斜线让人感觉到有运动感与方向感,而折线则使人感觉向变化丰富,这种线较易形成空间感。
规则的几何曲线让人感觉到有弹力与紧张感觉,自由的曲线,则使人感觉到自由、随意、优美。
另外,线条的粗细也给人不同的感受,通常细线使人感觉到精致、挺拔、锐利,而粗线则使人感觉到壮实、简陋、粗糙。可以看出,不同的线条会使一个作品表达出不同的情感特点,在设计中恰当的使用不同形态的线条、表现不同的情感特点对于一个设计师而言非常重要。
所谓用线制作视觉焦点,就是依据通过旋转线为多条线制作透视角度等方式,使线形成具有聚焦感觉的视觉效果,从而引导人们的视线集中在焦点处。当两个不同的面相交时自然会在两个面之间形成一条线,这条线就成为两个面的边界线,这样的两个面,可以在颜色、质地、形状等方面产生差异,从而形成不同的分割线效果。通过在设计中运用这种手法,能够设计出层次分明、重点突出的作品。前面所展示的所有用于划分面的线条—直线或曲线都是很纯粹的线条,线的形臣式与状态可以是非常任意的,因此在使用线划分平面方面,不必有所拘泥。本例正是这样一个实例,设计者用于划分不同面的线条来源于一个英文字母,通过将男女主人公不同的状态与场景分割成为不同的封闭空间,使作品看上去既丰富又不散乱,每一个封闭面中的图像既相互独立而又具有统一的感觉。
色彩设计是表现符合设计理念的网站形象的一项重要战略。色彩设计不只是色彩的搭配f如何搭配几种色彩,更是要通过前一阶段的 天津网站设计战略来确定网站的整体色彩是传达情感的视觉要素,直接传达着强/弱/轻/重的感觉。因此,对于网站形象的确立而言,细致的色彩设计是一个非常重要的阶段。
色彩设计大致可以分为以下三种方式。
①只使用基本色
将主体色(Main Color),辅助色(Sub Color)及强调色(Accent Color)确定的基本色彩运用到整个网站,保持网站整体的色彩连贯性,确定网站的色彩形象。
②不同的服务菜单使用不同的色彩
不同的服务菜单运用不同的色彩。可以选择运用相同的主体色(Main Color).以及不同的辅助色(Sub Color)和强调色(Accent Color);也可以选择运用完全不同的主体色(Main Color),辅助色(Sub Color)及强调色(Accent Color)。
③多种色彩的搭配
运用多样化的色彩进行搭配。要求设计师不仅要确定主体色、辅助色和强调色,更要考虑如何进行网页配色、如何搭配多样化的色彩以表现丰富多彩的形象。
主体色(Main Color)
主体色(Main Colorl是指页面最基本的代表色彩。对于只使用基本色的网站而言,为了保持现实和网络中公司形象的连贯性,通常将公司的CI, BI色彩体系用做主体色。
辅助色(Sub Color)
辅助色(Sub Color)是指辅助或补充主体色的色彩。使用黑暗色调主体色的时候,最好运用明亮的色彩作为辅助色;使用轻快氛围的主体色的时候,最好运用安静的色彩作为辅助色强调色(Accent Color)
强调色(Accent Color)是指起强调作用、具有醒目视觉效果的色彩。强调色与主体色、辅助色搭配的话,可以增添视觉活力;强调色主要运用补色等色彩对比强烈的色彩。
1.吸引视线
有魅力、漂亮、新奇、吸引人、刺激好奇心等,这些印象能把人的视线吸引到对象上,对于设计师来说,最重要的任务就是把人们的视线快速吸引到设计上。一般而言,人们对干天津网站设计作品的视觉觉要;认知顺序为”色彩,图画:文字toe619nln~ng withColor.Susan Berry &Judy Martin.艺耕出版社,1977)。
可以说,色彩就是最先吸引人们视线的特殊视觉要素。比如说,商店的商品柜台中最醒目的是黄色包装的商品,这是因为黄色具有醒目的膨胀效果,同时也说明了色彩能最快地吸引人们的视线。当然,网页设计与吸引消费者注意激发购买欲望的商品包装设计有很大差别,与最快地吸引使用者的视线相比,网页设计的重点更要放在提供使用者满意的用户界面及优质的内容。
对于网页设计而言,色彩是最先吸引使用者视线的要素;因此,必须选择适合网站理念的色彩,确定一个页面中色彩的使用范围和比例,并策划色彩具有的视线集中效果,这也是吸引使用者视线的积极方法。
2.诱导视线
在使用者随时都可能离开的因特网环境里,吸引使用者的视线并诱导其不改变视线就显得非常重要—网页设计师首先必须掌握网页内容的优先顺序信;也就是说,首先必须根据内容的重要性,按照确定第一重要内容、第二重要内容、第三重要内容,第四重要内容的顺序,然后根据优先顺序突出重要内容诱导使用者的视线;在内容优先顺序的强调方法中,最好的视觉效果就是色。通过调节色彩饱和度的强弱、基于亮度的明亮和黑暗,如下面两个图所示,可以突出重要的内容,按照优先顺序诱导使用者的视线。当然,对于静止的网页而言,相比色彩的视线集中效果,具有动态效果的动态对象更能吸引或诱导使用者的视线。
动态效果更能出色地诱导使用者的视线,二尤其是Flash动画影像,它不仅能吸引使用者的视线,还能诱导使用者作出反应;在Flash动画影像播放过程中,使用者完全处于入迷的状态,很自然地作出各种反应。不过,这里需要指出一个重要的原理,对于Flash动画影像而言,色彩也.是非常重要的构成要素;使用者在浏览丰富精彩的Flash动画影像的时候色彩仍然起到首先吸引使用者视线的效果;同时,在动画影像播放间歇的静止画面里,最能有效地顺次诱导使用者视线、表现内容信息重要性的也是色彩。
3.记忆视线所捕捉的画面
在大量的视觉信息中,使用者容易记忆的就是那些能吸引视线的对象。吸引视线也就是印象深刻的意思,愉快的印象。不愉快的印象等,相比一般而言比较特别的画面会给使用者留下较深的印象。自然而然,最先吸引使用者视线的色彩所起的作用就是让使用者记住网奭p刻的画面。
其实,仔细浏览过某个网站之后,回想一下那个网站的模样,可能大家最先想到的是黑色导航、设计为黄色和淡绿色的导航及框架等网站的主色调画面。可以说,即使是非常细致地浏览了网站,也很难记住网站的网页布局结构及形态,,相反,:却能容易地记住视觉要素中最先被感知的色彩。
l月站的色彩不仅要能够最先吸引使用者的视线,还要成为经得起回忆的网站代表形象;因此,必须通过设计理念的开发网站慎重地策划依靠色彩来表现的视觉形象。
上一篇:网站建设流程分析
下一篇:网站制作的几项原则