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