方框方形元素，經(jīng)常運用于網(wǎng)頁設(shè)計中的各大板塊，它們能夠有效的將網(wǎng)頁中的元素組織的整潔，調(diào)理清晰等，那么我門來看看下面一些案例是如何巧妙的運用方框以及方形元素。這是一個旅行網(wǎng)頁。整個網(wǎng)站用了大面積的方形元素，利用這些方形的大小和改變長寬比例來錯列排版。使得整個網(wǎng)頁信息分類明確，節(jié)奏感十足。

　　2 、btn按鈕，搜索，表單等設(shè)計

　　網(wǎng)頁中常見的按鈕，其實近幾年開始流行的幽靈按鈕(透明按鈕)就是大量借鑒了方框元素，當(dāng)然實心按鈕也采用了方形元素。下面我們來看下運用了這些元素的案列。

　　下面整個網(wǎng)頁色調(diào)明亮清新，除了漸變的背景就是內(nèi)容。高飽和度的藍色背景里有點狀的世界地圖作為紋理點綴，使之不顯得單調(diào)。大小錯落的內(nèi)容靠左對齊，下面設(shè)計師在按鈕上利用了框型的元素設(shè)計了幽靈按鈕，使得整個文字內(nèi)容搭配更加通透。

　　下面網(wǎng)站是利用了方型/方框的元素，來設(shè)計了 表單和搜索框部分，表單部分讓原本復(fù)雜相互干擾的文案信息變得調(diào)理清晰，畫面簡潔。搜索框部分視覺強化，引導(dǎo)用戶進行網(wǎng)站搜索獲取內(nèi)容。

　　3、網(wǎng)站圖片設(shè)計

　　越來越多的圖片，為了讓他們展示的更有，告別單調(diào)。也結(jié)合了方框方形的元素。現(xiàn)在越來越多的方框/方形元素出現(xiàn)在網(wǎng)站圖片中啦，可以說開啟啦一段新的潮流。那么我們來看看這些精彩的案例。

　　下面案例是一個標(biāo)準的圖文結(jié)合的設(shè)計案例，設(shè)計師為了讓圖片和文案左右兩邊的視覺平衡，于是加入了方框/方形的元素與圖片進行結(jié)合。瞬間整個畫面變的富有設(shè)計感起來了。

　　4、網(wǎng)站文字設(shè)計

　　復(fù)雜的文案排版起來單調(diào)，過于平淡，無層次感?哪么我們來看看方框/方形是如何解決這些問題的。

　　下面案例中，設(shè)計師如何巧妙的利用方形元素，將banner 和內(nèi)容兩塊鏈接，原本應(yīng)該放置在banner 上的文字，也被放在了方形色塊上，不但在傳統(tǒng)的版式架構(gòu)上得以突破，而且引導(dǎo)了用戶從上而下的閱讀信息。

　　5 、Vi logo

　　方框方形的元素如果放在vi中結(jié)合，是不是很有趣。

　　以下是1+手機的logo ，logo本身就是簡約。通過結(jié)合了方框的一部分，通過兩邊的線條將用戶的視覺引導(dǎo)至+的圖形上去，即使在不了解這個品牌的用戶也能夠快速的閱讀了解這是1+(這是我個人的見解。)搭配整個畫面，大量的留白，左上-右下的視覺定律，讓畫面變得簡約而不簡單。

　　還有更多方形網(wǎng)頁設(shè)計成功案例，需要的親們來蒙特網(wǎng)站設(shè)計公司了解，真正的設(shè)計從這里開始...