• 134 0666 8911

    咨詢服務熱線:

    首页 >> 新聞中心 >>網絡資訊 >> 2019年做到6點讓網頁設計活力十足!
    详细内容

    2019年做到6點讓網頁設計活力十足!

    不得不說,網頁設計絕對是有套路的!網頁布局雖然千變萬化,但是如果你仔細觀察,會發現有一些布局適用范疇相當廣,經久不衰。

    在開始一個新的網頁設計項目的時候,不知道你會不會有那么一瞬間的猶豫:“這個項目要從哪里著手呢?”伴隨著這種猶豫的,是“做點前所未有的作品”的沖動。不過,很多時候,這些沖動和猶豫都在需求的磨合、設計的細化中,逐步淡化。

    大家都知道做網頁設計有柵格,有縱向柵格也有橫向柵格,柵格提供內容布局的規范,讓信息組織更有條理,我們在柵格規范內做設計,上下左右、垂直居中對齊,橫平豎直、方方正正的看著舒服,信息布局清晰易讀,表面看沒什么問題,但經常會有那么點死板,缺少點活力。

    image.png

    延伸

    古詞中“滿園春色關不住,一枝紅杏出墻來”,就是這個感覺,讓主體內容不局限于頁面的條條框框之內,適當的延伸出去,橫跨兩個模塊,不僅能夠打破規則的布局,而且能夠讓兩個模塊有一定延伸感和連接感。

    下圖:電腦的圖片不局限在藍色北京區域,延伸到了下一個模塊,除了掩蓋掉兩個模塊間死板的分割線,更能讓用戶在閱讀時能夠流暢的從A區域過渡到B區域,中間不會出現斷節。

    image.png

    曲線

    網頁設計中,免不了內容模塊的分割,這種直線多了自然就會讓畫面死板,我們可以通過改變直線的方式,比如曲線、斜線等來解決這個問題。

    用曲線來達到分割的模塊地目的,同時也表達出數據產品的特點。

    image.png

    不論是背景還是主體圖形,都有12°角度的傾斜,讓畫面頓時就“活”了起來。


    過渡

    當然我們很多時候任然無法避免分割中的直線,也不可能把所有的直線都改為曲線,這時候我們可以適當利用一些元素讓模塊之間有個過渡。

    image.png

    △  利用黃色的播放圖標,讓左邊的線描圖與右側實景圖有較好的過渡,同時也成為畫面的點睛之筆。

    隱藏

    有些信息不一定完整的展示出來,可以只展示最重要的部分,將不重要的置于畫面之外,適度的隱藏,更有利于突出重要信息,也能夠讓畫面有一定的延伸感,不死板。

    image.png

    △  不是一張圖干巴巴的詮釋,利用多個元素層疊交錯,營造出畫面的層次、透視與場景。

    錯位

    將圖形、圖片、文字等信息進行錯位布局,不拘泥于條條框框之內。

    image.png

    △  圖片與背景塊錯位布局,看似好像沒做完,實際是設計師精心的布局方式,讓畫面充滿動感,同時圖片的投影也讓這部分信息頓時有了層次感。

    image.png

    △  利用文字、方框與主體圖片進行交錯組合,讓這些碎片信息融為一個整體,視覺上也更加有層次感。

    image.png

    △  將四張商品圖片進行波浪式的排列,雖然只是稍微改變了水平對齊的方式,但是立刻讓畫面充滿了韻律感。

      更多廣告設計資訊見壽光大遠廣告公司



          ADRESS:壽光市廣場街與正陽路交叉口西100米路北

    PHONE:15908018101
    網站導航
    技术支持: 山東易云網絡公司 電話:15908018101 | 管理登录
    seo seo
    欧美a片影院