跳槽進大廠,這些設(shè)計技法必須會 (五):分形風(fēng)格
今天給大家?guī)淼脑O(shè)計技法研究-分形風(fēng)格。其實風(fēng)格有很多,歸根結(jié)底是我們?nèi)绾稳w納和總結(jié),去發(fā)現(xiàn)一些趨勢規(guī)律運用到自己作品里面去,從不同的設(shè)計門類中尋找和借鑒新的設(shè)計元素。
在理解和掌握其研究結(jié)果的基礎(chǔ)上,以應(yīng)用到界面設(shè)計的可行性為判斷標準進行篩選、歸納和提煉,并重新整理,達到對設(shè)計靈感、 創(chuàng)意和思路的啟發(fā)。讓我們時刻都保持視覺敏銳度,提升專業(yè)審美和眼界。
什么是分形
很多人可能對這個詞比較陌生,或許是第一次聽到,維基百科上官方解釋大概是:分形也被稱為擴展對稱或展開對稱,形狀的重復(fù)是完全相同的,形在不同的縮放級別上可以是近似相似的,官方解釋比較拗口。
簡單理解就是一個圖形的重復(fù)有規(guī)律的運動,通過對稱,重復(fù),運動方向延展,最知名一個案例就是上圖蘋果照片的圖標,它是通過一個圓角矩形重復(fù)旋轉(zhuǎn)8次得到。
這張圖也是一個典型的分形,它是由一個圓形,圍繞中心點漸變得來。
這組圖形也是同樣的分形,像一個時空隧道,第一張圖形是圍繞中間幾何圖形,有規(guī)律的放大變化。
在我們生活中,分形也無處不在,特別是在大自然中,很多花的生長也是類似有規(guī)律重復(fù),分形的整體感覺優(yōu)美,有設(shè)計感,同時是一個很有記憶特征的設(shè)計技法。
分形的特點
1. 有規(guī)律重復(fù)
分形很重要一個特征就是有規(guī)律重復(fù),它會圍繞一個方向,一個角度去重復(fù),形成一種自然的美感。
這組圖形運用黃金螺旋的規(guī)律重讀圓形,形成一種自然生機的美感。
2. 一個基礎(chǔ)形
這組圖形是不是很眼熟,和蘋果早期的壁紙很像,沒錯,蘋果早期的很多設(shè)計都運用了很多分形藝術(shù)手法,可以看出這些圖形特點就是一個基礎(chǔ)形,去做重復(fù)變化,分形很重要一個特征就是一個基礎(chǔ)形。
3. 彩色疊加
分形之所以看起來優(yōu)美,除了圖形很優(yōu)雅自然,其實色彩的疊加運用,讓它細節(jié)層次更豐富。
這個LOGO設(shè)計就是運用了花瓣圖形進行重復(fù)加疊加形成一個優(yōu)美的圖形。
通過顏色疊加,融合,整體會呈現(xiàn)出更加生動的變化。
UI中運用
分形圖形具有優(yōu)美,重復(fù),自然的美感,因此在很多設(shè)計中都廣泛運用,在UI設(shè)計中,一般背景底紋,圖標等場景運用比較多。
09的一組主題作品中,我們可以看見設(shè)計師運用分形這種有規(guī)律的圖形當做背景,呈現(xiàn)出豐富有層次細節(jié)效果。
運用方形作為基礎(chǔ)形,重復(fù)放大,每個基礎(chǔ)形通過明暗和色相來加強空間層次。
Grabient的網(wǎng)站設(shè)計中也是同樣運用一組分形的幾何圖形重疊。然后巧妙的把品牌LOGO運用到背景中去。
在一組可視化的圖形中,設(shè)計師很好的將動態(tài)數(shù)據(jù)通過12變形的分形圖形融合,然后通過12變形的放大,透明顏色,旋轉(zhuǎn)運用到案例中,通透富有自然美感。
在很多儀表盤的設(shè)計中,分形也被很好的運用,在這個設(shè)計中,設(shè)計師將圓形和分形很好的巧妙結(jié)合在了一起,科技感同時也充滿了設(shè)計細節(jié)。
UBER的設(shè)計語言中,我們也同樣發(fā)現(xiàn)了分形的身影,設(shè)計師將每個國家富有代表性的圖形提煉處理,然后重復(fù)運用平鋪,形成一種時尚的幾何紋理,運用到閃屏,線上線下的產(chǎn)品中。
平面中運用
除了在UI中當做背景,圖標等運用,在平面設(shè)計中,海報,品牌LOGO發(fā)布會中,我們也可以看到大量的分形使用場景,簡單的幾何圖形和富有美感的變化讓設(shè)計充滿了科技感。
在IS THIS ART?一系列的藝術(shù)展覽設(shè)計中,設(shè)計師運用抽象半弧圖形,運用分形有規(guī)律的重復(fù),色彩變化來強調(diào)設(shè)計整體氛圍。
同樣的在Element的設(shè)計中也是運用最基礎(chǔ)的幾何圖形三角形和五邊形作為基礎(chǔ)形再加以規(guī)律的變化,形成簡單有沖擊力的效果。
在很多LOGO設(shè)計上,也同樣運用很多,色彩豐富的疊加讓整體富有時尚和年輕感。
東京造型大學(xué)的一組設(shè)計,同樣運用分形的手法,整體顏色輕盈,沖擊力強。
分形的變化,在這些大師手上變得豐富多彩,靈活多變,所以當你做一個海報或者一個新風(fēng)格時候,如果沒有很好的思路,不如嘗試下分形的設(shè)計手法,或許有不一樣的視覺效果。
圖標中運用
圖標中運用就更為常見,我們熟悉的蘋果相冊,chrome以及谷歌的相冊都是同樣的設(shè)計手法
同樣設(shè)計師將這組圓形圖形,通過分形處理形成了一個智能的語言助手,很好表達了科技感。
包括我們前面提到的09UI的作品也是采用相同的技法,讓圖標在同質(zhì)化嚴重的時代,變得獨特脫穎而出。
這種風(fēng)格簡約,對稱,有秩序,所以在很多圖標作品中我們都可以看見。
這種圖標設(shè)計中,一般單個基礎(chǔ)形不會重復(fù)態(tài)度次,一般以對稱形式出現(xiàn),質(zhì)感上也是采用顏色疊加效果。
分形小教程
最后
設(shè)計趨勢和設(shè)計手法,是很多設(shè)計師必備技能,也是一切方法理論的最基礎(chǔ),我們必須時刻關(guān)注和了解最新的前瞻趨勢,然后學(xué)習(xí)它,把它運用在自己設(shè)計項目中。
相關(guān)閱讀
跳槽進大廠,這些設(shè)計技法必須會:系列第二彈-卡通簡筆風(fēng)格
跳槽進大廠,這些設(shè)計技法必須會(三):柔光風(fēng)格
跳槽進大廠,這些設(shè)計技法必須會 (四):晶白風(fēng)格
作者:sky,微信公眾號:我們的設(shè)計日記(ID:helloskys)
本文由 @我們的設(shè)計日記 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自Unsplash,基于CC0協(xié)議
沙發(fā)發(fā)發(fā)