三分法在網(wǎng)頁設(shè)計(jì)中的應(yīng)用并不總是網(wǎng)站設(shè)計(jì)領(lǐng)域的熱門話題。攝影師可能對照片三分法的構(gòu)圖比較熟悉。但是界面設(shè)計(jì)師如何使用第三個(gè)規(guī)則來創(chuàng)建有趣的數(shù)字設(shè)計(jì)

　　在本文中，我想解釋一些關(guān)于三分法和將應(yīng)用程序規(guī)則共享到網(wǎng)站布局的技巧。并不是每個(gè)人都會(huì)覺得這很有幫助，堅(jiān)持一組加速的過程往往更好。然而，三分法是這樣一個(gè)基本的概念，它的工作原理以及如何應(yīng)用于網(wǎng)站布局是非常值得學(xué)習(xí)的。

　　為什么要得分

　　你可能會(huì)問自己，為什么三個(gè)是個(gè)好主意 它是從哪里來的 你會(huì)很高興地知道，沒有太多涉及數(shù)學(xué)ndash；至少不是絕對實(shí)用。我們可以坐在魔法數(shù)學(xué)俱樂部的圈子里討論斐波那契數(shù)，但這并不是真的必要。

　　三分法起源于傳統(tǒng)藝術(shù)，特別是攝影。其中一幅作品可以分成九個(gè)公司廣場。這是一幅由兩條垂直線和水平線交叉而成的作品。該規(guī)則規(guī)定，吸引眼球的項(xiàng)目應(yīng)該排在這些線的交叉處，以獲得**具影響力的結(jié)果。

　　你可以找到這篇文章主題的一個(gè)很好的例子。這就是為什么藝術(shù)真的變得不藝術(shù)，因?yàn)椴粚ΨQ的概念通常比對稱更有趣。但有時(shí)對稱的照片會(huì)很有趣ndash；三分之一的規(guī)則，那只是一小部分。

　　理想的目標(biāo)是以一種獨(dú)特的方式注意到照片中某些部分捕捉到的東西。你想要不平等，因?yàn)樗仁鼓承┰乇绕渌馗匾词怪皇乔擅畹臄z影）。

　　現(xiàn)在我們來討論網(wǎng)站設(shè)計(jì)的問題。好吧，這不像一個(gè)問題hellip；三分法如何不涉及網(wǎng)頁設(shè)計(jì) 這與你注意到一張照片的方式有些相同，你還可以讓人們關(guān)注網(wǎng)站的一個(gè)重要部分。

　　深圳網(wǎng)站設(shè)計(jì)

　　了解網(wǎng)格

　　該技術(shù)可分為9個(gè)街區(qū)和4個(gè)關(guān)鍵交叉口。大多數(shù)用戶都知道f或Z類型的scan網(wǎng)站。所以眼睛會(huì)從上到下遵循f或Z模式。a網(wǎng)站的左上角是吸引注意力的**區(qū)域之一。

　　線框網(wǎng)格網(wǎng)站組合概念

　　這也意味著左上角的交叉點(diǎn)應(yīng)該落在頁面的重要部分上或附近。交叉口不需要以前的鏈接或圖像（盡管它們可以）。它應(yīng)該更像是一個(gè)標(biāo)志，以區(qū)局的一個(gè)重要組成部分。例如，頁面的標(biāo)題可能在**條水平線附近，而在這條水平線之下，您可能有一張照片幻燈片。

　　如果你嘗試這種技術(shù)，我想推薦兩倍以上的屏幕截圖你的瀏覽器。如果您只有一個(gè)原型設(shè)計(jì)，請裁剪一個(gè)典型的顯示，并使用確切的大小作為屏幕截圖。完整的網(wǎng)站原型不能提供**有用的結(jié)果，因?yàn)樗鼈兺葘?yīng)的原型更寬。同時(shí)三分法是UX的概念，不是一個(gè)完整的設(shè)計(jì)原則。

