高端网站设计的几何学 - 高端网站设计 - 方维网络
400-800-9385
网站建设资讯详细

高端网站设计的几何学

发表日期:2019-07-20 11:35:08   作者来源:方维网络   查看:2988
【编者按】我们一直网站设计是一项综合技能,特别是好的设计师,会在网站设计中融入几何学、经济学、美学等理论以及尝试。为此,我们专门推出“网站设计中**学”专题。该篇讲述几何学是如何被应用到网站设计中。

一个网站,其实就是由不同的几何形状构成的。而作为专业的建站沐鸣2,我们将一个网站的几何图形,分为大几何、中几何、小几何。

网站设计中几何图形的分类

大几何。网站的整机形状,可以称之为大几何。基本上,九成以上的网站形状都是矩形的。这就如同几乎所有的书本都是矩形一样。除过习惯原因,另一个原因就是屏幕是矩形,矩形网站与矩形屏幕适配。当然,肯定存在圆形或者其它几何形状的网站。例如,谷歌maps就是圆形网站。
 

地球


中几何。任何一个网页的构图,可以称之为中几何。例如banner的形状、导航的形状、产品介绍的形状、首页中部的形状等等,这类板块的形状,都可以称之为中几何。
与大几何几乎都是矩形不同,中几何形状更加多样化一些,常用的几何形状有正方形、圆形、菱形。

高端设计案例2

小几何。网站中的很多元素形状,可以称之为小几何。例如按钮的形状、图片中文案的排列形状、表单的形状等等,这些元素的形状,可以称之为小几何。

网站设计中几何形状设计规则

如何想要在网站中加入或者使用几何形状,应该遵循什么规则呢?方维网络也总结了一些设计经验,与大家分享。

规则一:几何形状内涵和网站特质匹配

三角形具有稳定性,所以,人们赋予三角形忠诚、进取、先锋等这样的含义。因此,一些科技沐鸣2、金融沐鸣2、外贸沐鸣2、销售沐鸣2的网站,可以使用三角形这一几何形状。相反,如果在教育类、母婴类网站使用三角形,则不太恰当,因为这些网站希望传达“温柔”的情感,可以使用圆形、椭圆等没有锋芒的几何形状。
除过三角形之外,正方形、菱形、多边形等常见的几何图形,都有其人为赋予的内涵,设计师需要有所了解。

规则二:几何形状需要错配嵌入

这一规则在手机界面设计方面,被应用的最多。例如手机的屏幕是矩形的,所以,不少手机界面的图标选择了圆形,而图标上的元素形状则选择非圆形,如矩形等。
也就是说,大几何形状、中几何形状与小几何形状,应该避免相互,需要错配嵌入。

高端设计案例

例如上图这个例子:这个响应式网站的中几何是矩形,所以,图片上的文案说明,使用了圆形的几何,小几何是圆形的。
我们认为,如上两点是网站设计使用几何形状的时候,应该注意和做到的。