對于攝影師來說,取景布局三等分的概念非常熟悉。雖然這是一個非常吸引人的概念,但很少有人會在設計網頁時從三個方面來談論它。當然,這并不意味著這是不可能的,但這種交叉的事情很少被注意到。因此,在今天的文章中,我想解釋一下二分法,并分享一些將其應用于網頁設計的技巧和經驗。然而,三等分法并不一定適用于所有人。畢竟,有很多技巧和方法可以改進設計和設計過程。然而,作為一個基本的布局規則,三等分本身絕對值得學習,在網頁設計中也很實用。你可能會問,為什么你必須給出三分?這個奇怪的場景是從哪里來的?幸運的是,我很高興地告訴你們,這件事與數學定理或復雜的邏輯推理無關,也不需要太深入地探究這件事的根源
三等分只是來自傳統藝術,目前在攝影中使用得更多。整個布局分為九個平均區塊,在水平和垂直方向上有兩條分界線。三等分法規定,為了盡可能吸引觀眾的注意力,視覺重心或最吸引人的東西應該盡可能靠近四條線的交點
你可以在這篇WDD文章中找到很好的例子。在許多情況下,非對稱布局通常可以使整個頁面更有趣,但這并不意味著任何時候都應該使用非對稱布局,因為在某些情況下,對稱布局會更有趣,而此時,三分法則的意義并不太大
拍攝時,理想的目標是從獨特的角度捕捉一些有吸引力的場景,而非對稱布局使得視野中的一些元素比其他元素更加突出,這些突出的元素通常被壓在上述四個交點上
那么回到網頁設計的問題,二分法和網頁設計是如何協同工作的呢?正如攝影中的三等分布局可以吸引觀眾一樣,符合三等分的網頁也可以讓訪問者更加關注焦點內容
四條線、四個焦點和九個區塊是三等分方法下的網格框架。許多網站的主頁設計都遵循f布局或z布局,用戶已經習慣了這種瀏覽方式。通常,視覺的起點是左上角,這也是設計師需要注意的第一個塊
這意味著左上角的交點應該與頁面的重要內容重疊。交叉點不一定是鏈接或圖片(當然,放置它并非不可能)。它更像是一個標志,用來區分配電局的一個重要節點。例如,頁面標題的起點可以與之重疊,整個標題與第一條水平線齊平,然后標題下放置橫幅圖和其他內容
值得注意的是,使用三分法分析網頁設計更像是一個用戶體驗設計的概念,而不是一個完整的設計標準。因此,如果要使用此概念分析網頁設計,建議在瀏覽器中打開網頁并分析屏幕截圖。整個網頁太長,用戶的瀏覽總是基于屏幕,而不是一次查看整個頁面,因此沒有必要使用整個頁面。屏幕截圖就足夠了。如果設計仍處于原型階段,建議參考屏幕比例進行攔截和分析
因此,應從用戶的瀏覽習慣出發,結合三分法進行分析和優化。當用戶瀏覽網頁時,他們會下意識地關注關鍵部分,并正確使用三等分法來設計頁面,你會發現這個3×3網格可以幫助你帶來非常有啟發性的設計
在了解了三等分法網格的應用后,你還需要了解更重要的一點:三等分方法帶來的不是一個完美的網頁設計架構,而是一個用于微調現有設計的布局測試框架。有太多免費的網格系統可以幫助你設計網頁,例如960G,但三等分網格系統可以幫助你微調整個網頁的布局,例如調整導航欄的高度和將徽標移近或移遠
幸運的是,這種測試方法非常實用、簡單,并且不選擇軟件。你可以在PS中畫一條虛線,在截圖后進行分析。諸如gimp之類的開源自由軟件也可以輕松幫助您。如果不好,你可以直接在屏幕上用記號筆畫一個九方形網格來分析它…(換句話說,盲人狙擊手在玩CS時也使用了這種愚蠢的方法~)無論如何,可以幫助你構建九方形網格分析的工具可以引導你走向正確的設計方向
完成初稿,用三個點進行測試,然后進入下一步。隨著時間的推移,您將更好地了解如何將視覺元素放置在正確的位置。有時,在頁面中適當地使用對稱元素很有用。然而,如果在設計中到處使用對稱設計,這也有點盲目。事實上,在藝術和攝影領域,非對稱布局的使用仍然占據著主流,它相對較大,適合遠近,更賞心悅目,這也證明了非平衡視覺設計可以吸引我們的注意力
事實上,布局設計中也有類似的原則和規范。例如,當您使用頁面頂部的大橫幅圖時,它通常占據頁面高度的2/3左右。同樣,標題和正文的字體大小也需要進行比較。讀者自然會注意到更大的橫幅圖、標題和副標題。大小比較是一方面,另一方面,我們還需要考慮圖片和文字在頁面上的位置。簡單使用三等分法不能保證構圖的完整性。把九宮歌放在書頁上。企業網站制作企業網站是企業在互聯網上進行在線營銷和形象宣傳的平臺,相當于企業的在線名片。它不僅可以很好地宣傳企業的形象,還可以輔助企業的銷售,通過網絡直接幫助企業實現產品銷售,在適當調整頁面元素的位置和中心后,它是好是壞
三等分方法的優點是它可以兼容非對稱布局,也可以用于優化對稱布局。這兩種布局靈活匹配,借助三等分法突出頁面關鍵點,掌握頁面平衡,從而調整和教授優秀的網頁
事實上,大多數藝術形式沒有固定的規則,但有規則可供參考,設計也在這些規則的基礎上不斷改進。像三分法一樣掌握一條定律,理解這條定律的目的,并深入理解它。即使你沒有刻意使用它,它也會自然而然地出現在你的設計中,這就像是第二本能。此時,你有可能打破規則
雖然設計和藝術之間有著根本的區別,但兩者并不是對立的。誠然,更符合公眾口味的作品可以按照規則設計,但違反規則、充滿個性和藝術感的設計作品不會給人留下深刻印象
好吧,今天就這些。如果您對網站建設有任何其他問題,請隨時致電或留言。盈科。com專業從事網站建設和推廣多年,經驗豐富。