点、线、面:平面设计基本功在网页设计中的应用

2018-09-2408:15:27网页设计Comments5,696 views字数 1905阅读模式

平面设计中有着各种各样的元素,但所有的元素概括起来不外乎点、线、面三种,三种元素的相互结合与相互转换之间就构成了形形色色的平面设计。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/5619.html

点、线、面:平面设计基本功在网页设计中的应用
点、线、面:平面设计基本功在网页设计中的应用

点是相对较小的元素,线的交叉形成点,点可以通过运动形成线。点最重要的功能就是表明位置和进行聚集。点是最基本和最重要的元素,一个较小的元素在一幅图中或者两个以上的非线元素同时出现在一个图中,我们都可以将其视为点。这么说来,点可以有各种各样的形状,有不同的面积,但在平面设计理论中,它的位置关系重于面积关系,甚至很多时候,我们并不关心点的面积大小。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/5619.html

点、线、面:平面设计基本功在网页设计中的应用

两个以上的点,可以有不同的对应关系,更多的线上的点可以形成点线。点线拥有线的优势,又有点的特征,是用得较多的设计方式。三个以上不在同一条线上的点可以形成面,我们可以运用点面这种特性来进行设计,点面具有面的优势,更多的是面的特征,但同时也有点的美感。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/5619.html

在平面设计中,同样一个点,由于大小、形态、位置的不同,所产生的视觉效果和心理作用也不同。点的缩小起着强调和引起注意的作用,而点的放大有面之感。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/5619.html

点、线、面:平面设计基本功在网页设计中的应用
点、线、面:平面设计基本功在网页设计中的应用

线有长度的特性,是点的运动轨迹,有方向的特性与力的运动感,线也是面的边界,又是面的转折。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/5619.html

点、线、面:平面设计基本功在网页设计中的应用

直线的适当运用对于作品来说,有标准、现代、稳定的感觉,我们常常会运用直线来对不够标准化的设计进行纠正。适当的直线还可以分割平面。曲线则具有女性化的特点,具有柔软、优雅的感觉。曲线的整齐排列会使人感觉流畅,让人想象到头发、羽絮、流水等,有强烈的心里暗示作用,而曲线的不整齐排列会使人感觉混乱、无序以及自由。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/5619.html

线的封闭可以构成面,线可以突出形,勾线具有美化作用。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/5619.html

点、线、面:平面设计基本功在网页设计中的应用
点、线、面:平面设计基本功在网页设计中的应用

面是线横向移动的轨迹,具有面的形。线具有方向性基础,是一度空间存在;面具有横向、纵向的二度空间的形的存在。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/5619.html

点、线、面:平面设计基本功在网页设计中的应用

曲线几何体,呈现高贵、自由、饱满。直线几何体,个性突出,正方形、长方形、三角形、梯形等,简洁有序,呈安定感。面与点相比,它是一个平面中相对较大的元素,点强调位置关系,面强调形状和面积。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/5619.html

点和面之间没有绝对的区分,在需要位置关系的时候,我们把它称为点。在需要强调形状面积的时候,我们把它看为面。一定数量的面有秩序的排列,能够产生层次感。面可以进一步构成体。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/5619.html

点、线、面:平面设计基本功在网页设计中的应用
点、线、面:平面设计基本功在网页设计中的应用

点、线、面在设计中是一切判断基准的最基础要素。用点线面的关系对比建立良好的主次、强弱的空间关系,增强画面的节奏感和明快度,明确设计中的黑白灰关系,是优秀的设计作品的重要评判标准。准确运用点线面关系来完美的表述设计内涵,可以使作品更加精彩动人。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/5619.html

点、线、面:平面设计基本功在网页设计中的应用
点、线、面:平面设计基本功在网页设计中的应用

对比在这里是指一种造型因素,就其某一特征在其程度上的比较。如:明暗色调这一造型因素,它的特点是深和浅。线条有长短的对比;形体有方圆对比等等。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/5619.html

点、线、面:平面设计基本功在网页设计中的应用

①点的对比。点连续延伸的轨迹成为线,密集成片而成为面。由于疏密变化而转化为明暗色调。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/5619.html

②线的对比。可以作为物象的边缘,又可独立的表达一定的形象。例如线的直与曲、长与短。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/5619.html

③面的对比。在立体艺术中指的是形体,在平面艺术中指两度空间的占有。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/5619.html

点、线、面:平面设计基本功在网页设计中的应用
点、线、面:平面设计基本功在网页设计中的应用

①非对称式均衡。一种感觉上的均衡,任何人都不可能准确判断画面上的物象实际重量。因为纯数心理意义上的重量,按照他在人们生活中的重要性及与人的关系密切程度而定。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/5619.html

点、线、面:平面设计基本功在网页设计中的应用

②关于面的大小深浅聚散的均衡分布。色调的不均衡,可从调整形体大小进行补偿;形体的不均衡,也可从调整色调的深浅进行补偿。两者在不可变动的情况下还可以通过画幅边沿关系的改变,进行调整。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/5619.html

点、线、面:平面设计基本功在网页设计中的应用

③关于形体和色调的均衡在心理上的衡量。在暗色背景前,明度与面积成反比,反之亦然。面积小而与背景明度反差大,色块面积大与背景反差小,两者可以取得均衡。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/5619.html

④运动与倾向。运动是有方向性的,人们观察运动着的物体,视点往往追随着他的运动方向而略为超前。因而在设计中也往往需要在运动前方留有更多的余地。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/5619.html

点、线、面:平面设计基本功在网页设计中的应用
点、线、面:平面设计基本功在网页设计中的应用

节奏 -- 是音乐里音响运动的轻重缓急的序列。我们从两个极端去理解。一种节奏和谐、抑扬顿挫,给听者带来美感;另一种是节奏的杂乱或节奏过于简单而产生的噪声。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/5619.html

点、线、面:平面设计基本功在网页设计中的应用

在设计中各种形象符号的任意堆积,并不能成为意想中的画面,只能是杂乱无章,使视觉无从适从。在设计中正确运用深浅、弧形线段大小、线段长短表现节奏的变化,以及形的大小、疏密的节奏变化。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/5619.html

点、线、面:平面设计基本功在网页设计中的应用

一般画面的高潮在于视觉中心,是节奏变化最强的部位,视觉中心并不一定是画面中央,而是指视觉上最有情趣的部位、也可称为趣味中心。画面中的其他部分应为这一中心服务。既引导观众的视线,逐渐趋向这一中心。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/5619.html

点、线、面:平面设计基本功在网页设计中的应用

节奏前后延续的变化,基本上是根据这种要求设计为渐次递增、递减、反复、对照、重复等,历经这种变化而达到高潮,然后重新经历一定的变化、趋于平静。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/5619.html

点线面在作用是不言而喻的,同时它们之间互相依存,你中有我,我中有你,在一定条件下可以互相转化。灵活运用好点、线、面,你的设计作品必定与众不同。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/5619.html

点、线、面:平面设计基本功在网页设计中的应用
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/5619.html
  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/sheji/5619.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定