五個為設計增加光影結(jié)果的簡單技巧
2020-03-05 662

五個為設計增加光影結(jié)果的簡單技巧

現(xiàn)實生活中無時無處不存在著光照和陰影。宣傳單設計你看到的每樣東西都是通過光影反射形成它的氣象。視覺上，光影贊助我們辨別事物，認知他們的材質(zhì)、尺度和透視。

所以若要讓我們的網(wǎng)絡設計加倍自然、有動感且實在直觀，房地產(chǎn)廣告設計精確理解光影結(jié)果就變得非常緊張。以下是助你更好行使光影的五個技巧，好好應用它們，能讓你的設計加倍精致，從眾多的頁面中脫穎而出。

光照與陰影的道理快速剖析
下圖中，光源來自左方。高光是光照非常強的片面，陰影位于距離光源非常遠的地方。光影的存在贊助我們感知有關(guān)物體表面材質(zhì)的大量信息。

但是你可能要問，這和網(wǎng)絡設計有什么關(guān)系？

若你打算創(chuàng)造豐富、有質(zhì)感的界面和網(wǎng)站，光影能助你一臂之力。廣告設計如同許多傳統(tǒng)藝術(shù)家們在繪畫上對光照的應用，你也能夠行使光照給你的設計以深度和視覺興會。

1. 使用光源
應該說行使光照時打聽光源在那里是非常為緊張的基本問題。光源位置決意了高光和陰影的位置（但是在網(wǎng)絡設計中你能沖破這些規(guī)則）。在Photoshop中，你可以行使圖層樣式中的“全局光照”保證你創(chuàng)造的所有光影結(jié)果的光源都在一個位置。

掌握好光源位置能夠為你的頁面設計創(chuàng)造怪異氣氛（即便僅僅是一個簡單的線性或徑向漸變也能到達結(jié)果）。光影結(jié)果還能引導視覺中間的轉(zhuǎn)移。

網(wǎng)絡上的例子
Campaign Monitor 使用發(fā)散光源，創(chuàng)造出一種日出結(jié)果。
Icebrrg 行使光照使頁面潛入水下。
使用了不止一個光源，增加了視覺興會，戶外廣告設計而且各處都使用的是桌面臺燈的光照結(jié)果。
Deaxon 在logo后有一個薄弱的光源，使頁面的核心密集在了logo上。
2. 漸變
現(xiàn)實世界中，沒有什么事物老是平整色調(diào)。光影附著在全部事物上。行使?jié)u變是創(chuàng)造深度和實在性的好技巧。

應用漸變的環(huán)節(jié)是不要做得太過了。在Photoshop里繪制漸變時，請在圖層樣式里做漸變疊加，這樣能保證你的漸變的可編纂性，而且隨著圖層的縮放，漸變也能隨著無損地縮放。

3. 高光
高光能平均陰影，應該位于物體湊近光源的邊緣。高光大片面時候都被輕忽了，由于若用得好的話，你險些感覺不到它的存在。但是并不是所有景象都適用高光的存在，一個細微的高光就能造成物體表面拋光度的龐大不同。高光越“尖銳”，物體表面的光澤感就越強。

要觀賞高光，我們需要放大這些細節(jié)。做高光設計的時候，把你的設計稿放大一倍以上是個好辦法，由于按原始比例顯示的時候，你可能都沒法弄清本人在搗鼓些什么。

4. 基本陰影

同漸變同樣，投影也被網(wǎng)絡設計師們寬泛應用。當精確使用時，投影確鑿能為設計增加視覺深度和質(zhì)感。環(huán)節(jié)或是不要做的過度或者濫用。

陰影深度取決于光照方向和強度，以及物體和投影面的距離。成都廣告設計光照越強，陰影越鋒利越暗；光照越弱，投影也就越弱。

5. 高級陰影

要賦予物體立體感，除了簡單的投影，你另有很多選定。長陰影能極大地改變頁面中物體的空間關(guān)系。

下面的例子中，同樣的可樂罐，被賦予不同的陰影和暗部以后，全部空間位置就顯得徹底不同樣了。