如何讓設計高大上—方框和方形元素在設計中的運用（三）

應用

以前講到了方框元素的做用，那麼咱們來講說方框方形元素常常運用在哪些地方。

01：網頁板塊

方框方形元素，運用於網頁中的各大板塊，它能夠將有效的網頁元素進行組織，調理清晰等，那麼咱們來看看下面的一些案例是如何巧妙的運用方框已經方形元素。

下面是一個旅遊類的網頁，中間用了大面積的方形元素，利用這些方形的大小和改變長寬比例來錯列排版。

使得整個網頁信息分類明確，節奏感十足。

 

一些商城網站也融入了方形的元素，有效的管理和整合了各種商品信息。同時也利於網站適配不一樣端口設備展現

 

 

02：btn按鈕，搜索，表單 等

下面整個網頁色調明亮清新，除了漸變的背景就是內容。高飽和度的藍色背景裏有點狀的世界地圖做爲紋理點綴，使之不顯得單調。

大小錯落的內容靠左對齊，下面設計師在按鈕上利用了框型的元素設計了幽靈按鈕，使得整個文字內容搭配更加通透。

 

 

03:圖片

愈來愈多的圖片，爲了讓他們展現的更有，告別單調。也結合了方框方形的元素。如今愈來愈多的方框/方形元素出如今網站圖片中啦，能夠說開啓啦一段新的潮流。那麼咱們來看看這些精彩的案例。
下面案例圖片中設計師爲了讓多張圖片進行統一協調起來，也加入了方框的元素。給用戶傳達了三塊內容的體系關係。讓本來簡約而優雅的畫面變得多姿多彩。