　　當(dāng)用戶**次登錄到您的網(wǎng)頁時(shí)，他們只看到位于折疊中的界面元素。用這個(gè)原理來分析畫布，確定頁面的部分，自然會(huì)引起注意。如果你正確使用它，你會(huì)發(fā)現(xiàn)3次；3網(wǎng)格是一個(gè)愉快的和啟發(fā)性的經(jīng)驗(yàn)。

　　調(diào)整設(shè)計(jì)

　　現(xiàn)在我們了解了這個(gè)規(guī)則在網(wǎng)頁設(shè)計(jì)中的用法，我想提出一個(gè)非常重要的觀點(diǎn)。第三，規(guī)則不應(yīng)該是無懈可擊設(shè)計(jì)的網(wǎng)架結(jié)構(gòu)建筑。相反，將其用作測試或調(diào)整現(xiàn)有設(shè)計(jì)的工具。

　　有許多免費(fèi)的網(wǎng)格系統(tǒng)可以幫助您從頭開始規(guī)劃線框或模型的完整布局三分法，在簽出設(shè)計(jì)時(shí)，它們的行為應(yīng)該更像一個(gè)指南。您可以選擇將導(dǎo)航欄調(diào)整為高或低，并將標(biāo)志移近或移離交叉口。

　　幸運(yùn)的是，你幾乎可以用任何軟件來測試這個(gè)想法Photoshop是我的**，甚至像GIMP這樣的免費(fèi)替代品也有足夠的特性來創(chuàng)建一個(gè)簡單網(wǎng)格的頂級設(shè)計(jì)屏幕截圖。**好是創(chuàng)造一些**ndash；任何你正朝著正確方向發(fā)展的項(xiàng)目。

　　一旦你有一個(gè)初稿，然后測試三分法?？吹皆卦陧撁娴南嘟惶幍袈?。隨著時(shí)間的推移，您將開始注意到對其他網(wǎng)站的影響，這將幫助您認(rèn)識到您自己的設(shè)計(jì)實(shí)現(xiàn)了相同的功能。

　　牧羊人

　　處理對稱性

　　在某些情況下，對稱頁面元素可能很有用。但如果這是規(guī)則，藝術(shù)將相當(dāng)無聊。事實(shí)上，不對稱是繪畫和攝影，照片顯示的土地比天空多是常見的，或者比另一邊的物體更近。它似乎不平衡，但它不是什么吸引我們的注意。

　　說到設(shè)計(jì)，你可能會(huì)認(rèn)為這和原理非常相似。如果頁面標(biāo)題使用一個(gè)大的英雄形象，這可能占整個(gè)網(wǎng)格的2/3。同樣，可以把大標(biāo)題文本和小副標(biāo)題文本進(jìn)行對比效果。這設(shè)計(jì)意味著標(biāo)題文本非常重要，應(yīng)該被認(rèn)為是**個(gè)ndash；如果它足夠有趣，讀者也可以考慮第二文本。

　　**后的想法

　　在大多數(shù)藝術(shù)形式中，表達(dá)是沒有規(guī)則的。規(guī)則是，人們?nèi)匀徽莆者@門手藝，這當(dāng)然也適用于網(wǎng)頁設(shè)計(jì)中的三分法，這是非常有用的。一旦你完全理解本的想法，你就可以；規(guī)則；會(huì)出現(xiàn)在你的潛意識里。這是當(dāng)你開始接近掌握，通常在這一點(diǎn)上，所有的規(guī)則成為第二天性。然后你就可以開始違反規(guī)則了！

　　希望本文能澄清網(wǎng)頁設(shè)計(jì)三分法中的一些常見用法。記住，如果這些指南對你的手藝沒有很好的幫助，你不需要遵循它們。然而，許多設(shè)計(jì)老師發(fā)現(xiàn)這個(gè)三分法方法是成功的，所以它的價(jià)值在于你自己的工作流程測試。

http://m.ezekroy.com/wangzhansheji/1088.html 三分法在網(wǎng)頁設(shè)計(jì)中的應(yīng)用