我們生活在一個(gè)三維世界里，網(wǎng)站設計師們正試圖重新在網(wǎng)頁(yè)設計中的每一天。深度元素可以添加一個(gè)觸摸的現實(shí)一定的設計項目。
創(chuàng )建它可以比你想象的更容易。在2D屏幕上模擬現實(shí)的關(guān)鍵是使用圖像創(chuàng )建深度。這可以通過(guò)多種方式中，從照相本身，分層圖像，處理和使用的特殊效果。
分層
分層是一個(gè)工具，可以有意使用圖像和對象放置在設計過(guò)程中，作為一種工具來(lái)處理圖像或故意在圖像本身。
我們都看到了布局，其中圖像被放置在彼此頂部隨意，看起來(lái)像一摞打印出來(lái)的照片。你知道的伎倆。它的工作原理，創(chuàng )造出層次感，讓你覺(jué)得如果你翻閱照片。這是在設計過(guò)程中分層。有時(shí)候這種影響更為明顯，在這種情況下，但其他時(shí)間更加隱蔽。
通常多張照片合并成一個(gè)的圖像創(chuàng )建兩個(gè)截然不同的部分 - 前景和另一個(gè)背景。如果做得好，效果應該是幾乎看不見(jiàn)。攬勝網(wǎng)站上面看看 - 汽車(chē)和壯觀(guān)的城市形象和合并時(shí)，他們讓你覺(jué)得如果你站在旁邊的車(chē)輛在城市上空。
另一個(gè)有效的分層工具奠定了在一個(gè)看似平坦的背景照片或圖像。此工程飛馳奇數方向或角度的圖像和漸變色的背景。
最后，一些圖像創(chuàng )建分層記。這種攝影技術(shù)的基礎上使用重疊線(xiàn)創(chuàng )建不同的對象要創(chuàng )建的圖像深度的想法。線(xiàn)通常強調在場(chǎng)景中彼此獨立的對象的圖像中的顏色和對比度。這種技術(shù)可以為業(yè)余攝影愛(ài)好者難以建立。
攝影
用于創(chuàng )建深度的最重要工具之一，是在影像中。深度記住構圖和取景，可以使建筑的深度一件輕而易舉的事。
但你如何撰寫(xiě)照片以這種方式嗎？雖然許多選擇聘請了專(zhuān)業(yè)的攝影師，只是提供深度的說(shuō)明，這并不總是一個(gè)選項。如果你正在服用的照片，自己一個(gè)項目深度想想，你拍攝的這些技巧。
在前臺創(chuàng )建一個(gè)可視化利息。確保照片具有一個(gè)主體和背景。思考這些獨立的部分，將幫助你更好的框架，并創(chuàng )建一個(gè)圖像。
更改視圖。從一個(gè)意想不到的角度拍攝照片。這改變主體和背景的角度，增加視覺(jué)維度。您也可以做到這一點(diǎn)，玩的角度;幀相同的圖像從一個(gè)舒適的水平和更廣泛的角度。
縱向拍照。通過(guò)改變一個(gè)垂直軸，將幀不同的照片。
想想自然線(xiàn)條和陰影。照片中有時(shí)會(huì )將其自身的層次感。例如，不同的陰影，可以使對象將更加關(guān)注，同時(shí)擴大的背景。
圖像處理
使用照片編輯軟件，如Adobe Photoshop，設計師可以創(chuàng )建照片添加深度的用幾個(gè)簡(jiǎn)單的招數。這可以是一個(gè)偉大的選擇，當使用人像或其他圖像中沒(méi)有深入拍攝記。
訣竅是：在前臺的主題，添加一個(gè)模糊的背景下，而獨自離開(kāi)的主題。（在Photoshop中，調整高斯模糊半徑為5.0的工程奇跡。）這個(gè)簡(jiǎn)單的技巧將焦點(diǎn)圖像中的主題，而創(chuàng )造出層次感，使背景的視覺(jué)優(yōu)先。
陰影效果
陰影是網(wǎng)站設計中一個(gè)最簡(jiǎn)單，最自然的方式，營(yíng)造出深度和地點(diǎn)，對象和圖像。安置，黑暗和陰影的形狀可能意味著(zhù)非常特殊的意義。他們使用陰影的關(guān)鍵是讓他們看起來(lái)更自然。
最好的陰影的微妙和后續模式的光。確保陰影鏡像圖像，他們陪的感覺(jué)。如果用戶(hù)看到的第一件事是影子，那么它很可能不正常工作。
圓形陰影，其余下面的對象，可以創(chuàng )建一個(gè)浮動(dòng)的，3D樣式的效果。這是一個(gè)常見(jiàn)的按鈕和更小的用戶(hù)界面元素的技術(shù)。在前面的對象的特定形狀的陰影，可以使平坦的項目看起來(lái)像它站起來(lái)，如那些上Guest'd網(wǎng)站的。（你甚至發(fā)現他們提到之前的陰影？）扭曲的陰影 - 那些不鏡像它們涉及到的圖像的形狀 - 可以使一個(gè)項目似乎有另一種形狀，或者升空的背景圖像。
還可以添加陰影淡淡的現實(shí)對象或項目。一個(gè)人背后的陰影，可以幫助解除他的背景下，將被攝物體的圖像的前列。這是一種常見(jiàn)的技術(shù)，但它是非常重要的，在圖像的光源陰影相反的，所以最終的結果出現自然和非受迫性。
插圖和其他圖片
同樣的概念和操作的工作照片，還設計項目中使用的插圖和其他圖像。不同的是，你經(jīng)常要自己創(chuàng )建這些效果。
上述戲劇性的陰影，這是一個(gè)很好的例子。背景亮區和暗的部分的具體涉及到圖像，“向前走”，從其余的網(wǎng)站。
結論
深度是一個(gè)偉大的工具，在網(wǎng)站設計項目中創(chuàng )造了現實(shí)感。它可以將用戶(hù)連接到他們在屏幕上觀(guān)看，使他們覺(jué)得自己更喜歡的場(chǎng)景的一部分。
添加了第三個(gè)維度感，甚至圖像，從照片矢量為基礎的用戶(hù)界面元素，可以被操縱，缺乏真正的深度。分層，面向對象和陰影是一些最好的工具創(chuàng )建額外的深度。