做設(shè)計(jì)創(chuàng)新很難，在 UI 模式成熟的今天，想做出更新穎的一些視覺更是不易。正好，我最近也在研究一些新的表現(xiàn)技法，發(fā)現(xiàn)了一些不錯(cuò)的設(shè)計(jì)風(fēng)格總結(jié)出來與大家分享，希望大家能從中學(xué)到一些關(guān)鍵技巧。

這些風(fēng)格技法涉及到布局、質(zhì)感、自然肌理和幾何形態(tài)，如果能綜合運(yùn)用，相信能給你的設(shè)計(jì)帶來不少的設(shè)計(jì)亮點(diǎn)。

小眾雜志美學(xué)

“小眾雜志”美學(xué)也許大家第一次聽說，這個(gè)也是我最近在思考的一個(gè)詞。這種風(fēng)格的特點(diǎn)：大字體、留白，基本上是以照片為主的的版式構(gòu)圖，所以要求我們?cè)谶x擇照片時(shí)就需要嚴(yán)格挑選。

“小眾雜志美學(xué)”也是近幾年流行起來的說法，如照片雜志和漫畫雜志等設(shè)計(jì)風(fēng)格。照片比較好理解，選擇比較有意境和有情緒的照片。漫畫雜志相對(duì)來說手繪體應(yīng)用多一些，也是這種風(fēng)格的特色，因?yàn)檫@種風(fēng)格在 UI 中應(yīng)用較少，這里就不做深究了。

手繪體

“小眾雜志美學(xué)”風(fēng)格在布局上比較注重大空間留白、錯(cuò)層布局、疊加布局或者純文字版式布局，核心思想以形式化為主，功能性會(huì)略弱一些。

這種一般在輕量級(jí)和文藝類的產(chǎn)品適合這種調(diào)性。比如輕音樂、輕雜志、豆瓣文藝類板塊等。因此在使用時(shí)候需要注意如何將功能與形式更好的集合起來。

自然肌理

“自然肌理”更接近大自然紋理，一般都是以抽象化+矩陣參數(shù)化效果出現(xiàn)在設(shè)計(jì)中。這種效果一般應(yīng)用在 UI 控件細(xì)節(jié)設(shè)計(jì)中，比如圖標(biāo)參數(shù)化、控件形態(tài)參數(shù)化、語音形態(tài)參數(shù)化等。

這種參數(shù)化點(diǎn)陣紋理的形態(tài)可以是品牌超級(jí)符號(hào)，也可以是一些自定義的參數(shù)化點(diǎn)陣圖形形態(tài)，還可以是基于品牌理念演化而來。

如上圖，點(diǎn)陣紋理在智能手表上的應(yīng)用。

魅族點(diǎn)陣紋理的概念應(yīng)用。

彩色玻璃

“彩色玻璃”作為一種設(shè)計(jì)材質(zhì)已經(jīng)存在了許多年，透過光折射出來的視覺效果給人留下了不可磨滅的印象。

“彩色玻璃”它受到環(huán)境光的影響，通過光照折射出來的視覺形態(tài)會(huì)發(fā)生肌理抽象變化，美感不言而喻。

如今“彩色玻璃”以前衛(wèi)形態(tài)再次復(fù)出，也是設(shè)計(jì)師披荊斬棘挖掘新的設(shè)計(jì)風(fēng)格的產(chǎn)物。這種風(fēng)格可應(yīng)用到產(chǎn)品啟動(dòng)頁視覺化設(shè)計(jì)，或者 UI 產(chǎn)品包裝中的場(chǎng)景搭建。

單色美學(xué)

“單色美學(xué)”不知道從什么時(shí)候開始，就越來越多的出現(xiàn)在大眾視野中。也許是設(shè)計(jì)師看厭了多色的 UI，轉(zhuǎn)而向單色風(fēng)格設(shè)計(jì)。單色風(fēng)格特征：強(qiáng)品牌色，設(shè)計(jì)時(shí)融入黑白綜合了單一品牌色的枯燥，整體效果簡約輕量。

如果你某天厭倦了多色的 UI 設(shè)計(jì)，不妨試一試這種單色風(fēng)格。當(dāng)然這種風(fēng)格也有一定的風(fēng)險(xiǎn)，對(duì)于復(fù)雜類的產(chǎn)品不適用，大家在概念練習(xí)中是可以適用的，而且還可以玩出各種花樣來。

超形態(tài)主義

“超形態(tài)主義”的核心思想不會(huì)以常規(guī)的形態(tài)出現(xiàn)，挑戰(zhàn)一些新鮮抽象化樣式出現(xiàn)在大眾視野中，這種最適合我們創(chuàng)新應(yīng)用了。這種調(diào)性最大特征：善于打破規(guī)則，走出自己的路。

“超形態(tài)主義”＋新擬態(tài)風(fēng)格，出現(xiàn)不一樣的視覺美感。這種形式可以任何形式存在于UI控件中。

今天分享的 5 個(gè) UI 風(fēng)格技法思路，大家在設(shè)計(jì)時(shí)候，一定要學(xué)會(huì)巧用到產(chǎn)品設(shè)計(jì)中，才能發(fā)揮最大價(jià)值。

好啦，本周分享到這，如果對(duì)你有幫助，那就給我們點(diǎn)贊，支持下功夫 UX！

歡迎關(guān)注作者微信公眾號(hào)：「功夫UX」