展开

关键词

遇见大

如何,使复杂和庞大用丰富的设计语言清晰表达,并形成鲜明的设计风格?我们把的元素进行拆分并立相应的规范体。 a、明确目标 明确的目标,通过我们要解决什么样的问题,需要探索什么内容或陈述什么事实。 b、选择图形 围绕目标找到能提供信息的指标或者,选择合适的图形去展示需要以在灰度模式下测试配色的辨识度。 b、色彩跨度 多色相配色在中是相当常见的,多色相配色使用户容易将与图像联起来。如何有效利用色调的变来传达信息? 有几种取色的方法: 色环提取法: 选择同一饱和度和明度的不同色调作为图表的配色,这样以使图表看起来协调一。 在构时,无论图表、颜色、字体、都是承载和传达信息的元素,设计的核心是“让清晰传达”。

6.4K50

--遇见大列文章之四

如何,用丰富的设计语言清晰表达复杂和庞大,并形成鲜明的设计风格?我们把的元素进行拆分并立相应的规范体。图表设计1.  a.明确目标明确的目标,通过我们要解决什么样的问题,需要探索什么内容或陈述什么事实。b.选择图形围绕目标找到能提供信息的指标或者,选择合适的图形去展示需要。 b.色彩跨度多色相配色在中是相当常见的,多色相配色使用户容易将与图像联起来。如何有效利用色调的变来传达信息?? 过多的颜色对传达是没有作用的,反而会让人产生迷惑如何让多种色相的颜色看来和谐有几种取色的方法?色环提取法:选择同一饱和度和明度的不同色调作为图表的配色,这样以使图表看起来协调一。? 小结我们生活在大时代,越来越多的。在构时,无论图表、颜色、字体都是承载和传达信息的元素,设计的核心是“让清晰传达”。

