滴滴哒哒 发表于 2016-12-30 11:38:03

用云表设计出美观大气的页面(一)

本帖最后由 lato_will 于 2017-4-24 09:30 编辑

首先上一张效果图



设计步骤：
1.   创建画布
          新建一个模板，表格插入60行100列左右,每列宽度为10px，高度可以高一点(因为数据都是横向显示的，高度可以高点，列宽越小，设计出的效果更精确)。如下图:



2.   添加背景图片
            之所以要把画布做的这么细是为了能够适应图片的大小，图片的像素和表格的宽度保持相同的话展示出的图片效果最好。可以按照图片的宽度精确的计算需要合并多少个单元格，
          然后在合并后的单元格中添加背景图片。可以以网站布局或者美工设计的效果图为参照添加各种图片，布局好整个页面




3.   填充数据
布局好整个页面风格后，开始填充数据，在适当的位置合并单元格。定义明细表，在用填表公式查出数据。









149498364507629 发表于 2017-6-15 15:14:19

jashon168 发表于 2016-12-30 11:38
首先上一张效果图




云表也能做出这样的界面功能，好赞！学习了

李 发表于 2016-12-30 12:03:22

很好啊，多多学习。

王俊江 发表于 2016-12-31 06:40:18

厉害，耳目一新的界面。

jolin 发表于 2017-1-4 08:48:52

这个做首页看着很舒服，而且可以显示当前待办事项和待办事项的数量，新增加的功能哦

Prex 发表于 2017-3-7 14:31:58

更多>>,这里到时是用按钮吗，按钮应该会突出来，就影响效果！

东 发表于 2017-4-11 15:06:24

设置为默认模板的话，应该可以当一个导航了
页: [1]
查看完整版本: 用云表设计出美观大气的页面(一)