分享一个微博、淘宝都在用的页面设计技巧
2019-04-18
快站哥掐指一算,好久没给大家推送建站锦囊。今天就让哥来告诉大家,如何做出一个像微博、淘宝一样层次丰富的页面设计。
⬆️常规白色背景底板 ⬆️图片做背景的底板 图片做底板的页面可以丰富网站的层次,也可以让用户的视觉体验更好,很适合做社交、旅游、购物、科技网站的朋友! 在页面中加入底板 底板的可以是纯色,也可以是自定义背景图。 淘宝在用图片叠加底板 微博也在用,不过是纯色底板叠加 底版的其他玩法! 1、底板大小尺寸可以通过分栏分割,也可以通过间距设定调整底板大小。 我们可以在一个底板上,叠加另一个底板。通过设置“透明度”,来实现丰富的设计层次。 半透明底板操作步骤 在使用底板、更换背景图后,在背景图的上面前拖入两层透明背景,分别是50%透明白和50%透明黑。 白色透明底板放在底层,在上面加上一层黑色透明底板,之后在黑色透明底板上写白字,这样才能醒目。 白色半透明底板通过间距设定了10像素的边缘,然后上层黑色半透明底板通过分栏工具,分出了对号小图标和黑色半透明底板的位置。
2、底板上支持创建大部分的组件,可以在底板上添加文字、链接、图片等等。
透明度设置方法: