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