0791-88197248

新聞咨詢

新聞資訊

關注云端科技,互聯網+,電子商務,O2O運營,智能云計算

6個網站建設技巧打破死板布局,讓你的網站活起來

  南昌云端網絡科技有限公司是江西領先的互聯網+技術解決方案網絡公司提供18号nba掘金vs魔术土豆网、南昌網站設計、南昌做網站、南昌APP開發等服務,為企業提供專業的電子商務解決方案。同時和樂意與大家分享新鮮好玩的建站知識。以下文章來源:優設網

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

  如何在視覺設計中突破頁面布局的“格”,讓設計更具特點與眾不同,下面通過幾個小技巧來解決頁面布局中死板的問題。

六種布局技巧


  延伸

  古詞中“滿園春色關不住,一枝紅杏出墻來”,就是這個感覺,讓主體內容不局限于頁面的條條框框之內,適當的延伸出去,橫跨兩個???,不僅能夠打破規則的布局,而且能夠讓兩個??橛幸歡ㄑ由旄瀉土癰?。

  下圖:電腦的圖片不局限在藍色北京區域,延伸到了下一個???,除了掩蓋掉兩個??榧淥臘宓姆指釹?,更能讓用戶在閱讀時能夠流暢的從A區域過渡到B區域,中間不會出現斷節。


延伸案例


  下圖:相機圖片在兩個??櫚鬧屑?,從綠色背景??檠由斕角郴疑??,將??櫓屑淥臘宓姆指釹呷コ?,完美的過渡方案。


延伸案例


  曲線

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


曲線案例


  △  用曲線來達到分割的??櫚嗇康?,同時也表達出數據產品的特點。


曲線案例


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

  過渡

  當然我們很多時候任然無法避免分割中的直線,也不可能把所有的直線都改為曲線,這時候我們可以適當利用一些元素讓??櫓溆懈齬?。


過渡案例


  △  左右分屏是最近一年比較流行的布局方式之一,這種布局能夠更加強調品牌的色彩調性,避免圖片與文字的疊加干擾閱讀,帶來的問題就是中間死板的分割線,設計師將輸入框橫跨了兩個???,巧妙地打破了這個死板的形式。


過渡案例


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

  隱藏

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


隱藏案例


  △  并沒有展現全部的圖形,部分留于瀏覽器之外,讓畫面更顯得大氣。

  層疊

  將圖形、圖片、文字等信息進行層疊,打破傳統的左右、上下布局,增加畫面的透視與層次關系。


層疊案例


  △  主體人物與文字進行疊加,文字雖然做了一定的遮擋,若隱若現卻不影響閱讀。


層疊案例


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

  錯位

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


錯位案例


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


錯位案例


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


錯位案例


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

  結語

  以上方法并非只是為了突破而突破,是基于瀏覽體驗的前提下,做出更具特點的視覺形式,設計師不須拘泥于傳統的布局方式,也無須受制于同類產品形式的影響,可以大膽嘗試各種布局方式,做出創新與特色。

CONTACT US

云時代,踏上云端,現在就聯系我們吧!

Cloud era,set foot on the clouds.contact us now!
*名字:
*電話:
*內容:
  • 南昌(總部)
  • 贛州
  • 長沙
  • 南昌分部
地址:
江西省南昌市紅谷灘新區豐和南大道2111號世茂APM3-5棟(C2口)4樓
電話:
0791-88197248
郵箱:
[email protected]
在線咨詢 聯系我們
地址:
江西省贛州市紅旗大道86號江西理工大學大學生創業園2樓
電話:
15083831105
郵箱:
[email protected]
在線咨詢 聯系我們
地址:
湖南省?長沙市芙蓉區中天廣場中融國際聯合商廈8樓
電話:
15879196569
郵箱:
[email protected]
在線咨詢 聯系我們
地址:
江西省南昌市青山湖區北京東路458號東方銀座5樓空中花園
電話:
0791-88197248
郵箱:
[email protected]
在線咨詢 聯系我們
吉林新11选5投注技巧 青海快三电孑走势图 快乐飞艇是官方网址 做安发赚钱吗 羽毛球冠军田卿 25号云南11选5开奖结果 民间高手一尾中特平 移动棋牌赢话费 现在微信上能买彩票吗 股票分析师一个月多少钱 多乐彩11选5走势图 长投股票分析师 福彩15选5选号计算公式 投资电商商铺赚钱吗 重庆幸运农场骗局 福建快3走势