18665606093
經常聽大神說設計不需要方，會死板，沒有創意。低…等等，但不是。我認為每個元素都應該在正確的環境中使用。相信會有耳目一新的效果。
比如我們身邊用的電腦，冷庫的結構等等。離不開方支撐。雜志經常在文字或圖片中加入方形元素來突出或裝飾它們。隨著技術的發展，設計師會將雜志中的一些元素融入到網頁設計中。讓網頁設計更具創新性。
功能
再來說說網頁中方塊的使用。
01.分開
我們知道，分割的要素主要是線條和人臉。其實正方形/盒子也有分割的功能。如果用在設計上，會讓你的作品別具一格。
下面的設計作品圖片中有很多文案留言，那么多留言集中在一張圖片中，那么如何讓它們掌握并重復呢？設計師為了讓用戶清晰地閱讀每一條獨立的文案信息，加入了盒子的元素，利用大小和對比的關系，有效避免了內容的沖突和雜亂。在這個設計中，圖片中的文字也通過添加方框元素有一定的強調。
這種設計也有相同的處理方式：
02.強調
如何讓文字內容在諸多元素中脫穎而出？要么削弱別人，要么增強自己。顯然，在接下來的設計中，為了讓用戶第一眼就看到所表達的文本信息，設計師利用盒子的元素進行了強烈的突出。
下面的海報設計也應用了盒子的元素，聚焦用戶的視覺焦點。既強調了重要信息，又不失畫面的美感和創意。
03.修改
我們在設計一張海報或者一個網站頁面的一個段落的時候，有時候畫面太細，有的設計師會用其他方式來裝飾，但是有的設計師用的是盒子，不一定是完整的盒子，所以整個畫面會很獨特。再來看設計案例。
下面是一組扁平化的VI作品，本來是一張樸素的名片，但是設計師用盒子的一角裝飾了一下，瞬間這件作品變得充滿了創意。
在接下來的網頁設計中，原標題在大面積的空白空間中間變薄，導致頁面中心不穩定。因此，設計師在標題中加入方框元素進行輔助裝飾，有效豐富了標題的展示效果。
04、色塊對比使版面變得有血有肉
設計師使用方形色塊，使網站生動創新，使網站的布局有節奏，主次分明，邏輯性強。我們來看看這些設計案例。
以下是一個家具網站。設計師用正方形的大小來比較。它使整個畫面中間的元素組織得清晰有條理，使用戶在視覺上分層，使整個布局簡潔明了。建筑公司的以下主頁采用方形元素，結合了大小感和層次感，使得整個畫面極其穩定，使得原網站上復雜繁多的類目清晰、干凈、簡潔。同時畫面的布局也很獨裁。
05、信息引導的作用
在復雜的海報或網站架構中，使用盒子來引導信息是一種非常有效和新穎的方法。
以下網站是左邊一個男模的網站。整個橫幅都是紅色調。為了讓用戶快速向下瀏覽，設計師大膽添加了紅框，有效引導了用戶從上到下的視覺和瀏覽，同時整個畫面也不會頭重腳輕。此外，這種處理使得整個版面設計更加新穎，作品更加突出。
右邊是阿迪達斯的品牌網站。設計師用方塊元素作為視覺引導，一步步引導用戶的視覺，了解他們所有的產品。
下面是一套比較時尚的海報設計，里面的角色都是用正方形的規則來引導和排版的，讓用戶可以按順序閱讀。
06、讓單詞互相關聯
以下海報設計，如果按照正常的設計師，一定會按照文案信息和海報架構進行分散排版設計。
這樣海報的畫面要求會更高。如果海報凌亂，文案的可識別性就會降低。為了解決這些問題，設計師選擇盒子的元素，用盒子來談文案信息。然后利用盒子的大小，根據拷貝的主次內容進行合理的組織和分發。這不僅使視覺感獨一無二，而且減少了屏幕上其他元素對副本內容的干擾。讓用戶第一手了解海報需要傳達的信息。
在下面的海報設計中也使用了盒子元素，這樣就可以將復制信息鏈接并組織在一起。通過改變框的大小，突出顯示復制信息的主要點和次要點。視覺上給用戶舒適的體驗，畫面讓人難以忘懷。
如果我們在設計中充分利用以上表達，我相信我們的設計一定會脫穎而出。所以設計優秀作品不難，難的是你發現優秀作品的規律。當然還有很多值得發現的地方~
app應用
訴求說的是盒子元素的作用，那我們就來說說盒子方塊元素常用的地方。
01.網頁部分
方塊方塊元素常用于網頁的各個部分，可以有效的使網頁中的元素清晰等等。所以我們來看看在下面的情況下如何巧妙的使用盒子。
以下是一個旅游網頁。整個網站使用了大面積的方形元素。通過利用這些方塊的大小，改變長寬比，使布局交錯，使得整個網頁的信息分類清晰，富有節奏感。部分商城網站還融入了廣場元素，有效管理和整合各類商品信息，同時方便網站適應不同的港口設備展示：
02.btn按鈕、搜索、表單等
網頁中常見的按鈕，其實近幾年比較流行的鬼按鈕(透明按鈕)都是借用了大量的方塊元素，而實心按鈕也是使用方塊元素。讓我們看看使用這些元素的情況。
除了漸變背景是內容之外，下面整個頁面色彩鮮艷清新。在高飽和度的藍色背景上點綴一幅世界的點狀地圖作為紋理，使其不顯得單調。
不同大小的內容向左對齊。以下設計師設計了在按鈕上帶有框架元素的ghost按鈕，使得整個文字內容更加透明。
這個網站使用視頻作為背景，訪問者只有通過不斷變化的背景才能了解組織的工作流程。通過調色后的背景視頻，不影響前景Logo，設計師利用邊框元素設計了鬼魅按鈕，讓整個網站看起來靈動而優雅。
以下是網站中的指南。整個畫面干凈優雅，有淺灰色的背景和文字，加上一定的留白。在這里，設計者使用正方形元素來設計實心按鈕，這使得用戶能夠引導新頁面。
以下網站使用正方形/方框元素來設計表單和搜索框。形式部分使原本復雜干擾的文案信息清晰，畫面簡潔。搜索框的視覺增強導致用戶進入網站搜索內容。
03.照片
如今，越來越多的方塊/正方形元素出現在網站圖片中。以下案例是圖文結合的標準設計案例。為了平衡圖片和文案的左右，設計師增加了方框/方塊元素與圖片結合。一瞬間，整個畫面變得富有設計感。
在接下來的案例圖片中，為了統一和協調多張圖片，設計師還加入了盒子的元素，向用戶傳達了三塊內容的系統關系，讓原本素雅的圖片變得豐富多彩。
一個角色如何簡單的讓他在平面上有立體感？在接下來的案例中，設計師采用了框架元素，并將其與人物相結合，使得沒有空間感的頭重腳輕者變得穩定而富有層次感，同時也抓住了使用者的視覺。讓原始的普通頁面更有創意。
04，文本
復雜文案單調，太枯燥，沒有層次感？我們來看看盒子/方塊是如何解決這些問題的。
在下面這種情況下，設計師在設計排版這個文案的時候，如果材料有限，圖片無法擺放，如何讓它們富有設計感，左右平衡？于是設計師把左邊的文字和方框元素結合起來，輕松解決了這個問題。在下面的案例中，設計師如何巧妙的利用方塊元素來連接橫幅和內容？應該放在橫幅上的文字放在方形色塊上，既突破了傳統的布局架構，又引導用戶從上到下閱讀信息。
下面這種情況，橫幅里的文案只有一句話，和其他產品搭配。設計師利用盒子元素將零散的文字變成一個整體，讓瓶子靠在文字上，給人一種更安全、更穩定的感覺。
在下面這種情況下，設計者使用方框元素將一個圖形和一個文字結合起來，使整個文字的密度對比度增強，即使沒有畫面，也能瞬間提高整個畫面的創意。
沒什么好說的，還有很多應用，等你去發現。
05、VI標志
如果方塊的元素在VI中組合，有意思嗎~
以下是1手機的Logo。通過組合盒子的一部分，兩邊的線條將用戶的視覺引導到。即使是不了解這個品牌的用戶，也能快速閱讀理解這是1(個人觀點)。
匹配整個畫面，大量的空白空間，左上右下的視覺規律，讓畫面簡單但不簡單。
類別
這里就不做詳細分析了~主要原因在于大家的靈活運用。
01.盒子之間的組合
盒子/盒子的組合一般用在復雜繁多的文案內容中間，起到相互關聯的作用，使彼此更加緊密。
02、正方形和盒子的組合
這種方式已經流行起來，它的主要作用是裝飾單調的物體，豐富畫面的美感，平衡左右關系。通常，圖片或文字出現在方框和方塊之間。
03.用于標簽零件
表單、按鈕等。都不是例子，大家都知道~
04.大盒子/正方形
大方框/方塊主要用于海報，或者網頁的結構等信息內容。
主要功能是協調、強調、區分等等。
05.不完整的盒子/方塊
這類元素往往與文案結合展示，用戶的視覺中心主要是通過盒子的線條引導到作者想要表達的內容。
添加企業微信
18665606093
