今天給大家?guī)淼脑O(shè)計技法研究-分形風(fēng)格。其實(shí)風(fēng)格有很多，歸根結(jié)底是我們?nèi)绾稳w納和總結(jié)，去發(fā)現(xiàn)一些趨勢規(guī)律運(yùn)用到自己作品里面去，從不同的設(shè)計門類中尋找和借鑒新的設(shè)計元素。

在理解和掌握其研究結(jié)果的基礎(chǔ)上，以應(yīng)用到界面設(shè)計的可行性為判斷標(biāo)準(zhǔn)進(jìn)行篩選、歸納和提煉，并重新整理，達(dá)到對設(shè)計靈感、 創(chuàng)意和思路的啟發(fā)。讓我們時刻都保持視覺敏銳度，提升專業(yè)審美和眼界。

什么是分形

很多人可能對這個詞比較陌生，或許是第一次聽到，維基百科上官方解釋大概是：分形也被稱為擴(kuò)展對稱或展開對稱，形狀的重復(fù)是完全相同的，形在不同的縮放級別上可以是近似相似的,官方解釋比較拗口。

簡單理解就是一個圖形的重復(fù)有規(guī)律的運(yùn)動，通過對稱，重復(fù)，運(yùn)動方向延展，最知名一個案例就是上圖蘋果照片的圖標(biāo)，它是通過一個圓角矩形重復(fù)旋轉(zhuǎn)8次得到。

這張圖也是一個典型的分形，它是由一個圓形，圍繞中心點(diǎn)漸變得來。

這組圖形也是同樣的分形，像一個時空隧道，第一張圖形是圍繞中間幾何圖形，有規(guī)律的放大變化。

在我們生活中，分形也無處不在，特別是在大自然中，很多花的生長也是類似有規(guī)律重復(fù)，分形的整體感覺優(yōu)美，有設(shè)計感，同時是一個很有記憶特征的設(shè)計技法。

分形的特點(diǎn)

1. 有規(guī)律重復(fù)

分形很重要一個特征就是有規(guī)律重復(fù)，它會圍繞一個方向，一個角度去重復(fù)，形成一種自然的美感。

這組圖形運(yùn)用黃金螺旋的規(guī)律重讀圓形，形成一種自然生機(jī)的美感。

2. 一個基礎(chǔ)形

這組圖形是不是很眼熟，和蘋果早期的壁紙很像，沒錯，蘋果早期的很多設(shè)計都運(yùn)用了很多分形藝術(shù)手法，可以看出這些圖形特點(diǎn)就是一個基礎(chǔ)形，去做重復(fù)變化，分形很重要一個特征就是一個基礎(chǔ)形。

3. 彩色疊加

分形之所以看起來優(yōu)美，除了圖形很優(yōu)雅自然，其實(shí)色彩的疊加運(yùn)用，讓它細(xì)節(jié)層次更豐富。

這個LOGO設(shè)計就是運(yùn)用了花瓣圖形進(jìn)行重復(fù)加疊加形成一個優(yōu)美的圖形。

通過顏色疊加，融合，整體會呈現(xiàn)出更加生動的變化。

UI中運(yùn)用

分形圖形具有優(yōu)美，重復(fù)，自然的美感，因此在很多設(shè)計中都廣泛運(yùn)用，在UI設(shè)計中，一般背景底紋，圖標(biāo)等場景運(yùn)用比較多。

09的一組主題作品中，我們可以看見設(shè)計師運(yùn)用分形這種有規(guī)律的圖形當(dāng)做背景，呈現(xiàn)出豐富有層次細(xì)節(jié)效果。

運(yùn)用方形作為基礎(chǔ)形，重復(fù)放大，每個基礎(chǔ)形通過明暗和色相來加強(qiáng)空間層次。

Grabient的網(wǎng)站設(shè)計中也是同樣運(yùn)用一組分形的幾何圖形重疊。然后巧妙的把品牌LOGO運(yùn)用到背景中去。

在一組可視化的圖形中，設(shè)計師很好的將動態(tài)數(shù)據(jù)通過12變形的分形圖形融合，然后通過12變形的放大，透明顏色，旋轉(zhuǎn)運(yùn)用到案例中，通透富有自然美感。

在很多儀表盤的設(shè)計中，分形也被很好的運(yùn)用，在這個設(shè)計中，設(shè)計師將圓形和分形很好的巧妙結(jié)合在了一起，科技感同時也充滿了設(shè)計細(xì)節(jié)。

UBER的設(shè)計語言中，我們也同樣發(fā)現(xiàn)了分形的身影，設(shè)計師將每個國家富有代表性的圖形提煉處理，然后重復(fù)運(yùn)用平鋪，形成一種時尚的幾何紋理，運(yùn)用到閃屏，線上線下的產(chǎn)品中。

平面中運(yùn)用

除了在UI中當(dāng)做背景，圖標(biāo)等運(yùn)用，在平面設(shè)計中，海報，品牌LOGO發(fā)布會中，我們也可以看到大量的分形使用場景，簡單的幾何圖形和富有美感的變化讓設(shè)計充滿了科技感。

在IS THIS ART?一系列的藝術(shù)展覽設(shè)計中，設(shè)計師運(yùn)用抽象半弧圖形，運(yùn)用分形有規(guī)律的重復(fù)，色彩變化來強(qiáng)調(diào)設(shè)計整體氛圍。

同樣的在Element的設(shè)計中也是運(yùn)用最基礎(chǔ)的幾何圖形三角形和五邊形作為基礎(chǔ)形再加以規(guī)律的變化，形成簡單有沖擊力的效果。

在很多LOGO設(shè)計上，也同樣運(yùn)用很多，色彩豐富的疊加讓整體富有時尚和年輕感。

東京造型大學(xué)的一組設(shè)計，同樣運(yùn)用分形的手法，整體顏色輕盈，沖擊力強(qiáng)。

分形的變化，在這些大師手上變得豐富多彩，靈活多變，所以當(dāng)你做一個海報或者一個新風(fēng)格時候，如果沒有很好的思路，不如嘗試下分形的設(shè)計手法，或許有不一樣的視覺效果。

圖標(biāo)中運(yùn)用

圖標(biāo)中運(yùn)用就更為常見，我們熟悉的蘋果相冊，chrome以及谷歌的相冊都是同樣的設(shè)計手法

同樣設(shè)計師將這組圓形圖形，通過分形處理形成了一個智能的語言助手，很好表達(dá)了科技感。

包括我們前面提到的09UI的作品也是采用相同的技法，讓圖標(biāo)在同質(zhì)化嚴(yán)重的時代，變得獨(dú)特脫穎而出。

這種風(fēng)格簡約，對稱，有秩序，所以在很多圖標(biāo)作品中我們都可以看見。

這種圖標(biāo)設(shè)計中，一般單個基礎(chǔ)形不會重復(fù)態(tài)度次，一般以對稱形式出現(xiàn)，質(zhì)感上也是采用顏色疊加效果。

分形小教程

最后

設(shè)計趨勢和設(shè)計手法，是很多設(shè)計師必備技能，也是一切方法理論的最基礎(chǔ)，我們必須時刻關(guān)注和了解最新的前瞻趨勢，然后學(xué)習(xí)它，把它運(yùn)用在自己設(shè)計項目中。

相關(guān)閱讀

跳槽進(jìn)大廠，這些設(shè)計技法必須會（系列一）

跳槽進(jìn)大廠，這些設(shè)計技法必須會：系列第二彈-卡通簡筆風(fēng)格

跳槽進(jìn)大廠，這些設(shè)計技法必須會（三）：柔光風(fēng)格

跳槽進(jìn)大廠，這些設(shè)計技法必須會 （四）：晶白風(fēng)格

作者：sky，微信公眾號：我們的設(shè)計日記（ID：helloskys）

本文由 @我們的設(shè)計日記 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自Unsplash，基于CC0協(xié)議