看過了去年雙十一的品牌海報，大家最大的感受是什么？

?

卷？

如果用視覺化的語言去轉(zhuǎn)譯卷的含義，或許可以用風格化這個詞來概括。

?

不論是合成、三維還是手繪，不管是平面、動效還是建模，各大品牌神仙打架，集眾家之所長，本質(zhì)上，就是為了突出一點：

?

品牌風格化。

?

一個品牌風格化的建立，可以讓其在同類競品中脫穎而出，成為消費者心智中的優(yōu)先選擇。

?

如何在視覺層面強化品牌風格化？

除了占比最大的主圖海報，在機制區(qū)鋪貨區(qū)的細節(jié)設(shè)計上其實同樣重要。

?

主圖是一記重拳，第一時間讓消費者感受到品牌。

下方的UI設(shè)計則是重拳后的補刀連環(huán)擊，讓消費者深刻地記住品牌。

雙十一雙十二的內(nèi)卷后，在年貨節(jié)，你又打算如何破卷？

?

俗話說，讀書破萬卷，雖然這句俗話絕不是這么用的，但多看多學，確實可以跳脫內(nèi)卷。

雖然我們平時都熱衷于看一些頭部品牌神仙打架的主圖設(shè)計，但在實際工作中，最折磨人的，往往是那些不被人注意的機制區(qū)、鋪貨區(qū)的UI設(shè)計。

?

今天，我們就來解決一些實際的痛點。

?

以黃老五2021年貨節(jié)的首頁UI設(shè)計為例，給大家分享一個中國風的UI設(shè)計小技巧。

當然，為了讓大家真正達到【看完就會】，所見即所得的境界，今天的小教程，將由我們的靳軒老師給大家掰開了揉碎了仔細講解。

剩下的時間，有請~

今天給大家?guī)硪粋€實用的商業(yè)設(shè)計小技巧，幫助大家用15分鐘的時間，做出這種中國風的卷軸橫幅。

首先我們先新建個矩形，選擇好位置后，適當?shù)淖笥覂蓚?cè)保留卷軸的位置。

我們再次給到曲線，在他上方提亮處理，做出過渡感，不會顯得我們這個很平。

還是缺一些質(zhì)感，比較是這種橫幅卷軸，怎么可能沒有肌理呢，找到一個合適的材質(zhì)，我們改為柔光貼上去。

還是不夠，可以去色改為線性光再次加強這種顆粒感，適當壓暗，再提亮上面的剛開始部分。

把要做卷軸上下的邊緣做出來，有一點點顯得平了些。適當?shù)慕o一些內(nèi)陰影和投影，呈現(xiàn)出立體變化。

現(xiàn)在關(guān)鍵時刻了，做卷起來的感覺，有內(nèi)卷內(nèi)味了。

他們是一樣的材質(zhì)哦，記得和底板做成一樣的，然后又發(fā)現(xiàn)了，平平的，要記住哦要有光影變化才不會顯得沒有體積感。

用矩形工具做出高光感覺，圖層給到濾色模式，讓有一些光的照射感覺，在矩形里面我們適當羽化一些即可。

上下把卷軸的位置做出邊緣感，記得畫出來體積變化，有明暗變化。包括邊緣的高光和底部的暗部小細節(jié)，都不要忘記哦。

接下來的環(huán)節(jié)，要想好卷起來的部分，可以嘗試拿起手中的紙卷一下，感覺勾這個形狀有點難，慢慢來，做出形狀后我們在對顏色進行調(diào)整。

我們接下來對，上下的色帶進行提亮處理，做出光的過渡感覺，對一些夾角位置增加明暗的小細節(jié)，再次對底板的這塊進行壓暗處理，強化質(zhì)感。直接復(fù)制出來把右側(cè)的也放上。

記得卷軸這個位置要有暗部哦，復(fù)制當前的形狀，改為正片疊底，邊緣適當羽化一些，做出暗部的影子。

我們按照層次來分來寫上我們的問題信息，包括標識，也是同樣的打上去，選擇好適合的字體。

我們對字體進行圖層樣式調(diào)整，添加內(nèi)陰影和投影，改變字體的體積變化，要不然這樣有點平。標制也是一樣的哦。

把字體做出光影過渡，曲線進行提亮處理，最好在加一個材質(zhì)降低點不透明度?；旧蠈ψ煮w的處理就完成了。

這樣，一個匹配節(jié)日調(diào)性與國風產(chǎn)品屬性的卷軸UI就制作完成了~

有同學會覺得：

?

“一個這么不起眼的小裝飾，用得著這么大費周章嗎？”

?

就像開頭所說的，華麗的主圖只是為了讓消費者發(fā)現(xiàn)品牌，穿插在產(chǎn)品中的UI與裝飾設(shè)計才是讓消費者記住品牌的關(guān)鍵。

?

一個六位數(shù)的頁面需要一張好的主圖，但只有好的主圖是值不了六位數(shù)的。

?

?

在接下來的時間里，我們會邀請課推官小伙伴們一起，給大家?guī)砀曦浌?jié)海報設(shè)計的教程，或許能解決燃眉之急~

?

今天的卷軸算是第一道開胃菜，你學會了嗎？