解决页面没有空间感的七个方法(一)


在页面设计的过程中,增加页面的视觉深度,意味着增加空间感和纵深感,可以创造沉浸式体验。以下五种方法可以有效提

升页面的视觉纵深感。

 

1. 光感+投影

最近流行起来的一种 UI 设计风格,是一种新拟物风格(New Skeuomorphism),也是拟物风格 2.0 版本,被称作

Neumorphism,通过运用光线和阴影,塑造立体感和空间感:

                                                            by Michal Malewicz

这种设计风格并不难做,设计元素主要有三个部分组成:1 个背景+ 2 个投影。通过改变这三部分的颜色和大小等参数来达

到不同的视觉效果:

通常情况下,界面的空间感都可以通过统一的光感和投影得到很好的表现:

• 光感:统一的光源具有视觉导向性,可用来突出主要元素

• 投影:不同的投影在颜色和大小之间有细微的差别,可以自然平滑的创造出多个视觉层次

                                                      by Alison Danis in Daily UI Challenge

>