線框在頁面中有什么作用呢， 邊框的視覺沖擊強。當你在視覺頁面中看到被邊框框住的內容， 會習慣性地吸引關注其中的圖像或是信息。如果邊框顏色和背景形成強烈對比的情況下， 更容易引起用戶的注意，其帶來的視覺效果更為強烈。
下面廣州網頁設計小編跟大家分享下， 線在網頁設計中的展現形式及使用作用。
框在主體后面
下面這張視覺圖， 線框是壓在主體人物的后面slogan和線框是在一個水平層級， 因為線框和背景顏色很接近，線框本身不突出， 很好的聚集了視覺焦點在框內， 很好的襯托了主體任務和slogan。如果不加線框的話， 因為背景深細節很多，主體和slogan很容易被沖散， 視覺圖2 ，橘黃色框突出標題， 并不強調圖片。
框在主體前面
下面這張視覺圖， 線框是壓在主體人物的前面， 主體和線框與背景的顏色非常接近， 這樣的對比slogan，線框壓在主體上面， 與slogan形成3個層次。形式感上有很強的沖擊力。左下的視覺2，也是礦在主體上方，但是這張視覺的框構成的并不是線，而是由字母和形狀的點構成框。右下的視覺3 ，如果之前的框放在主體上，是會弱化主體， 但是這張反倒是突出主體的眼睛部分，焦點會聚集在眼睛上， 然后再是文字。
框圖主體穿插
下面的這2賬視覺， 線框是與主體穿插， 部分在線框上方， 部分在線框下方， 文字也做一樣的處理， 這種方式更能使得線框不在生硬，線框和主體有很好的互動，更使得整體畫面有立體感和空間感。
框面結合
下面這3張視覺圖，線框與面的結合， 讓線框整體的層級比主體還要突出，更能強調slogan，這樣的排版使得視覺中心一下就落在上面，視覺沖擊力強。
任何形都是有線包圍而成的， 線是一個二維生物里的產物。你可以把線看成一個點的運動軌跡， 線是一條運行軌跡， 他是從點的基礎上發展而來的， 線在畫面的作用就是 裝飾文字，引導文字，整理文字，平衡畫面。
線的分割
下面這張參考banner圖， 主標題與副標題直接的過度，用了細長的橫線， 在主標題和副標題之間，不僅起到了很好的分割效果，而且整體排版當中很有節奏感和對比。參考banner圖2 則是加了兩條橫線， 很好的區分了上下的英文，雖然英文占較大比重， 但是字較多已形成整體， 兩條線一分格使中文的slogan并不會弱。
線的引導，
下面這張參考1 ，長橫線很好的引導了右邊的內容， 讓用戶在看完標題之后， 順其自然的將焦點引導到內容區， 又使得排版的形式獨特；參考2，這條橫線，完成了標題和內容的區分， 而且可以很好的引導用戶實現， 突出主體，創造視覺焦點。
線的強調，
下面這邊參考圖， 文字下的綠色韓浩的解決了白色的空洞，增加色綠點綴，還起到了強調文字的作用， 加上鏈接的功能， 可以更好的提高網站轉化率。
在網頁設計中， 框和線元素是輔助我們的整體發面， 讓畫面更加錯落有致，創造視覺焦點。
,