38320
  • 广告
    关闭

    云产品限时秒杀

    云服务器1核2G首年38元,还有多款热门云产品满足您的上云需求

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    大屏的前端实现

    本文首发于政采云前端团队博客:大屏的前端实现https:www.zoo.teamarticledata-visualization? 本文尝试基于政采云前端团队的大屏 Big 的拆解说明,为大家提供一种此类的设计和实施方案。 Big 是什么Big 是基于政采云前端 鲁班,和大屏组件库,进行快速大屏的。为什么叫 Big 呢? 通过大屏以赋能相关的业务方,让非专业人士做出专业的大屏效果,同时满足公司的一些定制需求。 这里做了一个比较浅的大屏构方案,目前还在开发阶段,希望抛砖引玉,有更多的方案分享出来,谢谢阅读。

    3.1K10

    MPM 卖场模型设计

    在上一篇 MPM 卖场 — 架构流程设计 中聊到请求的时候,我们其实没怎么细讲,那是因为在 MPM 的卖场场景下,页面的请求经过了我们精心设计之后,足以用单独的一章来了解。 Hello 大家好,很高兴今天有机会能在这里跟大家分享自己关于页面的一些开发思路。 先简单自我介绍一下,我是沐童,目前就职于京东京喜前端团队,在团队里主要负责了内部使用的一个 h5 卖场 —— MPM 的设工作。 MPM 整体介绍简介?MPM 是京东内部运营使用的一个 H5 卖场,从 2016 年诞生至今,已经上线服务 4 年,迭代超过 3 个大版本。 任何你认为的微不足道,如果不引起重,最终都能被放大,成为一个绕不开的绊脚石,阻碍你的进一步迭代优。重规范。

    49121

    MPM 卖场 — 要素设计

    页面,就是这样的一种解决方案。你大以发现,无论行业,一旦你的组织规模够大,开发资源跟日益增长的需求量不匹配时,总会诞生这样性质的一个。 利用页面,需求方以在不经过开发流程的情况下,通过简单的编辑操作,在极短时间内迅速出一个复杂的页面,并发布上线。 要素推导那么基于以上分析的卖场特征,我们如何推导出 MPM 的要素呢?首先我们知道,对于任何一个页面,属性都是必不少的。 因此我们需要一个东西来接管所有组件原应承担的交互逻辑,一管理所有接口请求,这就是源。MPM 四大要素组件、模板、属性、源,是 MPM 卖场的四大要素。? 后话基于卖场构场景,我们提炼并重点设计了 MPM 卖场的四大要素,这也是 MPM 其他流程设计的基础。估计大家看完之后能存在不少疑惑:MPM 编辑流程如何设计?保存发布如何进行?

    52620

    前端工程实践之(一)

    想要了解更多不掺水的原创,请戳上方蓝色字体:政采云前端团队关注我们吧~本文首发于政采云前端团队博客:前端工程实践之(一)https:www.zoo.teamarticleluban-one 那不得不提的就是前端提效神器 —— ,下文将从多个方面,向大家简单介绍政采云前端团队 ZooTeam 的 —— 鲁班。鲁班是什么?鲁班是一个基于业务组件快速生成页面的。 更好的能力:基于,便于横向和性能检测、稳定性保障、运维部署、线上监控进行打通,形成级合力、复利。 页面是作为鲁班产物,“待遇”肯定比较高,操作自然也不会少。接下来一一给大家介绍一下:新增:新增页面。编辑:跳转到“平台”。配置:页面修改。复制:页面拷贝。 左侧输入符合规范的 Schema ,右侧会根左侧输入显示配置项。平台 ?平台是鲁班的灵魂。

    1.1K10

    MPM 卖场 — 架构流程设计

    看本文之前,不妨先看看:1)MPM 卖场 — 要素设计前言这是 MPM 分享列的第二篇,在上一篇 MPM 卖场 — 要素设计 中,我们介绍了 MPM 作为一个面向卖场场景的页面 编辑就是运营直接使用的 MPM 卖场编辑界面,经运营用户编辑配置,编辑生成一份页面 PageData,在不同端环境下,PageData 经由不同的页面解析引擎解析渲染,生成对应的卖场页面。 从 MPM 架构图中我们也以看到,整个 MPM 的架构流程是基于四大要素之上的,也就是说,编辑和解析引擎都有对四个要素的实现,用于完成对页面的组装呈现。? 它除包括主要的页面配置外,还将承担页面在解析过程中的一些中间产物,比如请求缓存等。另一方面,利用 PageData 作为隔离,我们以方便地实现一份编辑、多端展示。 ) { __COM_VUEHOOK__( comId][mounted); 钩子函 } });} 至于楼层自身的业务接口,此前在 MPM 卖场 — 要素设计 中已经讲过,是通过一个

    59852

    Seaborn比matplotlib更加易用,因为它避免了matplotlib中多种参的设置。Seaborn与matplotlib关以把Seaborn为matplotlib的补充。 使用seaborn就能完成大多情况下的计图的绘制,做出很具有吸引力的图。 seaborn一共有5个大类21种图,其目录为: -1. Relational plots 关类图 relplot() 关类图(它是散点图和折线图的接口,散点图和折线图均通过指定kind参来绘制) scatterplot() 散点图 lineplot( Distribution plot 分布图 jointplot() 双变量关图 pairplot() 变量关组图 distplot() 直方图,质量估计图,核密度估计图 kdeplot() 核函密度估计图 Matrix plots 矩阵图 heatmap() 热力图 clustermap() 聚集图 案例地址 案例代码已上传:Githubhttps:github.comVamboooSeabornCN 整理制作:分析与学研社

    45630

    追踪

    环境说明操作:CentOS 7.2 64位1Zipkin简介zipkin是一款开源的分布式实时追踪(Distributed Tracking System),基于 Google Dapper 其主要功能是聚集来自各个异构的实时监控。 服务用性通过分析各个环节的平均时延,QPS等信息,以找到的薄弱环节,对一些模块做调整,例如冗余、链路用等。 性能分析在调用链的各个环节分别添加调用时延,以分析的性能瓶颈,进行有针对性的优。 初始Zipkin库脚本编写初始脚本在目录datareleasezipkin下创脚本文件zipkin_init.sqltouch zipkin_init.sql然后添加如下脚本代码:CREATE

    53740

    小尝试:基于指标体仓库

    小尝试:基于指标体仓库关于作者:小姬,某知名互联网公司产品专家,对采集、生产、加工有所了解,期望多和大家交流知识,以作为提出好问题的基础,发觉商业价值。 前面我们分析了职场基本功、指标体,今天我们来就前面文章中的指标体,聊一下仓库的指标体实际上是同需求方达成一种协议,以有效地遏止不靠谱的需求,让需求变得体且有条理;指标体是指导仓库的基石,稳定且体需求,有利于仓库方案优,效率提升。 从业人员被海量的需求缠住,很难抽离出业务规则设计好的解决方案,最终滚雪球似的难以维护的“烟囱式”仓库。提供方案的过程,依然存在像仓库一样的问题。 ,或者是从业务库对接过来的业务(比如订单)0x04 报表 ?

    79710

    活动——你的KPI被我承包了

    所以从技术赋能业务的角度出发,一套活动编辑是每个中大型公司必备的生产利器。首先让我们来挑几个代表性的页面简单分析一下...如下图:? ,就像积木一样拥有无限种能,开发效率将会大大提高,本文将这两个月鼓捣lego活动(以下简称lego)从0到1的心路历程整理出来供各位有相关需求的小伙伴参考,也欢迎大神交流指正。? 布局方案布局的方案抛开大厂不谈,根公司人员配比,议大部分中小公司只需要以下两种方案的一种即。根不同的优缺点来选择最适合你的方案,如果条件允许也以二者结合实现。 lego针对业务组件的唯一原则就是不在内提供业务相关配置入口,仅开放基础样式配置,如大小、主题色等。将权限回收至研发手中,每个业务组件在营销后台中配置,通过不同活动id进行区分渲染。 2.活动在一定意义上以解决90%的简单页面,但复杂的多页面联动的活动还是无法做到。

    37830

    活动——你的KPI被我承包了

    所以从技术赋能业务的角度出发,一套活动编辑是每个中大型公司必备的生产利器。 ,就像积木一样拥有无限种能,开发效率将会大大提高,本文将这两个月鼓捣lego活动(以下简称lego)从0到1的心路历程整理出来供各位有相关需求的小伙伴参考,也欢迎大神交流指正。 布局方案布局的方案抛开大厂不谈,根公司人员配比,议大部分中小公司只需要以下两种方案的一种即。根不同的优缺点来选择最适合你的方案,如果条件允许也以二者结合实现。 lego针对业务组件的唯一原则就是不在内提供业务相关配置入口,仅开放基础样式配置,如大小、主题色等。将权限回收至研发手中,每个业务组件在营销后台中配置,通过不同活动id进行区分渲染。 活动在一定意义上以解决90%的简单页面,但复杂的多页面联动的活动还是无法做到。

    17400

    Dooring平台源设计剖析

    导语: 低代码(lowcode)平台是近两年讨论比较火热的话题,其通过自动代码生成和编程,使得使用者只需要编写少量代码,即快速各种应用,满足了很多技术和非技术人员的需求。 详细参考源码:H5-Dooring | 智能网格拖拽平台H5-Stream | 自然流排序平台V6.Dooring | 自由布局平台本文的重心在源设计, 接下来我们开始源的分析 低代码的产物, 有纯静态的页面, 也有需要对接动态的动态页面, 低代码平台的源主要就是为动态页面(业务)设计的. 对于源的设计, 根实际的业务需求, 我们以分为静态源和动态源. 静态源是用户以通过的方式在低代码平台上创的, 比如编辑表格等.? 这样, 组件既以消费静态, 也以动态加载第三方, 进而实现了低代码动态页面的.最后最近H5-Dooring平台也在持续推迭代, 源已基本完成, 后续还会按照更智能的方向

    25210

    有效

    那么,如果要开始转换思维,学一学绘制图表一定是一个最佳的切入点,这里推荐一本很薄的书《最简单的图形与最复杂的信息》,这本书不同于一些的书强调觉效果,相反,作者认为简单“相貌平平”的图表就足够让 “才华出众”,的制作强调做有效的图表,正如书中提到的:“从根本上讲,内容才是使图表具有吸引力的法宝。 此时,没有多余的颜色层与过多的修饰来扰乱信息的清晰度”,以看出,颜色、图表的类型不是为了修饰,而是为了传达信息,如果有必要,应该大胆的简形式。 最后,再从做一个的图表的内容、觉效果、制作三个要素作一下总结:内容足够丰富,内容来自于客观,内容给图表以意义,是最重要的要素;觉效果向读者解释内容,重点是强调要表达的精华,让读者能快速抓住要点 ,觉效果是辅助手段,简的认知成本;制作很容易忽略,它能使读者对图表的认识更加合理,既需要制作者对客观、敬畏,又需要制作者足够用心,正确用好图表;不为,要让正确、高效的传递信息

    23810

    列1: 周期表

    以上这张类似学元素周期表的“法周期表”,由www.visual-literacy.org开发。它列出了100种讯息表达的法。 点击此处,您会看到完整表格,并且随着鼠标滑动,看到每种方法的具体例子。??? 这张表格使用6种颜色编码将通讯方式分为:(饼图、线图等), 信息图、流程图等), 概念(决策树图等), 战略(如商业管理图), 隐喻(如城市铁路规划图),及复合 此外,它还揽括了各种收敛性思维,发散性思维,程序性以及结构型图,以供选择。如果您是一名觉学习者,或者想要简明地向别人解释某个复杂体,不妨借鉴下这张法周期表,相信您会有所启发。

    51390

    列1: 周期表

    作者:Ann Padley 大文摘翻译整理:陈洁(转载请保留)原文链接:http:www.visual-literacy.orgperiodic_tableperiodic_table.html? 以上这张类似学元素周期表的“法周期表”, 由www.visual-literacy.org开发。它列出了100种讯息表达的法。 这张表格使用6种颜色编码将通讯方式分为: (饼图、线图等), 信息图、流程图等), 概念(决策树图等), 战略 (如商业管理图), 隐喻(如城市铁路规划图), 及复合(以上几种的综合体)。 此外,它还揽括了各种收敛性思维,发散性思维,程序性以及结构型图,以供选择。如果您是一名觉学习者,或者想要简明地向别人解释某个复杂体,不妨借鉴下这张法周期表,相信您会有所启发。

    56730

    NGraph相关功能截图

    NGraphPosted March 13, 2017去年重写了报表并为之取名为NGraph, 目的是做一套以通过API提交来生成。 此第一版本只有报表项目, NGraph加入了监控报表的概念, 来区分报表项目, 并且优先级大于报表项目。 同时还有导出的工具. 报表目前支持table和pie.相关功能截图?#?#?#? #其实很想把此项目完善下并开源, 但是觉得功能有点少, 而且目前有Grafana这样的开源, 开源的计划也就停止了.

    17810

    太阳,带你探索宇宙的未知奥秘

    本文将运用 Hightopo(以下简称 HT )的 HT for Web 产品载出一个基于 HTML5 WebGL 结合 2D3D 的 太阳。 界面简介及效果预览本采用 Hightopo 的 HT for Web 产品来构造轻量的 3D 场景,该使用轻量高效的 ht 库,矢量平面信息与 3D 对象进行关联,并采用 3D 拓扑呈现 在配置上人造卫星轨道、监控区域的后,本用作卫星,描述覆盖范围和呈现观测。效果实现主题一:太阳检测主要展示8大行星绕太阳公转轨道、相对位置、星体质量、资源含量等信息。 Web 3D 有着无限的想象空间,有着非常丰富的呈现方式,更有着诸多让人眼前一亮的效果,利用 HT 提供的二三维引擎以轻松地实现太阳。 并且 HT 长久以来一直致力于多样行业,涉猎的技术行业所累积的经验,通过自主创新研发的技术产品,已经打造出许多行业上具有代表性意义的管控

    27230

    太阳,带你探索宇宙的未知奥秘

    本文将运用 Hightopo(以下简称 HT )的 HT for Web 产品载出一个基于 HTML5 WebGL 结合 2D3D 的 太阳。 界面简介及效果预览本采用 Hightopo 的 HT for Web 产品来构造轻量的 3D 场景,该使用轻量高效的 ht 库,矢量平面信息与 3D 对象进行关联,并采用 3D 拓扑呈现 在配置上人造卫星轨道、监控区域的后,本用作卫星,描述覆盖范围和呈现观测。效果实现主题一:太阳检测?本主要展示8大行星绕太阳公转轨道、相对位置、星体质量、资源含量等信息。 Web 3D 有着无限的想象空间,有着非常丰富的呈现方式,更有着诸多让人眼前一亮的效果,利用 HT 提供的二三维引擎以轻松地实现太阳。 并且 HT 长久以来一直致力于多样行业,涉猎的技术行业所累积的经验,通过自主创新研发的技术产品,已经打造出许多行业上具有代表性意义的管控

    15520

    DockerPortainer界面

    Portainer是Docker的图形管理工具,提供状态显示面板、应用模板快速部署、容器镜像网络卷的基本操作(包括上传下载镜像,创容器等操作)、事件日志显示、容器控制台操作、Swarm集群和服务等集中管理和操作 启动成功后,使用该机器IP:PORT即访问Portainer。 以和Swarm一起来进行集群管理操作。 登录成功之后如下 以在Endpoints中新增Docker节点 新增之后,如下 然后通过如下方式进行切换节点 双击 就以切换节点,进行管理。 ----原文Docker(七)----Portainer界面

    13520

    相关产品

    • 大数据可视交互系统

      大数据可视交互系统

      腾讯云大数据实时可视交互系统 [RayData],基于数据实时渲染技术,利用各种技术从大规模数据通过本系统,实现云数据实时图形可视化、场景化以及实时交互,让使用者更加方便地进行数据的个性化管理与使用。

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      扫码关注云+社区

      领取腾讯云代金券