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

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

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

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

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

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

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

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

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

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

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

　　5 、Vi logo

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

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

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