设计大屏项目时必须注意几点小技巧:
1.了解项目需求:系统主要展示几大模块、系统尺寸、视觉设计、交互设计、动效设计、工期时长等等,避免返工
2.设计大屏时:要谨记要以展示数据为核心,在任何炫酷屌炸天表现都要建立在不影响数据的有效展示上!
3.设计尺寸:一般常用的尺寸有1920*1080、2880*1080、3200*1080、3840*1080、还有超大屏(4k)等。根据需求合理选择。大于1920后,这就需要拼接大屏啦
注:拼接大屏:大屏几乎都是拼接屏,UI设计时不用考虑屏幕缝隙影响内容的呈现,内容不会丢失,但有可能影响视觉的表现,例如一个很大的人物图像被缝隙正中“劈成”两半,或者“劈中”了眼睛,看起来很不舒服,所以设计时可以建立缝隙位置的参考线避免类似情况发生。(现在企业常用的有无缝隙、1.7mm缝隙、3.5mm缝隙、三种拼接大屏,缝隙越小越贵)
4.视觉设计:首先了解需求,整合数据,分析出主要数据次要数据、总量数据细分数据、各数据的维度等等,通过了解这些可以先设计出一个布局模版,也可以在纸上画出来,布局可以在设计过程中随时调整。设计的风格,背景色一般用深色调,深色调紧张感强,让视觉更好的聚焦,大屏暗色调看上去更柔和舒服不刺眼,也会较省电。
大屏设计跟网页不一样,页面不能有滚动条,大屏的长宽都是固定的。文字大小常规使用14px、16px、18px等
5.交互设计:一切功能结构都要围绕核心数据主页面来架构,因为大屏展示的核心就是将一些业务的关键指标数据以数据可视化的方式展示出来,为了让用户感知到一直停留在主页面上,交互上跳转页面能用“关闭”按钮就不用“返回”按钮!
eg:一个可点击的数据组件,就可以不加“点击进入”按钮,也可以设计隐藏式的交互方式;
eg:鼠标左移动、上移动、出来控制面板(Mac电脑就有这样的交互方式),有控制台是触摸屏也可以结合手势来设计交互方式。
6.动效设计:大数据可视化大屏设计少不了动效,动效是可视化重要的组成部分,动效的增加能让大屏看上去是活的,增加观感体验。但过分的动效极其容易喧宾夺主,让观看者的眼球不知道往哪里聚焦,反而弱化了数据的展示。
案例:
大屏设计是一个长期跟进的过程,需要不断练习,不断沉淀,越努力,越幸运!
网友评论