2024-5-6 資深UI設計者
寫這篇文章主要是想寫一點傳統平面設計中版式設計的方法，在現在UI設計中的應用。能否不斷的提高我們的設計能力。
寫在前面的話
好久之前寫的文章了，今天突然又翻到了。雖然很生硬，觀點在現在看來也略顯俗套。但是這些都是在做設計時不變的根源。
板式設計，是設計的基礎。
UI設計是隨著智能設備的飛速發展、互聯網行業的發展以及農林牧漁傳統行業的急于轉向而興起。主要是企業對移動設備交互界面的重視。在企業越來越重視界面設計的今天。傳統的平面設計能為現在我們的UI設計提供哪些參考呢，我們能從中借鑒的技巧有哪些？今天就從版式設計說起。
版式設計
在UI設計中版式設計不言而喻是非常重要的。版式設計就如同蓋房子先要搭好框架一樣。一款APP視覺呈現是不是符合商業性并兼具審美。其中的版式設計是其核心。而在平面設計中版式設計也是一個作品的核心。平面設計長時間的發展積淀了相當多實用的技巧和方法。
一、形勢方法
版式設計中形勢方法指的是、畫面的表現方法和原理。說白了就是畫面要出什么效果就用什么表現手法而已。平面設計中形勢方法可以分為。虛空留白、比例適度、對比調和、變化統一、變異秩序、節奏韻律、重復交錯、對稱均衡等。今天我們舉例分析一下前四個。
1、虛空留白（適合現在極簡設計風格）
這種版式設計主要是突出主題，給人以輕松愉悅的感覺。適合文藝范的和有逼格的app界面使用，能夠營造出高品質的界面風格。但是如果一旦運用不得當容易出現界面空或單調的感覺。
2、比例適度（協調UI中各部分內容）
平面設計中所說的比例適度主要是整體和部分的協調，采用合理的比例方法，如：黃金比例、等差等比。去協調各部分的關系使各部分要素產生聯系。在UI版面布局中正是需要調節和有機的組合各要素在有限的界面里的合理性。
3、對比調和（UI中信息層級的表現）
對比調和在平面設計中是經常用到的，整體版面要調和，局部版面要對比。對比是強調主次關系。對比調和用到UI設計中可以做到設計內容在主次關系的層級化。在統一調和的界面里又充滿了對比的小情調。這正是平面不平之所在，也是一個優秀的界面所必備的。
4、變化與統一（是UI突破同質化的一種方法）
變化與統一是形式美法則的總則。是其他方法方式的一個總結。變化所說的就是在設計中要有所創新不能總墨守成規，統一是設計要做到視覺上的愉悅而不是雖然有局部吸引人的眼球但是整體一看卻是辣眼睛。變化和統一也許是突破現在APP同質化的一種方法。在現在APP同質化嚴重的情況下我們能做到APP的風格統一又不墨守成規尋求變化才是營造自己風格的一種方法。
這些平面設計里的形式美法則在UI設計中同樣受用。這些表面形式在做banner圖構圖和創意上也特別有用。
二、版式設計基本類型
版式設計的基本類型有特別多。我們這里著重分析其中對UI設計最有幫助的骨骼型、左右分割、曲線型、滿版型這幾個基本類型。
1、骨骼型（類似網格構圖）
這里說的骨骼型就是在版式構圖中，進行橫豎向的分欄。能容嚴格按照分欄排列。版面效果沉穩厚重，井然有序，如果橫豎分欄交叉排列還可制造靈動活潑的版面氣氛。非常類似網格構圖的方法。在UI設計中也很受用，可以很好的規范個元素的位置。（如果你對目前的界面設計一籌莫展，不妨可以試試這種方法）
2、左右分割型（瀑布流）
左右分割不外乎就是把版面左右分開在配之以圖文。在UI中的應用是隨著扁平化卡片化的興起，在移動端界面尺寸的限制下，開始進行了信息的分割處理。橫向的卡片式布局使得一屏內所看到的信息受到了極大的限制（不利于用戶體驗，卡片式并非萬能）。所以就應用的左右分割的布局。左右分割有利于信息的呈現，可以與瀑布流結合。
3、曲線型（UI方向1）
曲線型主要表現的是韻律和節奏，可能符合一部分小眾APP設計界面設計，充滿了特色和戲劇性。我覺得有特色的界面設計是這些小眾APP的設計核心?？梢岳昧眍惖男”姷脑O計做吸引。
4、滿版型（UI方向2）
滿版設計在平面設計中主要表達大方、舒展的設計風格。在UI移動端界面設計中寸土寸金?，F在的扁平化，極簡設計風格都在留白提升逼格。但是未來極簡設計終將過去，我們面對的還是海量信息。
結束語
版式設計是平面設計的一部分，也應該是UI設計的一部分。這里僅僅是說出了版式設計的一點點內容，部分的形式美法則和版式設計的基本類型。還有很多很多對UI設計有利的點沒有發掘。站在巨人的肩上可以看的更遠，平面設計就是我們前進的加速劑。
藍藍設計(91whvog3.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發服務，咨詢電話：01063334945。
關鍵詞：UI咨詢、UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司、數據可視化設計公司、用戶體驗公司、高端網站設計公司
銀行金融軟件UI界面設計、能源及監控軟件UI界面設計、氣象行業UI界面設計、軌道交通界面設計、地理信息系統GIS UI界面設計、航天軍工軟件UI界面設計、醫療行業軟件UI界面設計、教育行業軟件UI界面設計、企業信息化UI界面設計、軟件qt開發、軟件wpf開發、軟件vue開發
作者：彪形大漢pro
鏈接：https://www.zcool.com.cn/article/ZMTA3OTk3Mg==.html
來源：站酷
著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。