大屏页面设计没思路,该如何破局?

Recommand
西安/学生/3年前/946浏览
大屏页面设计没思路,该如何破局?Recommand
随心系

部分设计师在设计大屏过程中,由于看了太多大屏素材后,容易迷路,也会产生很多为什么?

1为什么90%大屏采用深色?设计过程中还没有思路?怎么办?


很多好友私下给我发消息说:为什么微信公众号(随心系)分享的大屏设计图素材,都是深色大屏并且还喜欢界面来个微动效?我都审美疲劳了!能不能换一种设计风格?


我也想给大家分享更多风格的大屏系统设计图,让大家在设计旅途上不迷路,设计过程中,构图灵感加分,效率加分,质量更加分......甚至加薪不断~



解释一下:为什么很多大佬设计师在设计大屏系统的时候,优先选择深色并且时不时来个微动效?


1.深色的大屏设计能让其数据显示更明显(深色基调的居多,浅色基调的较少),也方便营造科技感。

2.大屏设计切记风格颜色要统一,避免出挑的内容分散用户注意力。

3.数据图表可以采用色调、明度差异较大的颜色进行搭配组合,便于用户在使用时对数据一目了然(有层次感的图表更易读,用户能更快地抓住图表中的重点信息)。

4.系统采用动静结合方式,使用图片或者是动态的背景可以让大屏更有氛围感。交互方式更加人性化,用户体验感也会加强。




是否发现浅色页面就没有第一张图看起来吸睛



02设计思路



1、最重要的一点就是在设计开始之前,你需要对项目有充分的认知和了解,需要去深度了解整体项目的运作以及连带关系。这也决定了设计师不能只是作为一个接受设计需求,按照美观度为指标去完成一幅设计图这么简单了。


2、接下来是理解数据的底层逻辑,这个要求要在数据、表达内容以及三维空间的相结合的交互形式进行深度探究。


3、最后是表现层,数据单纯的用表格直方图展示出来会显得枯燥无味缺乏直白的理解性,在这一过程中,如何通过直观的表达方式让用户简单易懂同时又不失逼格极其重要。当然,第一个诉求更为重要。


4.可视化大屏是为了用户设计的,我们应多考虑用户的特点制作他们易于理解的可视化



03设计方法


当拿到产品需求后,无从下手,该怎么办?


1.开始查找相关资料,整理与竞品之间的优势有哪些?不足点有哪些?一点不要先动起来,切记!

2.产品大体方位、需求定下来后,那么就开始设计了,设计第一步还是查看一些优秀案例,给你创造灵感。例如:UI中国、站酷、花瓣等等

3.接下来就是开始制定一套设计规范,可以从配色、字体、统计图表、icon风格等等。制作好了绝对让你事半功倍哦。

4.最后就开始你的创作啦!



数据是整个页面的核心元素,也相当于灵魂元素。




多种类型统计图表,绝对有适合你的!



04大屏设计四要素


突然想到了这些注意点,然后汇总给大家分享出来,希望对大家有帮助哦。敲黑板!划重点来啦,总结一下设计大屏页面没思路,该如何破局?


1.通过设计让表格里杂乱的数据更好的可视化呈现;

2.通过数据的背景定义设计主题;

3.通过分类数据构图布局页面;

4.通过黄金比例让元素间更有层次。

5.通过数据之间颜色对比形式设计,让内容更加可读、易读,提升产品易用性。





部分作品版权归原作者所有,仅供分享交流,如侵权请联系小编进行删除。

6
Report
|
33
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
智慧大屏
智慧大屏
智慧大屏
智慧大屏
作品收藏夹
大屏
大屏
大屏
大屏
作品收藏夹
数据大屏
数据大屏
数据大屏
数据大屏
作品收藏夹
可视化
可视化
可视化
可视化
作品收藏夹
大屏
大屏
大屏
大屏
作品收藏夹
大家都在看
Log in