UI设计中如何设计真正高级感的细节？

原文来自微信公众号：希音的设计笔记

在设计领域，无论是APP设计还是网页设计，或是平面设计，投影的存在可谓是“形影不离”了。

在拟物化的早期设计中，阴影是从图标设计中衍生出来的，能够很好的表现出深度和层次感。

投影的灵活运用是UI设计师的基本能力，投影不仅让你的设计更加有质感，也会让你的界面更加清晰，有层次感。

投影一般有卡片投影，弥散投影，图片投影和长投影几大类。

关于卡片投影和长投影使用的场景不是很多且在UI领域很少再出现了，在这里就不多做说明了。

01 弥散投影  

什么是弥散投影？

弥散投影具体的解释尚未有定论，在UI设计中，弥散投影与阴影比的不同之处在于：

弥散投影的颜色一般是对象本身加深和增强的颜色，而不是阴影中的灰白黑，投影更具有深度，在视觉上更有表现力。

一张图来康康有什么区别？

以下案例中的投影皆是卡片原有颜色的基础上进行加深和增强。

图片来自网络，如侵则删

图片来自网络，如侵则删

Photoshop中的设计方法

制作的方法简单且多样，今天展示一种比较简单的方法给大家。

在Photoshop中如何简单快速实现以上效果？我们在Photoshop 中以一个卡片为例的设计教程，如下图所示：

02 图片投影   

Photoshop中的设计方法

图片投影顾名思义就是用图片本身做了模糊处理后作为一个投影效果使用，这一效果最让人有印象的就是出现在苹果一系列产品中。

在Photoshop 中同样很简单就能实现，来看看步骤吧`

关于投影要理性去运用，不可以一味为了追求好看而乱用，投影的使用是为了界面的信息传递更加简单。

用sketch来设计的方法下期见