如何巧用投影提高设计品质

Date 2025-10-07 18:01:16

如何巧用投影提高设计品质

本周,让我们来谈谈设计中的投影。随着iOS11的更新,投影突然回到了我们的视线。事实上,投影一直是UL界面设计中非常重要的元素。它可以帮助我们区分我们看到的UI元素。投影最早用于图标设计,可以很好地模拟界面的真实性,这是一种视觉感觉!

投影的发展过程

如何巧用投影提高设计品质
图片来源于dribblele

▲它代表了自2009年以来整个按钮的变化。很明显,从最早的每个按钮,投影都有精致的渐变、圆角和阴影,到所有页面后面的扁平化,都是一样的。因此,设计师将新元素与平面结合起来,出现了彩色投影,更强调材料本身的颜色。

投影的重要性

几乎所有的设计师在扁平化处理后都对扁平化赞不绝口。作为一种新趋势,它使信息更简洁,内容更清洁,在所有设备上看起来非常一致,但我们需要考虑扁平化的发展。没有区别的设计真的很漂亮吗?扁平化设计的问题是,它很难改变UI的水平,用户必须关注您的内容组件本身。

投影的类型

卡片投影

使用阴影突出显示两个组件之间的高度差异。阴影可用于多个组件,包括卡片、菜单、侧栏和工具提示。

弥散投影

与上述卡片投影不同的是,弥散投影的颜色通常是物体材料本身的颜色,而不是黑、白、灰。

事实上,投影设计并不难。这种效果可以在几个简单的步骤中快速实现。以下是sketh中的按钮示范:

如何巧用投影提高设计品质

照片投影

它的特点是投影本身在原始照片上模糊了照片。目前,它已经出现在苹果的一系列产品中,如iOS11的苹果音乐。它非常柔软、透明、有光泽和活力。