大屏模板美化实操演练_第1页
大屏模板美化实操演练_第2页
大屏模板美化实操演练_第3页
大屏模板美化实操演练_第4页
大屏模板美化实操演练_第5页
已阅读5页，还剩18页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、大屏模板美化实操演练讲师：FineReport产品运营经理 需要提前下载课程配套素材包链接：链接：/s/1-vjfcJI2ArNLV7QS4eWh9w提取码：Z623123模板找茬实操修改对标理论流程123模板找茬实操修改对标理论流程原图展示原图展示原图展示原图展示原图展示123模板找茬实操修改对标理论流程布局方案布局方案将模板转换至新版自适应的开发环境下布局方案配色方案010203告警色主配色图表系列色 #002B5F#003A7D#005297#0062B4#008DDD#05A8FF#587AFF#65E4FA#0090FF#FFF878操作步骤1、把所有的大块的内容按照布局设计调整到合

2、适的位置，通过精准的数学计算把各个模块调整好标题 （要求居中）地图 （要求局中）左右组件块 （要求左右对称）中间悬浮指标卡 （要求在中间做到左右对称即可）操作步骤1、把所有的大块的内容按照布局设计调整到合适的位置，通过精准的数学计算把各个模块调整好标题 因为要和头顶上留一点间距营造布局有呼吸感，所以纵坐标需要从5开始大小尺寸的话，宽度铺满屏幕，高度适中就可以地图 先确定地图的大小在960*540的画布中结合开始我们定下的布局，地图尺寸设计为560*340就比较合适的横坐标起始位置=（960-540）/2=200纵坐标因为要给指标卡稍微的让出一点位置200刚好合适操作步骤1、把所有的大块的内容按

3、照布局设计调整到合适的位置，通过精准的数学计算把各个模块调整好左右组件块 （要求左右对称）首先左右两边组件的宽度要相等，设置为240左边组件的横坐标起始位置需要留左边的呼吸距离设置为10右边组件的横坐标起始位置需要留组件宽度和右边呼吸距离=960-（240+10）=710左右的第一个组件的纵坐标起始位置要相等，我们设置为30左边组件的高度=（540-30）/2=255吗？没有计算组件间间距和底边间距其实我们要计算的是（左边 2（两个组件）+1（组件间间距）+1（底边间距）和右边3+2+1）左边组件高度变成了（540-30-10-10）/2=245右边组件高度变成了（540-30-20-10）/3=160操作步骤1、把所有的大块的内容按照布局设计调整到合适的位置，通过精准的数学计算把各个模块调整好中间悬浮指标卡 （要求在中间做到左右对称即可）操作步骤2、更换背景整个body的背景标题的背景组件的背

人人文库> 全部分类> 应用文书 > 研究报告

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论