分享一个微博、淘宝都在用的页面设计技巧

2019-04-18

快站哥掐指一算,好久没给大家推送建站锦囊。今天就让哥来告诉大家,如何做出一个像微博、淘宝一样层次丰富的页面设计。



⬆️常规白色背景底板


⬆️图片做背景的底板



图片做底板的页面可以丰富网站的层次,也可以让用户的视觉体验更好,很适合做社交、旅游、购物、科技网站的朋友!



在页面中加入底板


底板的可以是纯色,也可以是自定义背景图。



淘宝在用图片叠加底板


微博也在用,不过是纯色底板叠加



底版的其他玩法!

1、底板大小尺寸可以通过分栏分割,也可以通过间距设定调整底板大小。
2、底板上支持创建大部分的组件,可以在底板上添加文字、链接、图片等等。

我们可以在一个底板上,叠加另一个底板。通过设置“透明度”,来实现丰富的设计层次。


半透明底板操作步骤

在使用底板、更换背景图后,在背景图的上面前拖入两层透明背景,分别是50%透明白和50%透明黑。


白色透明底板放在底层,在上面加上一层黑色透明底板,之后在黑色透明底板上写白字,这样才能醒目。


白色半透明底板通过间距设定了10像素的边缘,然后上层黑色半透明底板通过分栏工具,分出了对号小图标和黑色半透明底板的位置。


透明度设置方法:

如何设置半透明的底板

售前咨询:0594-6688668 快站建设logo

Copyright By © 2019 isohu.top