06：讓文字之間相關聯
下面海報設計，如果按照正常設計師的話，對于文案的處理方式，肯定會根據文案信息以及海報架構 進行分散拍版設計。這樣的處理方式，對海報的畫面要求會比較高，如果海報比較亂的話，哪么文案的識別性就會降低，哪么為了解決這些問題，設計師選擇了方框的元素，利用方框講文案信息關聯再一起。
然后再利用方框的大小，根據文案內容的主次進行合理的組織分配。這樣不僅讓視覺上的到別具一格，而且也降低了畫面上其他的元素對文案內容的干擾。讓用戶至上視覺了解到海報需要傳達的信息。
下列海報設計中也利用了方框的元素，讓文案信息相聯組織在一起。通過改變方框的大小，來突出文案信息的主次之分。視覺上給用戶是舒適的體驗，畫面也會讓人難以忘記。
如果我們在設計中充分利用上述幾個表現方式，相信我們的設計一定會在眾多中間脫穎而出。所以設計優秀的作品并不難，難的是你去發現優秀作品的規律。當然還有很多點值得我們去發現～
應用
上訴講到了方框元素的作用，哪么我們來說說方框 方形元素經常運用在那些地方。
01：網頁板塊
方框方形元素，經常運用于網頁中的各大板塊，它們能夠有效的將網頁中的元素組織的整潔，調理清晰等，那么我門來看看下面一些案例是如何巧妙的運用方框已經方形元素
下面是一個旅行網頁。整個網站用了大面積的方形元素，利用這些方形的大小和改變長寬比例來錯列排版。
使得整個網頁信息分類明確，節奏感十足。
一些商城網站也融入了方形的元素，有效的管理和整合了各類商品信息。同時也利于網站適配不同端口設備展示。
02：btn按鈕，搜索，表單 等
網頁中常見的按鈕，其實近幾年開始流行的幽靈按鈕(透明按鈕)就是大量借鑒了方框元素，當然實心按鈕也采用了方形元素。下面我們來看下運用了這些元素的案列。
下面整個網頁色調明亮清新，除了漸變的背景就是內容。高飽和度的藍色背景里有點狀的世界地圖作為紋理點綴，使之不顯得單調。大小錯落的內容靠左對齊，下面設計師在按鈕上利用了框型的元素設計了幽靈按鈕，使得整個文字內容搭配更加通透。
這個網站使用了視頻作為背景，訪問者只需要通過變化的背景就可以明白組織的工作流程。通過調色之后的背景視頻并不影響前景的Logo、設計師利用了框型的元素設計了幽靈按鈕使得整個網站顯得巧妙而優雅。
下面是網站中一段引導語，采用淺灰色的背景加上文字在一起，加上一定的留白，整個畫面顯得潔凈而優雅。設計師在這里采用方形元素來設計了實心按鈕，使用戶對新頁面起到了引導作用。
下面網站是利用了方型/方框的元素，來設計了 表單和搜索框部分，表單部分讓原本復雜相互干擾的文案信息變得調理清晰，畫面簡潔。搜索框部分視覺強化，引導用戶進行網站搜索獲取內容。
03:圖片
越來越多的圖片，為了讓他們展示的更有，告別單調。也結合了方框方形的元素?，F在越來越多的方框/方形元素出現在網站圖片中啦，可以說開啟啦一段新的潮流。那么我們來看看這些精彩的案例。
下面案例是一個標準的圖文結合的設計案例，設計師為了讓圖片和文案左右兩邊的視覺平衡，于是加入了方框/方形的元素與圖片進行結合。瞬間整個畫面變的富有設計感起來了。
下面案例圖片中設計師為了讓多張圖片進行統一 協調起來，也加入了方框的元素。給用戶傳達了三塊內容的體系關系。讓原本簡約而優雅的畫面變得多姿多彩。
一個人物如何簡單的讓他在平面中變得有立體感?下面案例設計師采用了框型的元素，于人物結合起來，讓原本沒有空間感，頭重腳輕點男士，變得穩重而富有層次，同時也抓住了用戶的視覺。讓原本平淡的頁面變得富有創意。
關注我們
微信小程序
抖音小程序