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

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

首先上一张效果图




设计步骤:

1. 创建画布

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




2. 添加背景图片

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

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





3. 填充数据

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




云表首页设计.rar

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







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

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

最近谁赞过

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

最近谁赞过

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

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

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

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