如果光看視覺(jué)不論主題感覺(jué)還不錯(cuò)的，但最大的問(wèn)題也是不符合主題，主體是一個(gè)現(xiàn)實(shí)的籃球運(yùn)動(dòng)員，卻搞了很多魔幻的元素，結(jié)果就很像魔幻籃球似的，這樣在練習(xí)的時(shí)候可以試試，但作為一個(gè)項(xiàng)目需求肯定是不會(huì)讓你過(guò)的。

再來(lái)看看修改后的：

修改后的圖整個(gè)就和諧統(tǒng)一多了，更符合主題。

我們做圖的時(shí)候符合主題是最基本的，那到底該怎么做呢？今天就給家分享一下設(shè)計(jì)思路。

一、明確風(fēng)格

視覺(jué)設(shè)計(jì)師經(jīng)常會(huì)遇到各種各樣的需求，首先我們要做的第一件事就是了解需求，明確風(fēng)格。
我們可以通過(guò)了解需求背景，和觀察人物素材來(lái)了解，之后再去推進(jìn)設(shè)計(jì)。

我們來(lái)看看素材：

這不是NBA巨星科比么？！明顯是現(xiàn)實(shí)題材，不應(yīng)該加入一些魔幻、科幻什么的元素進(jìn)去。

二、明確需求

明確需求的目的是為了抓住設(shè)計(jì)關(guān)鍵點(diǎn)，方便為接下來(lái)的設(shè)計(jì)推進(jìn)提高效率。比如這次作業(yè)是要求大家設(shè)計(jì)一張帶有神秘感的剪影海報(bào)，我們可以找剪影的參考來(lái)提取這類視覺(jué)表現(xiàn)的關(guān)鍵點(diǎn)是什么：

找了很多參考，可以看到剪影視覺(jué)的效果還是蠻強(qiáng)的。很容易出效果，通過(guò)觀察我們要學(xué)會(huì)提取里面的關(guān)鍵點(diǎn)：

我們要做的就很明確了，在一個(gè)場(chǎng)景里設(shè)置一個(gè)光源，再加入人物調(diào)黑放在光源前面形成對(duì)比。

三、元素聯(lián)想

我們的人物素材是籃球員，我們就可以通過(guò)籃球運(yùn)d動(dòng)員這一個(gè)點(diǎn)為中心去發(fā)散聯(lián)想：

再用這些點(diǎn)來(lái)組成畫(huà)面，就會(huì)很符合主題了。

比如我們的場(chǎng)景可以是球星的發(fā)布會(huì)背景墻：

一個(gè)簡(jiǎn)單的場(chǎng)景就ok了

然后是我們的光源：

原圖中就是一個(gè)圓，就比較普通。
其實(shí)光源也可能是各種各樣的造型，來(lái)增加設(shè)計(jì)感和主題感。我們剛才聯(lián)想到有籃球，光源我們就可以用籃球來(lái)做。但我又懶得畫(huà)，怎么快速的做一個(gè)呢。這里給大家分享個(gè)省力的小辦法。

我直接從開(kāi)源的圖標(biāo)網(wǎng)站去下載，里面的圖標(biāo)都可以免費(fèi)用，且可以下載到矢量文件。

直接下一個(gè)不錯(cuò)的放圖里看看：

emm，感覺(jué)有點(diǎn)太粗了，一點(diǎn)也不透氣，沒(méi)關(guān)系。我們把源文件拖進(jìn)AI里調(diào)整下描邊粗細(xì)就可以了：

再放回圖里看看：

這樣就輕薄透氣多了！再給圖形加個(gè)外發(fā)光效果：

光源就完成了，又快又貼合主題棒棒的！
接著可以繼續(xù)豐富畫(huà)面，比如把光源想成一個(gè)霓虹燈，那可能需要繪制一些線路，也可以在墻上張貼一些人物宣傳海報(bào)：

還可以增加燈光對(duì)地面的倒影，直接把墻上的籃球圖形復(fù)制一個(gè)下來(lái)，使用透視工具拉一下變形，放到地面上：

這里要注意做好兩個(gè)點(diǎn)，倒影才能更真實(shí)：
1.靠近光源的位置會(huì)很亮，遠(yuǎn)離光源的地方要暗下去；
2.靠近光源的位置邊緣比較實(shí)，遠(yuǎn)離光源的地方要用高斯模糊虛化下去。

這樣整個(gè)場(chǎng)景就很豐富啦。

接下來(lái)是人物的處理，有一個(gè)點(diǎn)給大家分享下：

直接把人物涂黑也有剪影的感覺(jué)，但是毫無(wú)細(xì)節(jié)，人物就很平，薄的像紙，一點(diǎn)都不立體

為了解決這個(gè)問(wèn)題，我們可以給人物的邊緣加一些過(guò)度的光，注意觀察手臂的位置：

有過(guò)度光的人物是不是就顯得很立體啦？

這個(gè)同學(xué)的也有點(diǎn)這個(gè)問(wèn)題，整個(gè)手臂沒(méi)有加過(guò)度光，所以會(huì)顯得有點(diǎn)平：

加完過(guò)度光看下整體效果：

一張帥帥的人物剪影海報(bào)就完成了！

四、其它的一些附加知識(shí)點(diǎn)

1.低視角會(huì)讓畫(huà)面充滿壓迫力。

以Amor的作業(yè)為例：人物我們不能調(diào)，

但我們可以調(diào)整地面的俯視角度。比如右邊這張，就放大了透視，就給人一種仰視角色的感覺(jué)，整張圖更有壓迫感。左邊這張因?yàn)橥敢暠容^小，視角就比較高，顯得是在俯視角色。就缺少了一點(diǎn)氣勢(shì)：

小小的改動(dòng)就可以提升一個(gè)氣質(zhì)。

2.在光源里加入一些碎片會(huì)讓畫(huà)面更豐滿，充滿細(xì)節(jié)。

這是兜兜一張作業(yè)，也是很不錯(cuò)的。

我們觀察下底部光源的位置的區(qū)別：

很多同學(xué)打完光就會(huì)讓它空著，就會(huì)顯得很單一，光也會(huì)顯得有點(diǎn)蒼白平淡。其實(shí)我們可以在光源里加入一些細(xì)節(jié)，就可以讓光的層次更豐富了，從而讓畫(huà)面更耐看。

作者：慢熱

轉(zhuǎn)載請(qǐng)注明：學(xué)UI網(wǎng)》哦，原來(lái)這樣可以更高級(jí)！

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)加藍(lán)小助，微信號(hào):ben_lanlan，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系01063334945。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( ssll180.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司