【編者按】我們一直網(wǎng)站設(shè)計(jì)是一項(xiàng)綜合技能，特別是好的設(shè)計(jì)師，會(huì)在網(wǎng)站設(shè)計(jì)中融入幾何學(xué)、經(jīng)濟(jì)學(xué)、美學(xué)等理論以及嘗試。為此，我們專門推出“網(wǎng)站設(shè)計(jì)中**學(xué)”專題。該篇講述幾何學(xué)是如何被應(yīng)用到網(wǎng)站設(shè)計(jì)中。

一個(gè)網(wǎng)站，其實(shí)就是由不同的幾何形狀構(gòu)成的。而作為專業(yè)的建站公司，我們將一個(gè)網(wǎng)站的幾何圖形，分為大幾何、中幾何、小幾何。

網(wǎng)站設(shè)計(jì)中幾何圖形的分類

大幾何。網(wǎng)站的整機(jī)形狀，可以稱之為大幾何?；旧?，九成以上的網(wǎng)站形狀都是矩形的。這就如同幾乎所有的書本都是矩形一樣。除過習(xí)慣原因，另一個(gè)原因就是屏幕是矩形，矩形網(wǎng)站與矩形屏幕適配。當(dāng)然，肯定存在圓形或者其它幾何形狀的網(wǎng)站。例如，谷歌maps就是圓形網(wǎng)站。
 

中幾何。任何一個(gè)網(wǎng)頁(yè)的構(gòu)圖，可以稱之為中幾何。例如banner的形狀、導(dǎo)航的形狀、產(chǎn)品介紹的形狀、首頁(yè)中部的形狀等等，這類板塊的形狀，都可以稱之為中幾何。
與大幾何幾乎都是矩形不同，中幾何形狀更加多樣化一些，常用的幾何形狀有正方形、圓形、菱形。



小幾何。網(wǎng)站中的很多元素形狀，可以稱之為小幾何。例如按鈕的形狀、圖片中文案的排列形狀、表單的形狀等等，這些元素的形狀，可以稱之為小幾何。

網(wǎng)站設(shè)計(jì)中幾何形狀設(shè)計(jì)規(guī)則

如何想要在網(wǎng)站中加入或者使用幾何形狀，應(yīng)該遵循什么規(guī)則呢？方維網(wǎng)絡(luò)也總結(jié)了一些設(shè)計(jì)經(jīng)驗(yàn)，與大家分享。

規(guī)則一：幾何形狀內(nèi)涵和網(wǎng)站特質(zhì)匹配

三角形具有穩(wěn)定性，所以，人們賦予三角形忠誠(chéng)、進(jìn)取、先鋒等這樣的含義。因此，一些科技公司、金融公司、外貿(mào)公司、銷售公司的網(wǎng)站，可以使用三角形這一幾何形狀。相反，如果在教育類、母嬰類網(wǎng)站使用三角形，則不太恰當(dāng)，因?yàn)檫@些網(wǎng)站希望傳達(dá)“溫柔”的情感，可以使用圓形、橢圓等沒有鋒芒的幾何形狀。
除過三角形之外，正方形、菱形、多邊形等常見的幾何圖形，都有其人為賦予的內(nèi)涵，設(shè)計(jì)師需要有所了解。

規(guī)則二：幾何形狀需要錯(cuò)配嵌入

這一規(guī)則在手機(jī)界面設(shè)計(jì)方面，被應(yīng)用的最多。例如手機(jī)的屏幕是矩形的，所以，不少手機(jī)界面的圖標(biāo)選擇了圓形，而圖標(biāo)上的元素形狀則選擇非圓形，如矩形等。
也就是說，大幾何形狀、中幾何形狀與小幾何形狀，應(yīng)該避免相互，需要錯(cuò)配嵌入。



例如上圖這個(gè)例子：這個(gè)響應(yīng)式網(wǎng)站的中幾何是矩形，所以，圖片上的文案說明，使用了圓形的幾何，小幾何是圓形的。
我們認(rèn)為，如上兩點(diǎn)是網(wǎng)站設(shè)計(jì)使用幾何形狀的時(shí)候，應(yīng)該注意和做到的。