热门频道

点、线、面详解以及运用    

点、线、面详解以及运用

  做好一个设计需要把握三点.这三点是直观重要。

  点的运用

  在几何学的意义上点是可见的最小形式单元,是位置的表示形式。无所谓方向、大小、形状。但所为设计构成的点与几何中的点是不同的。只有当它与周围要素进行对比时才可知这个具有具体面积形象是否可以称之为“点”。从内在性的角度来看,点是最简洁的形态。

  用非常简约的线条和少量的元素组合成了一种空灵的美感。

运用1.webp.jpg

  看起来都是文字和线条的交接,看起来并没有所谓的点的组成,但实际上一些文字在视觉里起到了点的作用,如下图所示,右侧标题作为视觉中心,紧密的排列起来的文字形成了一个矩形视觉焦点,而左侧的小文起到平衡视觉的作用。

运用2.webp.jpg

  不同形状的点往往给人以不同的视觉心理感受

  圆形,平稳,在感情上是饱满的,浑厚有力量的。

  方形,除了平稳外有端庄,大方感,在感情上是踏实的,可依靠的。

  三角形或菱形:菱角分明,且有指向性,在感情上是偏倚的,有目的性的。菱形比三角形对称,在平衡中寻求个性。其他不规则的图形,显得富有自己的个性,是独立的,张扬的。在规则的图形里变得非常明显。往往用于丰富画面。

运用3.webp.jpg

  居中:平静,稳定,集中感

  居上:不稳定感

  居下:画面有沉淀,安静的感觉,但是不容易被人发现。

  在页面三分之二靠上时:吸引人注意往往是视觉的焦点。

运用4.webp.jpg

  第一时间让用户看到最想知道的内容(下图),正中央圆角矩形的设计,隐喻传统印章,安静且舒适。而内容相对而言在视线的偏上方从纯色背景到高清大图设的背景设计上非常有层次感也不会觉得枯燥。

运用5.webp.jpg

  当画面中有不同大小的点时,大的点是焦点。而点不同的排列方式也会产生不同的视觉心理感受

运用6.webp.jpg

  当一个画面中有很多零散的点分布时,用户的视线会来回游移,而设计的目的就是如何让他们在不规则中不显得凌乱。

运用7.webp.jpg

  线的应用

  如果说点是静止的,那么线,就是点运动的轨迹。游离于点和形之间,它具有位置、长度、宽度、方向、形状和性格等属性。

  不同的线有不同的感情性格,线有很强的心理暗示作用。

  直线好比男性,刚强有力量,曲线好比女性,柔和并且性感。

  不同方向的线条和不同的排列方式也对用户起了不同的引导作用

运用8.webp.jpg

  如上面所示左图是瑞士航空公司的海报设计,不同方向的蜿蜒的公路线条性感的交织在一起,使得画面非常丰富。

  中图是一个电影海报,曲线的指向型引导用户的视觉,这就是点和线的区分,线是带有方向性的,有粗细的变化。

  右图是一张获得红点大奖的呼吁节电的海报,画面中简洁的直线并带有向下的方向感,即能引起关灯的共鸣也能将不插电这种概念表达出来。

  线还有分割画面的作用,线有连贯性,画面因为它的分割而变得生动有趣,对于阅读顺序有着决定性的作用。

  再如下图用中央的一根直线将页面划分为左右文字信息和数据可视化的两个部分。

运用9.webp.jpg

  再如下图版式设计中的曲线运用,贯穿整个页面,打破了整齐的文字排版,打破了乏味的基调。

运用10.webp.jpg

  面的运用

  面是线的移动至终结而形成的,面有长度、宽度,没有厚度。面的形态是多种多样的,不同的形态的面,在视觉上表现不同的情感。

  直线形的面具有直线所表现的心理特征,有安定、秩序感,男性的性格。

  曲线形的面具有柔软、轻松、饱满、女性的象征。

  不规则的面如:水和油墨,混合墨洒产生的偶然形等,比较自然生动,有人情味。

  第一张图的电影海报中用三角形的面来切割画面,视觉上非常有秩序感且稳定。用大的几何图形来做设计能把视觉集中到图形上,是切割画面内容最好的方式。

  第二张图中的不规则的面切割画面让页面整体比较活泼可爱,和画面的品牌牛奶的气质非常吻合,这样的不规则元素被穿插在整个画面中。


编辑声明:本网站所收集的部分公开资料来源于互联网,转载的目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。本站部分作品是由网友自主投稿和发布、编辑整理上传,对此类作品本站仅提供交流平台,不为其版权负责。如果您发现网站上有侵犯您的知识产权的作品,请与我们取得联系,我们会及时修改或删除。联系方式:020-38814986
最新评论