|
2019年做到6點讓網頁設計活力十足！不得不說，網頁設計絕對是有套路的！網頁布局雖然千變萬化，但是如果你仔細觀察，會發現有一些布局適用范疇相當廣，經久不衰。 在開始一個新的網頁設計項目的時候，不知道你會不會有那么一瞬間的猶豫：“這個項目要從哪里著手呢？”伴隨著這種猶豫的，是“做點前所未有的作品”的沖動。不過，很多時候，這些沖動和猶豫都在需求的磨合、設計的細化中，逐步淡化。 大家都知道做網頁設計有柵格，有縱向柵格也有橫向柵格，柵格提供內容布局的規范，讓信息組織更有條理，我們在柵格規范內做設計，上下左右、垂直居中對齊，橫平豎直、方方正正的看著舒服，信息布局清晰易讀，表面看沒什么問題，但經常會有那么點死板，缺少點活力。
延伸古詞中“滿園春色關不住，一枝紅杏出墻來”，就是這個感覺，讓主體內容不局限于頁面的條條框框之內，適當的延伸出去，橫跨兩個模塊，不僅能夠打破規則的布局，而且能夠讓兩個模塊有一定延伸感和連接感。 下圖：電腦的圖片不局限在藍色北京區域，延伸到了下一個模塊，除了掩蓋掉兩個模塊間死板的分割線，更能讓用戶在閱讀時能夠流暢的從A區域過渡到B區域，中間不會出現斷節。
曲線網頁設計中，免不了內容模塊的分割，這種直線多了自然就會讓畫面死板，我們可以通過改變直線的方式，比如曲線、斜線等來解決這個問題。 用曲線來達到分割的模塊地目的，同時也表達出數據產品的特點。
不論是背景還是主體圖形，都有12°角度的傾斜，讓畫面頓時就“活”了起來。 過渡當然我們很多時候任然無法避免分割中的直線，也不可能把所有的直線都改為曲線，這時候我們可以適當利用一些元素讓模塊之間有個過渡。
△ 利用黃色的播放圖標，讓左邊的線描圖與右側實景圖有較好的過渡，同時也成為畫面的點睛之筆。 隱藏有些信息不一定完整的展示出來，可以只展示最重要的部分，將不重要的置于畫面之外，適度的隱藏，更有利于突出重要信息，也能夠讓畫面有一定的延伸感，不死板。
△ 不是一張圖干巴巴的詮釋，利用多個元素層疊交錯，營造出畫面的層次、透視與場景。 錯位將圖形、圖片、文字等信息進行錯位布局，不拘泥于條條框框之內。
△ 圖片與背景塊錯位布局，看似好像沒做完，實際是設計師精心的布局方式，讓畫面充滿動感，同時圖片的投影也讓這部分信息頓時有了層次感。
△ 利用文字、方框與主體圖片進行交錯組合，讓這些碎片信息融為一個整體，視覺上也更加有層次感。
△ 將四張商品圖片進行波浪式的排列，雖然只是稍微改變了水平對齊的方式，但是立刻讓畫面充滿了韻律感。 更多廣告設計資訊見壽光大遠廣告公司 |
