记录
辅助工具
1. 熟练使用ps中的拉框助手工具
可自动勾画饼图、雷达图、地图等
作用:方便设计大屏的静态页面
2. 大屏选色
注意事项
- 不选用同一色系
- 不选用颜色相近
- 不选用同色透明
推荐
- 多使用对比色
- 多使用黑白灰
- 主色、辅色、对比色的6:3:1
- 层次感同种色相不同明度使用
配色
层次感
3.认识thingjs加载模型
4.熟悉ps蓝湖插件的使用
与蓝湖工作平台连接
作用:发布大屏的静态界面给用户预览,方便修改大屏的样式
5.高德地图开发平台的使用
修改高德地图的展示样式
key的使用
需求理解与布局解析
1.需求分析
- 需求内容(来源文档资料)
- 需求归纳—理清需求、筛选核心功能(来源用户提的供资料、百度百科、专业知识网站)
- 提炼需求—核心需求展示维度
2.对数据维度的认知、展示字段
- 地图种类(矢量地图还是二维gis)
- 是否支持下钻(省、市、区)
- 覆盖范围等……
大屏设计的表现方式
1.图表的表现方式
目的:数据直观易懂
- 比较类
不同分类数据对比、不同时间数据对比
- 占比类
同一纬度上的占比
- 分布类
连续数据上的数值分布情况
- 趋势图
数据在连续区域上的变化规律
- 关联类
数据的前后关系、继承关系(因果关系)
2.优化图表的表现方式
- 适当添加点、线、面
- 改变坐标轴x、y、z轴的数据
- 修改样式(渐变、描边、发光、圆角)
标题使用规范
比例大小
- 标题栏一般80-100px、文字46-60px、标题栏一般11:1(仅供参考)
- 主标题、导航栏、时间天气、指标信息等(显得内容丰富避免视觉上的空洞和眼花缭乱)