2024大屏设计经验总结

Recommand
上海/设计爱好者/1年前/578浏览
2024大屏设计经验总结Recommand
封面
封面
Collect
大屏:通常指的是大屏幕显示系统,用于展示关键业务数据和指标。它通过图表、图形和实时数据更新,帮助决策者快速获取洞察。
其广泛应用于监控中心、会议室、展览和公共信息展示。优势在于直观的数据展示和实时监控能力,但挑战包括数据安全和隐私保护,以及对高性能硬件的需求。
不知道你所在的公司也是这有这样的需求——希望UI在设计大屏时,可以更多的复用已经实现的大屏组件内容,同时也需要画面效果能够有所不同。
这样做的目的是节约时间,尤其是开发时间,提高交付效率。
在此基础上,要满足不同用户的需求,给出让客户满意的设计图。
结合市场大环境的压力,行业中很多人员被裁,每个公司都极力推崇人效的大背景下,大屏设计也在呼唤“降本提效”。
鉴于此,我把自己手中已经实现的大屏项目进行了梳理,拆分组合分析其中共同的元素资源,建立可以重复拖拉使用的资源,通过一套规范,让大屏设计高效快捷。
大屏界面元素拆分——大标题、小窗、图表元素
  • ————————————————————————————————————————————
首先,复盘数据可视化工具,分析出现在大屏中的图形元素,并梳理其功能、作用、使用注意事项。
2024大屏设计经验总结
Collect
2024大屏设计经验总结
Collect
2024大屏设计经验总结
Collect
2024大屏设计经验总结
Collect
2024大屏设计经验总结
Collect
2024大屏设计经验总结
Collect
2024大屏设计经验总结
Collect
2024大屏设计经验总结
Collect
2024大屏设计经验总结
Collect
  • ————————————————————————————————————————————
其次,设计规范和框架,栅格规范化布局
2024大屏设计经验总结
Collect
  • ————————————————————————————————————————————
    统一规范——字体、颜色
2024大屏设计经验总结
Collect
2024大屏设计经验总结
Collect
  • ————————————————————————————————————————————
下面是使用漫威青、安全绿、科技蓝 三种色调配置的模拟稿
统一配色
统一配色
Collect
  • ————————————————————————————————————————————
元素替换使用
元素替换
元素替换
Collect
平均分布
平均分布
Collect
围绕主题建模用图
围绕主题建模用图
Collect
适用于数据文字展示较多时
适用于数据文字展示较多时
Collect
总结:
梳理图表的功能作用及使用场景,可以用在跟客户/产品沟通时,对不同的数据需求进行不同的展示合理规划布局,帮助设计师明白每一块需求强调展示的内容。
模块化及组件化思路,旨在帮助设计师在明确需求后,快速响应布局,定位风格,交付演示数据。
以上内容仅仅只是简单化的处理方式,优秀的作品不会局限于此,实际应用中,有很多是需要我们根据实际的客户需要做布局调整和建模优化以及动效设计的工作,同时要与开发对接好落地工作。
本次内容且分享到这里,希望以上内容能够帮助到大家。在AI快速发展的今天,如果看到的朋友有更方便快捷的实践方式,欢迎留言交流~
8
Report
|
16
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
后台
后台
后台
后台
作品收藏夹
作品集
作品集
作品集
作品集
作品收藏夹
UI设计作品集
UI设计作品集
UI设计作品集
UI设计作品集
作品收藏夹
组件
组件
组件
组件
作品收藏夹
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
精选收藏夹
作品收藏夹
大家都在看
Log in