- 相關(guān)推薦
11招助你提升設計的立體感、深度感
為設計增加深度能夠讓你的設計看起來更寫實，而且也有視覺趣味。營造出一種三維的延伸感，從而讓觀看者陷入你的設計之中。而且，還能幫助你在你想要的地方構(gòu)建視覺切入點。
我們是三維的存在，我們周圍的物體也是三維的，但是屏幕是二維的，缺少的那個維度意味著在頁面上的視覺表現(xiàn)要比真實生活的視覺感差。通過一些圖形手段，把缺少的那維找回來可以提升真實感，一種物理感。
那我們怎樣在設計中創(chuàng)造深度呢?
深度感暗示
首先，有兩種深度暗示：
一種是圖形暗示可以在真實的繪畫或者相片中再現(xiàn)質(zhì)感;
一種是非圖形暗示不能在真實的繪畫或者相片中再現(xiàn)質(zhì)感;
(繪畫藝術(shù)家把他們使用的靜態(tài)單眼線索(觀察著和景物都是靜止的)稱為圖形暗示(pictorial cues),通過這些暗示,可在兩維的平面上產(chǎn)生出三維的深度效果。)
圖形深度暗示不會給整體設計造成突兀感，可以獨立的作用于不同的設計元素，最后所有元素統(tǒng)一匯合成你的設計時，深度感就出來了。
每種暗示方式都有自己獨一無二的特性，表達了不同的視覺信息。每種暗示方式都用自己不同的方式去傳遞深度感。
很多用戶能夠在扁平化設計中尋找到深度感，因此問題不在于是三維還是二維的設計，問題在于你怎樣選擇深度暗示的方式。
下面我將介紹一些圖形深度暗示的方法
圖形深度暗示
1、重疊
這是深度暗示中很強烈的暗示方法，它比其他方式都要好用，而且提供了一種物體間沖突的感覺。
當一個物體被另一個物體所掩蓋的時候，那肯定在他們之間有縱深的空間。
被掩蓋的物體一定要設計的清楚，以便能夠識別他們的形狀。否則整體作品的感覺僵尸兩個形狀二維上緊緊貼在一切，而不是縱深關(guān)系。
透明度是重疊的方法之一，能夠讓我們清楚的了解到被掩蓋物體的情況。視差是另外的一種展現(xiàn)被掩蓋物體的方法。
從上面我們可以了解到，我們可以通過重疊的方法，把主要信息放在最上面，次要信息放在下面，讓主要信息掩蓋次要信息，同時營造了一種縱深感。
2、尺寸和比例
大的物體看起來近一些，而小的物體看起來遠一些，通過擺放不同尺寸的并且緊挨著的物體，能夠帶來一種感覺就是：并不是他們的實際尺寸不同，而是因為遠近縱深的原因。
如果我們把物體復制并延伸，創(chuàng)造了一系列形狀相似的物體，僅僅比例相同，那么縱深感就出來了。
信息組織上，重要信息放在近處，醒目點，不重要的信息放遠一點。
3、材質(zhì)
材質(zhì)的運用會給人一種暗示，就是這有點像現(xiàn)實生活中視覺元素的表面。
材質(zhì)一般精細緊密，精密的材質(zhì)也能讓人聯(lián)想到現(xiàn)實生活中三維的物體。
4、直線透視法
通過組織，將圖形中位置緊挨的平行線匯聚到一點或一處，能夠營造一種三維視感。
單獨的線不能構(gòu)造三維視感，但是大量的線能。同時也可以暗示物體之間位置的關(guān)系。
透視法是在二維平面上構(gòu)建三維物體縱深感的技法典范。
5、陰影
從一個物體投射到另外一個物體上的陰影可以暗示他們之間的距離觀影。投影可能是我們用來增加縱深感最常用的方法。
當陰影變得更小，更黑，形狀更銳，這就說明離被投影物體更近了。如果顏色更淺，陰影更大，陰影越模糊，說明與被投影物體更遠了。
6、圖像面上的位置關(guān)系
物體越高，通常都表示離我們越遠。
我們可以用現(xiàn)實生活中的例子表示。
我們在下方看到的東西比如(土壤、草地)這些東西我們身體都能所接觸到的，因此離我們很近
我們看到的云和天，我們無法觸及，在上方，因此離我們很遠。
7、光影和明暗
正如投影那種方法一樣。光在物體的表面上產(chǎn)生的不同效果暗示出物體是三維的。
漸變、斜面、凹凸，都能展示出光影效果，從而展示縱深感。
而且可以通過光的明暗度來展示與光源的三維位置關(guān)系，如果亮一點，說明近，如果暗一點，說明遠。
8、聚焦
眼睛所聚焦之處會清晰，其他的放會變得模糊。
越清晰的地方說明離焦點越近，越模糊的地方說明離焦點越遠;根據(jù)這種暗示，空間上的關(guān)系便建立了。
9、參照物
任何已知大小的物體都能給我們作為一種比較另外一種物體的參照物。根據(jù)兩種熟悉物體的大小比例的關(guān)系，我們隱約的可以感覺到他們的縱深關(guān)系或位置關(guān)系。
10、顏色對照
距離越遠，那么物體和背景之間的對照就小。因此更黑的投影看起來近。原因在于更具有對比性。再想下聚焦，越遠的物體，越模糊，對比因此比較小。
11、顏色
黑色似乎遠一點，溫暖明亮的顏色似乎要靠近一點。
總結(jié)
更多的縱深度暗示方法能夠讓你更好的駕馭設計，不同的深度暗示方法提供不同的深度質(zhì)感。
縱深感做的越好，那么前景和背景的差異越大，前景元素就能得以更好的圖形展示。
上面這些方法你用過幾種?我自己用過了集中，或許，一個更巧妙的問題是”上面這些方法哪種你沒用過?”
[11招助你提升設計的立體感、深度感]相關(guān)文章：
【11招助你提升設計的立體感、深度感】相關(guān)文章：
3招助你提升職場注意力07-02
網(wǎng)站設計師提升設計的方法07-14
《請讓我來幫助你》心理健康教案設計07-03
設計師如何自我提升？07-14
助你職場成功的經(jīng)典語錄07-10
助你瘦臉的小竅門07-03
助你保住工作的職場忠告07-04