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