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

新人帖
2016-12-30 11:38:03
1485112
本帖最后由 lato_will 于 2017-4-24 09:30 编辑

首先上一张效果图
QQ图片20161230113726.png



设计步骤:

1.   创建画布

            新建一个模板,表格插入60100列左右,每列宽度为10px,高度可以高一点(因为数据都是横向显示的,高度可以高点,列宽越小,设计出的效果更精确)。如下图:

QQ图片20161230113935.png


2.   添加背景图片

            之所以要把画布做的这么细是为了能够适应图片的大小,图片的像素和表格的宽度保持相同的话展示出的图片效果最好。可以按照图片的宽度精确的计算需要合并多少个单元格,

          然后在合并后的单元格中添加背景图片。可以以网站布局或者美工设计的效果图为参照添加各种图片,布局好整个页面

QQ图片20161230114000.png

QQ图片20161230114013.png

3.   填充数据

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

QQ图片20161230114027.png


云表首页设计.rar

43.42 KB, 下载次数: 29, 售价: 20 积分

+10
3人收藏
12 条回帖
149498364507629云粉2017-6-15 15:14:19
jashon168 发表于 2016-12-30 11:38
首先上一张效果图

云表也能做出这样的界面功能,好赞!学习了
+11

最近谁赞过

管理员2016-12-30 12:03:22
很好啊,多多学习。
+11

最近谁赞过

jolin版主2017-1-4 08:48:52
这个做首页看着很舒服,而且可以显示当前待办事项和待办事项的数量,新增加的功能哦
+10
Prex云道2017-3-7 14:31:58
更多>>,这里到时是用按钮吗,按钮应该会突出来,就影响效果!
+10
dong云粉2017-4-11 15:06:24
设置为默认模板的话,应该可以当一个导航了
+10
需要登录后才可进行回复 登录

玩转云表从入门到精通
扫码添加微信立即领取

·云表创始人授课文件
·加入社群与培训学习
·切磋云表开发玩法

商务咨询:0756-3335860
客服咨询