如何在網頁設計中使用三分法則

[habibkhan31]

我們為什麼要寫這篇？ 我們是IT產品的開發商。我們是ReConcept工作室。我們專業地在 Tilda 上推出廉價網站、開發線上商店並建立功能性服務網站。如有需要，請隨時透過 WhatsApp 寫信給我們： 寫信至 WHATSAPP 為了理解網頁設計中的“三分法”，讓我們從一個例子開始。考慮一下這張在田野裡的公牛的照片： 不吸引人，對吧？我敢打賭，如果您在網站上看到這張圖片，您不會在那裡停留太久。 現在考慮一下當我們使用三分法並將公牛放置在距離中心更遠的位置時會發生什麼變化： 更有趣吧？ 三分法可以幫助你的設計變得更難以預測，更有趣。它能夠更長時間地吸引觀眾的注意力，這在您試圖吸引觀眾並將其轉化為潛在客戶時非常重要。 每條規則都有例外。您可能會發現，如果是對稱的，您的設計會更具吸引力。但是，請在探索不同的選項後做出決定。 我們將向您展示如何在設計和 UI 設計中使用三分法則



將您的圖像提升到一個新的水平。 如何在設計中運用三分法則 三分法指出，當您將設 土耳其電報號碼數據 計的主要物件放置在三分網格的四個交叉點之一或三分之一的部分之一時，設計會變得更有趣且更具視覺吸引力。藝術不僅僅是猜測。自古羅馬時代以來，幾何學一直在重要的藝術作品中佔有一席之地。 為了理解三分法則，讓我們來看一個例子。 三分法繪製兩條垂直於頁面的線和兩條水平於頁面的線以創建九個區塊的網格。 無論您水平還是垂直分割圖像，這都會將您的頁面分為三個部分： 然後，要在設計中使用三分法則，請將物件放置在三分之一部分中，使其偏離中心： ……或者在交叉點之一： 在上面顯示的範例中，主要焦點 - 山頂 - 位於影像中心的左側，位於照片的前三分之一。 讓我們看看如何在 Photoshop 中透過四個步驟建立三分網格。 如何在 Photoshop 中創建三分法則 1. 若要使用 Photoshop 的三分法工具，只需在 Photoshop 中開啟一個空白頁面，然後按一下「檢視」→「顯示」→「網格」： 2. 然後前往設定 → 參考線、網格和切片： 3. 然後選擇網格線和實線的顏色。然後將“網格間隔”更改為“100%”，間隔




為“3”。完成後，按一下“確定”。 4.瞧！現在你有了一個三分法網格。要新增影像，只需將影像拖曳到現有的分層網格上，將其展開以填充網格，然後移動對象，直到它位於三分之一部分之一或四個相交點之一中。 。 使用者介面設計中的三分法則範例 為了考慮三分法在使用者體驗設計中的威力，讓我們來看幾個範例網站，特別注意哪些網站使用了三分法。 1.深情共鳴公司 設計師在這裡將重點放在水晶寶石和大象串珠手鍊上。它們位於左右三分之一處，確保參觀者的注意力集中在最中心的文字上：“這不僅僅是一場運動，更是一種生活方式。” 設計師使用三分法則創造出一種平靜、和諧、輕鬆的美感，與兩個物體都位於頁面的前面和中央相比，感覺更加開放和受歡迎。 2.HubSpot HubSpot 使用三分法立即將人們的注意力吸引到其口號和主頁上的「免費獲取 HubSpot」號召性用語，因為大多數訪客的注意力會從網站的左側開始。插圖放置在右側三分之一部分以平衡頁面。這有助於用戶正確導航和查看網站：從左到右。如果採用對稱設計，則更難實現這一點。 3.弗蘭斯哈爾斯博物館 該荷蘭博物館網站使用三分法來吸引人們對位於左