UI設計借鑒平面設計技巧也很美好

點擊關注 優(yōu)漫動游 昨天

UI設計是隨著智能設備的飛速發(fā)展、互聯(lián)網行業(yè)的發(fā)展以及農林牧漁傳統(tǒng)行業(yè)的急于轉向而興起。主要是企業(yè)對移動設備交互界面的重視。在企業(yè)越來越重視界面設計的今天。傳統(tǒng)的平面設計能為現在我們的UI設計提供哪些參考呢，我們能從中借鑒的技巧有哪些？今天就從板式設計說起。

板式式設計

在UI設計中板式設計不言而喻是非常重要的。板式設計就如同蓋房子先要搭好框架一樣。一款APP視覺呈現是不是符合商業(yè)性并兼具審美。其中的板式設計是其核心。而在平面設計中板式設計也是一個作品的核心。平面設計長時間的發(fā)展積淀了相當多實用的技巧和方法。

一、形勢方法

板式設計中形勢方法指的是、畫面的表現方法和原理。說白了就是畫面要出什么效果就用什么表現手法而已。平面設計中形勢方法可以分為。虛空留白、比例適度、對比調和、變化統(tǒng)一、變異秩序、節(jié)奏韻律、重復交錯、對稱均衡等。今天我們舉例分析一下前四個。

1、虛空留白（適合現在極簡設計風格）

這種板式設計主要是突出主題，給人以輕松愉悅的感覺。適合文藝范的和有逼格的app界面使用，能夠營造出高品質的界面風格。但是如果一旦運用不得當容易出現界面空或單調的感覺。

2、比例適度（協(xié)調UI中各部分內容）

平面設計中所說的比例適度主要是整體和部分的協(xié)調，采用合理的比例方法，如：黃金比例、等差等比。去協(xié)調各部分的關系使各部分要素產生聯(lián)系。在UI版面布局中正是需要調節(jié)和有機的組合各要素在有限的界面里的合理性。

3、對比調和（UI中信息層級的表現）

對比調和在平面設計中是經常用到的，整體版面要調和，局部版面要對比。對比是強調主次關系。對比調和用到UI設計中可以做到設計內容在主次關系的層級化。在統(tǒng)一調和的界面里又充滿了對比的小情調。這正是平面不平之所在，也是一個的界面所必備的。

4、變化與統(tǒng)一（是UI突破同質化的一種方法）

變化與統(tǒng)一是形式美法則的總則。是其他方法方式的一個總結。變化所說的就是在設計中要有所創(chuàng)新不能總墨守成規(guī)，統(tǒng)一是設計要做到視覺上的愉悅而不是雖然有局部吸引人的眼球但是整體一看卻是辣眼睛。變化和統(tǒng)一也許是突破現在APP同質化的一種方法。在現在APP同質化嚴重的情況下我們能做到APP的風格統(tǒng)一又不墨守成規(guī)尋求變化才是營造自己風格的一種方法。

這些平面設計里的形式美法則在UI設計中同樣受用。這些表面形式在做banner圖構圖和創(chuàng)意上也特別有用。

板式設計基本類型

板式設計的基本類型有特別多。我們這里著重分析其中對UI設計有幫助的骨骼型、左右分割、曲線型、滿版型這幾個基本類型。

1、骨骼型（類似網格構圖）

這里說的骨骼型就是在板式構圖中，進行橫豎向的分欄。能容嚴格按照分欄排列。版面效果沉穩(wěn)厚重，井然有序，如果橫豎分欄交叉排列還可制造靈動活潑的版面氣氛。非常類似網格構圖的方法。在UI設計中也很受用，可以很好的規(guī)范個元素的位置。（如果你對目前的界面設計一籌莫展，不妨可以試試這種方法）

2、左右分割型（瀑布流）

左右分割不外乎就是把版面左右分開在配之以圖文。在UI中的應用是隨著扁平化卡片化的興起，在移動端界面尺寸的限制下，開始進行了信息的分割處理。橫向的卡片式布局使得一屏內所看到的信息受到了極大的限制（不利于用戶體驗，卡片式并非）。所以就應用的左右分割的布局。左右分割有利于信息的呈現，可以與瀑布流結合。

3、曲線型（UI方向1）

曲線型主要表現的是韻律和節(jié)奏，可能符合一部分小眾APP設計界面設計，充滿了特色和戲劇性。我覺得有特色的界面設計是這些小眾APP的設計核心?？梢岳昧眍惖男”姷脑O計做吸引。

4、滿版型（UI方向2）

滿版設計在平面設計中主要表達大方、舒展的設計風格。在UI移動端界面設計中寸土寸金?，F在的扁平化，極簡設計風格都在留白提升逼格。但是未來極簡設計終將過去，我們面對的還是海量信息。