原文來自微信公眾號:希音的設計筆記
在設計領域嘲碧,無論是APP設計還是網頁設計稻励,或是平面設計,投影的存在可謂是“形影不離”了愈涩。
在擬物化的早期設計中望抽,陰影是從圖標設計中衍生出來的,能夠很好的表現(xiàn)出深度和層次感钠署。
投影的靈活運用是UI設計師的基本能力糠聪,投影不僅讓你的設計更加有質感,也會讓你的界面更加清晰谐鼎,有層次感舰蟆。
投影一般有卡片投影,彌散投影狸棍,圖片投影和長投影幾大類身害。
關于卡片投影和長投影使用的場景不是很多且在UI領域很少再出現(xiàn)了,在這里就不多做說明了草戈。
01?彌散投影??
什么是彌散投影塌鸯?
彌散投影具體的解釋尚未有定論,在UI設計中唐片,彌散投影與陰影比的不同之處在于:
彌散投影的顏色一般是對象本身加深和增強的顏色丙猬,而不是陰影中的灰白黑,投影更具有深度费韭,在視覺上更有表現(xiàn)力茧球。
一張圖來康康有什么區(qū)別?
以下案例中的投影皆是卡片原有顏色的基礎上進行加深和增強星持。
Photoshop中的設計方法
制作的方法簡單且多樣,今天展示一種比較簡單的方法給大家揪垄。
在Photoshop中如何簡單快速實現(xiàn)以上效果穷吮?我們在Photoshop 中以一個卡片為例的設計教程,如下圖所示:
02 圖片投影? ?
Photoshop中的設計方法
圖片投影顧名思義就是用圖片本身做了模糊處理后作為一個投影效果使用饥努,這一效果最讓人有印象的就是出現(xiàn)在蘋果一系列產品中捡鱼。
在Photoshop 中同樣很簡單就能實現(xiàn),來看看步驟吧`
關于投影要理性去運用肪凛,不可以一味為了追求好看而亂用堰汉,投影的使用是為了界面的信息傳遞更加簡單。
用sketch來設計的方法下期見