网站设计之点的运用
既然点的作用如此重要以及,那么在网站设计、网站建设以及网站制作的过程我们应该如何做。今天广州网站设计公司派点互动的高级网站设计师来教教大家在网站设计过程中如何处理好各点之间的关系。
在几何学的意义上点是可见的最小形式单元,是位置的表示形式。无所谓方向、大小、形状。但所为设计构成的点与几何中的点是不同的。只有当它与周围要素进行对比时才可知这个具有具体面积形象是否可以称之为“点”。 康定斯基认为从内在性的角度来看,点是最简洁的形态。
举个例子,下面的网站是一个日本传统的24节气网站,站点设计也非常的传统,用非常简约的线条和少量的元素组合成了一种空灵的美感。

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

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

圆形,平稳,在感情上是饱满的,浑厚有力量的。 方形,除了平稳外有端庄,大方感,在感情上是踏实的,可依靠的。 三角形或菱形:菱角分明,且有指向性,在感情上是偏倚的,有目的性的。菱形比三角形对称,在平衡中寻求个性。其他不规则的图形,显得富有自己的个性,是独立的,张扬的。在规则的图形里变得非常明显。往往用于丰富画面。

居中:平静,稳定,集中感 居上:不稳定感 居下:画面有沉淀,安静的感觉,但是不容易被人发现。 在页面三分之二靠上时:吸引人注意往往是视觉的焦点。
还是举日本节气网站这个例子,进入某个节气后首先映入眼帘的是正中央的节气信息,第一时间让用户看到最想知道的内容,正中央圆角矩形的设计,隐喻传统印章,安静且舒适。而内容相对而言在视线的偏上方从纯色背景到高清大图设的背景设计上非常有层次感也不会觉得枯燥。

2.当画面中有不同大小的点时,大的点是焦点。而点不同的排列方式也会产生不同的视觉心理感受
当一个画面中有很多零散的点分布时,用户的视线会来回游移,而设计的目的就是如何让他们在不规则中不显得凌乱。
例如这个站点画面里有三个较大的点,大的点往往吸引人的注意,并且这三个点形成了一个视觉上的三角形,相对来说是比较稳定的。三角形的位置在页面的三分之二靠上,正好在视觉焦点的位置。也说明了当你的视觉元素非常多时,把想要突出的内容放在偏上或者居中的位置,才容易被识别。

在几何学的意义上点是可见的最小形式单元,是位置的表示形式。无所谓方向、大小、形状。但所为设计构成的点与几何中的点是不同的。只有当它与周围要素进行对比时才可知这个具有具体面积形象是否可以称之为“点”。 康定斯基认为从内在性的角度来看,点是最简洁的形态。
举个例子,下面的网站是一个日本传统的24节气网站,站点设计也非常的传统,用非常简约的线条和少量的元素组合成了一种空灵的美感。

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

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

圆形,平稳,在感情上是饱满的,浑厚有力量的。 方形,除了平稳外有端庄,大方感,在感情上是踏实的,可依靠的。 三角形或菱形:菱角分明,且有指向性,在感情上是偏倚的,有目的性的。菱形比三角形对称,在平衡中寻求个性。其他不规则的图形,显得富有自己的个性,是独立的,张扬的。在规则的图形里变得非常明显。往往用于丰富画面。

居中:平静,稳定,集中感 居上:不稳定感 居下:画面有沉淀,安静的感觉,但是不容易被人发现。 在页面三分之二靠上时:吸引人注意往往是视觉的焦点。
还是举日本节气网站这个例子,进入某个节气后首先映入眼帘的是正中央的节气信息,第一时间让用户看到最想知道的内容,正中央圆角矩形的设计,隐喻传统印章,安静且舒适。而内容相对而言在视线的偏上方从纯色背景到高清大图设的背景设计上非常有层次感也不会觉得枯燥。

2.当画面中有不同大小的点时,大的点是焦点。而点不同的排列方式也会产生不同的视觉心理感受
当一个画面中有很多零散的点分布时,用户的视线会来回游移,而设计的目的就是如何让他们在不规则中不显得凌乱。
例如这个站点画面里有三个较大的点,大的点往往吸引人的注意,并且这三个点形成了一个视觉上的三角形,相对来说是比较稳定的。三角形的位置在页面的三分之二靠上,正好在视觉焦点的位置。也说明了当你的视觉元素非常多时,把想要突出的内容放在偏上或者居中的位置,才容易被识别。

相关新闻
- 网站设计的品质要注意哪些细节?2019-04-25
- 网站设计使用颜色利于用户抓取重点2019-04-08
- 网站设计的品质要注意哪些细节?2019-04-08
- 网页设计要在网站建设前的“四不要”2019-03-28
- 粉色系网站设计应该注意哪些方面?2019-03-28
- 单页还是分页?理智分析网站设计思路!2019-03-28
- 电子商务网站设计七要素2019-03-07
- 为什么要跟着新闻网站学网页设计?2019-03-07
- 网站设计中有哪些基本的布局类型2019-03-07
- 如何提升落地页转化率?2019-03-07
- 设计师必须知道的2019年网页设计8大趋势!2019-03-07
- 六大网站设计技巧2019-01-08
- 立竿见影!掌握单页网站设计的5大技巧2019-01-08
- 深色系网站,设计上有什么讲究?2019-01-08
- 网站建设中让人讨厌的8种设计元素2018-11-08
- 网站设计与模板建站系统有哪些区别2018-11-08
- 建站企业如何与网站设计公司沟通呢?2018-11-08
- 高端网站设计的五大特点2018-11-08