潮流風(fēng)格平面設(shè)計案例

2024-5-29    前端達人

今天給大家分享一張潮流風(fēng)格平面設(shè)計案列的，我們先來看下效果：
我是真沒想到，大廠設(shè)計師把潮流風(fēng)格做成這樣?。?！
 
 
潮流風(fēng)格的定義，一個是顏色用黑色綠綠兩種顏色形成強烈的單色對比形成潮流感。
 
另一個就是潮流圖形的使用比如：
我是真沒想到，大廠設(shè)計師把潮流風(fēng)格做成這樣?。?！
 
 
接下來我們就分享一下步驟，看看一步一步是怎么做出來的。
 
 
1.制作背景?先填充一個綠色，然后加入一個紙張紋理：
我是真沒想到，大廠設(shè)計師把潮流風(fēng)格做成這樣?。?！
 
 
得到以下的效果：
我是真沒想到，大廠設(shè)計師把潮流風(fēng)格做成這樣?。。? data-src=
 
 
繪制紋理，用一個圖形圈定選區(qū)，然后用波點筆刷刷出紋理：
我是真沒想到，大廠設(shè)計師把潮流風(fēng)格做成這樣?。?！
 
 
得到以下效果：
我是真沒想到，大廠設(shè)計師把潮流風(fēng)格做成這樣?。?！
 
 
我們的背景就制作好勒。
 
 
 
2.中間層制作
用矩形工具繪制一個矩形在畫面中心，四周留出一圈間距：
我是真沒想到，大廠設(shè)計師把潮流風(fēng)格做成這樣?。。? data-src=
 
 
使用一張素材圖疊加到矩形區(qū)域，使用正片疊底模式加去色使其變成背白：
我是真沒想到，大廠設(shè)計師把潮流風(fēng)格做成這樣！??！
 
 
給黑色的矩形區(qū)域整體加上一層波點紋理，讓其更富有質(zhì)感：
我是真沒想到，大廠設(shè)計師把潮流風(fēng)格做成這樣?。?！
 
 
 
 
 
 
3.增加圖形和信息
使用好看的英文排版在左邊空白區(qū)域，兩個相同的英文一個是實心的白色，另一個采用描邊的樣式，這樣可以看起來更有變化:
我是真沒想到，大廠設(shè)計師把潮流風(fēng)格做成這樣！?。? data-src=
 
 
在英文字體之間用一個線條穿插起來：
我是真沒想到，大廠設(shè)計師把潮流風(fēng)格做成這樣！??！
 
 
在右邊的人物疊圖之前用矩形工具畫一些線框：
我是真沒想到，大廠設(shè)計師把潮流風(fēng)格做成這樣?。?！
 
 
 
 
 
 
 
4.豐富排版
在畫面四周空白的區(qū)域增加一些細節(jié)排版，把畫面鋪滿：
我是真沒想到，大廠設(shè)計師把潮流風(fēng)格做成這樣?。?！
 
 
我是真沒想到，大廠設(shè)計師把潮流風(fēng)格做成這樣?。?！
 
 
 
 
 
 
5.制作點綴物
標簽：
我是真沒想到，大廠設(shè)計師把潮流風(fēng)格做成這樣?。?！
 
 
紙質(zhì)卡片：
我是真沒想到，大廠設(shè)計師把潮流風(fēng)格做成這樣?。?！
 
 
星星圖形制作：
 
直接使用多邊形工具，參數(shù)如下：
 
邊數(shù)：4，圓角半徑：0，星形比列：1%，勾選平滑星形縮進：
我是真沒想到，大廠設(shè)計師把潮流風(fēng)格做成這樣?。?！
 
 
然后把我們做好的幾個圖形排列到畫面當中畫好的矩形框里：
我是真沒想到，大廠設(shè)計師把潮流風(fēng)格做成這樣?。?！
 
 
最后在右邊空白的大框里放上一個LOGO或者圖形，我們的最終畫面就完成了！看看最終效果：
我是真沒想到，大廠設(shè)計師把潮流風(fēng)格做成這樣?。?！
 
 
這種潮流排版的設(shè)計，其實比較主要的就是顏色和圖形，顏色不宜過多，黑色是萬年不變的主要顏色，黑色配任意一種單色都會有很不錯的效果。
 
 
其次就是咱們的點綴和圖形的使用了，一般就是英文，星星，鐳射卡片這些東西，多找找參考也很容易做。
 
 
當然，要想做的很好的話，還有很多細節(jié)需要注意，比如字體大小，間距，畫面的比例等等細節(jié)多注意考量，希望對大家有幫助。
 
 


作者：菜心輕量文
鏈接：https://www.zcool.com.cn/article/ZMTYyMTYwMA==.html
來源：站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請注明出處。

藍藍設(shè)計(www.bouu.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。我們建立了一個微信群，每天分享國內(nèi)外優(yōu)秀的設(shè)計，有興趣請加入一起學(xué)習(xí)成長，咨詢及進群請加藍小助微信ben_lanlan。

WechatIMG27.jpg

關(guān)鍵詞：UI咨詢、UI設(shè)計服務(wù)公司、軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司、UI交互設(shè)計公司、數(shù)據(jù)可視化設(shè)計公司、用戶體驗公司、高端網(wǎng)站設(shè)計公司、銀行金融軟件UI界面設(shè)計、能源及監(jiān)控軟件UI界面設(shè)計、氣象行業(yè)UI界面設(shè)計、軌道交通界面設(shè)計、地理信息系統(tǒng)GIS UI界面設(shè)計、航天軍工軟件UI界面設(shè)計、醫(yī)療行業(yè)軟件UI界面設(shè)計、教育行業(yè)軟件UI界面設(shè)計、企業(yè)信息化UI界面設(shè)計、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)

分享本文至：

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://www.bouu.cn

存檔