余姚網(wǎng)站建設(shè)_數(shù)學(xué)與網(wǎng)頁設(shè)計之間的密切關(guān)系
發(fā)布日期: 2019-3-4 10:03:52 點擊量: 1257
在我們甚至開始考慮將這個比例應(yīng)用于我們的設(shè)計之前，我們首先要看一下使用這個比例的幾個例子。
首先是這個網(wǎng)站，它的設(shè)計有多個比例構(gòu)成。 在下面的圖片里你將看到網(wǎng)站的界面。 我用了兩種顏色來標記不同的構(gòu)成， 主要列的寬度比恰好是1.618， 像素點的計算證明了這一點。
余姚網(wǎng)站建設(shè)
但是這個網(wǎng)站不僅在總寬度上使用黃金比例，還適用于網(wǎng)站上一些較小的部分。
讓我們快速瀏覽主列，然后看看內(nèi)容。 慈溪網(wǎng)站建設(shè)。如下所示，文本元素大概是此元素中藥讀取內(nèi)容的1.618倍。
網(wǎng)頁設(shè)計中黃金比例的例子-寧波網(wǎng)站建設(shè)
另一個很好的例子是著名的Smashing Magazine博客。 其主列的總寬度僅為700像素。 當您將此數(shù)字除以1.618時，結(jié)果是大約435：側(cè)邊欄的寬度。
如何將這個比例應(yīng)用于你的下一個設(shè)計中
繪畫的畫布和建筑物的寬度都具有固定的寬度 ，慈溪網(wǎng)絡(luò)公司，但是我們的的顯示器的大小不同。因此，尤其是在網(wǎng)站設(shè)計中，在計算黃金比例時應(yīng)考慮一個額外的變量。
但是有一個簡單的辦法來解決這個問題， 你根據(jù)比例計算寬度的時候，只需要計算包含元素。 在我們的第一個和最后一個例子中， 這是一個網(wǎng)站的完整寬度，在第二個例子中，只是較小部分的寬度：它們的主列。
無論如何，當你確定包含元素的寬度時，你應(yīng)該將此值除以Phi， 然后獲得主要元素的寬度。 然后從元素寬度中減去主要元素的結(jié)果，余姚網(wǎng)絡(luò)公司，這將給出較小部分的寬度。
如果你懶得記Phi或者懶得用計算器，我建議用Phiculator， 這個小程序只需要填寫總寬就能自動計算寬度。 它能整數(shù)計算，不必擔(dān)心十進制數(shù)字計算會出問題。
三分法則
另一個著名的數(shù)學(xué)法則是三分法則。 這個規(guī)則將幫助你將畫面分為九個相等的部分來制作平衡的組合。 這個規(guī)則有點類似于黃金比例，因為0.618和0.67約等于三分之二。
攝影
在攝影中，經(jīng)常使用三分法則來構(gòu)圖拍攝，因為它是個很直觀的指導(dǎo)，容易拍出好的照片。 這就是為什么你會在單反上看到網(wǎng)格線的原因。 有些微單也有這個功能，在攝影的時候加入網(wǎng)格點。
它是如何指導(dǎo)工作的？
使用三分法則， 你可以將畫布分為九個相等的矩形，平行線和四個交點， 你可以使用平行線和交點創(chuàng)造出有趣的組合。
顯然，組合的關(guān)鍵在正確定位元素， 使用三分法則的時候，你可以做兩件事。
第一個是用于劃分畫布的線條， 攝影中，長而直的形狀通常與這些線對齊。寧波網(wǎng)絡(luò)公司， 在設(shè)計中，具有相同形狀的東西也可以與這些線對齊。
第二件事是，你需要在交點上放置一個或兩個對象， 太多會影響構(gòu)圖。
這是我在攝影網(wǎng)站Flickr上發(fā)現(xiàn)的一個很好的例子。 如下圖所示攝影師將排列的建筑物與頂線對齊，而在右上角的交叉點，您會發(fā)現(xiàn)一個房子，因為它的顏色最突出。慈溪微信營銷。 因為它本身就是一個焦點，它與交點相一致，增加了良好的組合和均衡的感覺。
