一款清新淡雅的个人网站设计风格:Mist(迷雾)

1.png

先不说废话,直接上网站:www.wyhjnb.xyz

(其实是我的个人网站)

非常简洁,很有高级感对吧?

这种设计风格我称之为 Mist(迷雾)

要的就是这雾蒙蒙的高级感!

那怎么设计出这种风格呢?

1.选背景图片

很显然,你需要一张很空灵、很好看的图片,放置于背景

注意:不能很花哨,一定要留白,不要跟文字喧宾夺主了

(你问我图片去哪找?你可以试试pexels,免费、可商用)

最重要的一点到了!网站不能留空,也就是图片要覆盖一整个背景!

这就是为什么图片要好好选了

因为个人网站本身内容就不是很多,不需要什么左边栏右边栏啊什么的,so可以多分几页(物理意义),每一页东西少一点,就好看一点。

2.动画设置

网站标题一定要首先出现,动画要有先后之分!不然很容易喧宾夺主。

当然,动画的选择也是有讲究的,一定要禁止弹跳、百叶窗这一类PPT常客!

我在这里选择了缓动+透明度变化,自上而下,还可以吧

3.字体

字体方面,一定不要用默认的什么微软雅黑啊什么的,也不能太花哨,平凡中带点变化就行。

很大程度上这也跟个人有关,你很豪爽,就选一个有动感的字体;你很神秘,就选用很细的字体等等。。。

4.阴影

我在这里采用了一点玻璃拟态(也就是毛玻璃的效果)

只要阴影得当,毛玻璃效果是很好看的。

(我以后会补上毛玻璃的各种参数调整的教程)

嗯差不多就这样

5-BHQ9F-(V}IOFBKIWJVX)E.png

看着不错