龙网 ▪ 联盟

『产品』Redesign(重新设计) Page:数据可视化设计案例实操

『龙网 ▪ 联盟摘要_ 『产品』Redesign(重新设计) Page:数据可视化设计案例实操』一、什么是Resdesign Redesign并不是一个简单的美化过程,视觉只是Redesign的一部分而不是全部。 如不雅你做产品重构只是为了视觉更美不雅,大年夜各类网站获取灵感悠揭捉?机包装,没有任何产品架构以及交互逻辑,那么你的改版必定不会很完美。 但同时也话...


本文介绍了Redesign(重新设计) Page的概念、页面分析方法和优化方式、提供了设计改稿的一些经验,与大家分享! 『产品』Redesign(重新设计) Page:数据可视化设计案例实操
文章图片
今天AYONG给大家带来了全新的数据可视化设计文章,关于设计改稿的一些经验,今天分享给大家~
一、什么是Resdesign
Redesign并不是一个简单的美化过程,视觉只是Redesign的一部分而不是全部。
如果你做产品重构只是为了视觉更美观,从各种网站获取灵感用样机包装,没有任何产品架构以及交互逻辑,那么你的改版必定不会很完美。
但同时也会有很多人陷入这种误区,产品中过时的设计规范会使你的用户会流失到设计体系更好的竞品那里。
重构你的产品设计语言,让他看起来更美观。这当然很好,但是也不能盲目的跟随设计趋势,没有任何逻辑做改版,这样会导致交互逻辑的紊乱以及产品架构不清晰。
 『产品』Redesign(重新设计) Page:数据可视化设计案例实操
文章图片
今天阿勇就从网上任意摘选了一个产品功能需求有问题的一个页面来进行一个页面改版,一起来看看吧!
 『产品』Redesign(重新设计) Page:数据可视化设计案例实操
文章图片
 『产品』Redesign(重新设计) Page:数据可视化设计案例实操
文章图片
 『产品』Redesign(重新设计) Page:数据可视化设计案例实操
文章图片
二、如何进行页面分析
根据颜色:颜色不宜太多,对于特殊行业,固定的颜色是有固定的含义的,比如红橙黄蓝四色预警。
【 『产品』Redesign(重新设计) Page:数据可视化设计案例实操】根据布局:不合适的布局总是会让人觉得很别扭,并且对于页面整体效果会有很大的影响。
根据风格:蓝色系风格就尽量选用色相接近的颜色,画面颜色太多,颜色也会失去其本身的美观度以及特殊含义。
三、如何发现并解决问题
对于画面不合理的地方需要记录下来,对当前板块的内容进行正确的导向。
比如你发现这个字体不合适,你的脑海中一定会有正确的用在此处的字体。比如间距,换行,字号等方面也是如此,心中得有一杆秤,去衡量设计的美感。
 『产品』Redesign(重新设计) Page:数据可视化设计案例实操
文章图片
 『产品』Redesign(重新设计) Page:数据可视化设计案例实操
文章图片
 『产品』Redesign(重新设计) Page:数据可视化设计案例实操
文章图片
1. 优化-01
优化了原本单调并无亮点的主视觉区域,通过添加覆盖区域/区域告警/视频监控等信息大量丰富了画面并实现了地质灾害自动化管理。从事件发生到事件解决,真正实现地质防治的自动化。
 『产品』Redesign(重新设计) Page:数据可视化设计案例实操
文章图片
2. 优化-02
将原本的区域设备数量排行,换成了各地区地质灾害数量排行,更能反映出地质灾害集中在哪些地域,事发频率以及爆发率进行排序。颜色上通过红橙黄来进行前三的强调,更有层次感。
 『产品』Redesign(重新设计) Page:数据可视化设计案例实操
文章图片
3. 优化-03
将原本的区域在线设备,换成了数据资源统计,是为了更清晰的去表达具体日期下的设备数量情况;同时可以避免数据表达不清晰的问题。
 『产品』Redesign(重新设计) Page:数据可视化设计案例实操
文章图片
四、更多组件样式
新增告警列表,设备数量,资源调度信息,展示历史告警记录,合计设备数量,总结资源调度数量,真正掌握自动化地质防治指挥。
 『产品』Redesign(重新设计) Page:数据可视化设计案例实操
文章图片
五、最终修改成品
 『产品』Redesign(重新设计) Page:数据可视化设计案例实操
文章图片
设计师应该跳脱出自己狭义的视角重新来审视“设计趋势”,为自己带来更多的可能性。
视觉只是表现层,理解业务,理解数据,合理表述才是核心。道理大家都懂,但真正的理解数据却是很多设计师迈不过去的门槛。
送给大家一句忠告,永远不要迷信产品原型,设计也不应该被原型所制约。
要勇于用自己的设计思维去验证产品的合理性,要用商业眼光去对产品进行查漏补缺,要站在用户的立场上去试想产品的可能性。

    声明:本文是由网友投稿,文中所阐述的观点不代表四川龙网的立场。


    上一篇: 『投降』澳洲政府投降退还7.21亿“机器人债务”,然而事情还没完

    下一篇: 「以美元计价」自动化做市商与公链结合,将改变货币属性与跨国交易

    生活

    【三星】12G+512G卖19999,三星告诉你,什么才叫“高不可攀”!

    阅读(39)

    不过三星的┞粉叠屏切实其实是卖得比华为折叠屏贵很多。我们来看看三星今朝最贵的┞粉叠屏手机心系世界W20 5G!说到这款折叠屏手机的名字,我也是有点难堪症犯了,一款折叠屏手机硬是干上个“心系世界”的说辞,八竿子打不着的边都被三星拉过来竽暌姑了。不过...

    生活

    #小米科技#看手绘后置镜头模组猜手机 你猜到这是哪款手机了吗?

    阅读(31)

    大年夜该博主宣布的手画图中可以看到,这款手机采取的是矩阵式相机模组设计,共配备了四枚镜头,上方是一枚潜望式长焦镜头,下方依次分列着三枚镜头。而今朝手机市场上采取如许设计筹划的机型并不是很多,常爆新料的博主应当不太会发已面市的机型。所以,暂不...

    生活

    #vivo#最高涨幅85%!烧钱打暑期档的在线教育平台出狠招了

    阅读(30)

    打告白是须要钱的,尤其是如同刷墙一样在全国各大年夜城市线上线下同步打告白,人们可以或许看到如斯多的在线教导告白,显然,各大年夜在线教导平台投入会是笔惊人的数字。 有媒体日前报道,为了预备“暑期档”,猿指导、学而思网校、功课帮和跟谁学分别预备...

    生活

    『木马』U盘交叉使用,可能造成严重后果

    阅读(17)

    应用U盘?移动存储载体的大年夜量普及,给我们收集办公带来极大年夜便利的同时,也出现了信息安然的问题,如材料泄漏、信息被盗、病毒木马感染和传播等。典范案例小我U盘乱拷贝 传网泄密悔莫及2008年7月,某集团公暗里属研究机构高等工程师朱某和副总工程师李...

    资讯

    #快乐养生#铿锵玫瑰温暖绽放

    阅读(26)

    “您别不好意思,就当我们是您的孙女……”一起值班的同事吴兵也帮着梁宇给患者更换被褥。安顿好患者,梁宇又对床铺周围的地面和物品进行了全面擦拭消毒。一切收拾妥当,时间已过去了一个半小时。此时,透过充满水雾的护目镜,患者已看不清梁宇的眼。患者双手...