web-后台数据网页界面设计

1.【打开】Sketch软件，【新建】任意大小的画布。具体效果如图示。

2.使用【矩形工具】绘制画布大小的矩形，【填充】蓝灰色。具体效果如图示。

3.使用【矩形工具】绘制大小合适的矩形，【填充】灰色，调整合适的圆角，排列至画布合适的位置。【复制】矩形，调整图层顺序，使用【渐变工具】拖出合适的渐变效果，添加【高斯模糊】。具体效果如图示。

4.使用【矩形工具】绘制导航条矩形框，【填充】白色，置于顶层【创建剪切蒙版】，添加【投影】效果。具体效果如图示。

5.使用相同的方法，根据设计思路，使用【矩形工具】绘制版面整体的布局。具体效果如图示。

6.使用【文字工具】，根据版面布局思路，输入版面文字信息，调整文字大小和字体，排列至合适的位置。使用【椭圆工具】绘制椭圆，【填充】无，【描边】合适大小。使用【渐变工具】拖出合适的描边颜色，排列至画面合适的位置。具体效果如图示。

7.按Ctrl键【复制】椭圆，【描边】合适的颜色。【选择】顶部椭圆，使用【剪刀工具】剪去多余的部分，并使用相同的方法给椭圆添加【高斯模糊】效果，调整合适的透明度。使用【文字工具】输入文字，调整字体和大小，排列至合适的位置。具体效果如图示。

8.按Ctrl键【拖动复制】标题文字，调整文字大小和颜色，排列至合适的位置。使用【钢笔工具】根据版面内容设计思路，绘制曲线形状对象，【填充】合适的颜色。【复制】图层，【修改】透明度。具体效果如图示。

9.【选择】关联的模块组，按Ctrl键【拖动复制】2次，排列至合适的位置。【修改】文字内容和曲线状态，【填充】合适的颜色。具体效果如图示。

10.【选择】所有的关联图层，按【Ctrl+G】编组。使