我们是袋鼠云数栈 UED 团队,致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。
数栈作为云原⽣⼀站式⼤数据开发平台,从2016年发布第⼀个版本开始,数栈就始终坚持着以技术为
核⼼、安全为底线、提效为⽬标、中台为战略的思想,坚定不移地⾛国产化信创路线,不断推进产品功能
迭代、技术创新、服务细化、性能升级。
伴随业务的⻜速发展,我们也启动了针对数栈产品的体验升级计划,从策划到最后应⽤到各个⼦产
品,共经历了五个阶段:策划⽅案制定、设计⽅案落地、转化设计语⾔、Theme&RC 升级、⼦产品实施。
本⽂主要阐述了在数栈 UI 5.0 体验升级中,数栈设计团队的设计思路,主要从产品升级策划、确⽴设
计⽬标和解决⽅向、数栈设计语⾔、设计提升点、情感化设计⼏个⽅⾯分享数栈 DTinsight UI 5.0 全新设
计升级内容。

过去产品迭代过程中,积累很多亟待解决的问题,随着新的功能需求不断增加,原先的有些⻚⾯结构
以及交互设计需要优化。数栈 UI 5.0 的升级,通过对产品功能、⻚⾯样式以及⽤户体验的优化,使数栈
UI 5.0 能够更加灵活地适应未来产品功能迭代需求。

我们梳理总结了数栈 UI 4.0 存在的交互问题,重点为四个⽅向:

本次升级挑选了同类产品进⾏竞品分析,通过交互差异对⽐,提炼策略和设计⽅案。
从⾏业分析来看⾃身业务,打造数栈产品体验闭环。从⽤户需求体系、⾏业特性、产品定位等贯穿整
个体验升级体系。落地到各个设计细节、交互链路等,全链路反复强调产品感受,打造深刻记忆点。

结合以上策划内容,确定设计⽬标,相对应得出设计解决⽅向


根据设计⽬标和⽅向,提炼出设计关键词,也就是我们数栈全新的设计语⾔ DT Design:「严谨理
性」、「简约克制」、「节奏韵律」、「数字化」。

根据前⾯定义的设计语⾔,我们提取出 5 个设计改进的点:
将原来的深⾊顶部导航改为浅⾊,引导⽤户将视觉重⼼放在内容⻚⾯,同时浅⾊导航使整体⻛格清爽简洁


⾯包屑改为箭头样式,具有更加明确的指向性

常⽤间距从原来常⽤的6px、12px、20px,变为8px、16px、24px,以8的倍数为标准,强调视觉节奏
感,提⾼浏览舒适性

加⼤卡⽚、按钮圆⻆直径,让视觉呈现更具亲和⼒、年轻化。

减⼩表格默认⾼度,增加⼀屏可浏览的数据数量

表单标题加粗,增加与表单内容的联系;新增表单上下结构样式,将默认表单样式改为上下结构,在横向
空间不⾜的情况下使⽤上下结构能有效提⾼填写表单的效率。

更新升级了品牌⾊-代表专业、精湛的数字智能产品属性的 DTinsight Blue;代表安全可靠、全⾯兼
容的原则的 DTinsight Green;代表沉稳、可信赖的产品形象的 DTinsight Navy。在⾊彩饱和度上较原版
本有所提亮,增强⾊彩对⽐,提⾼品牌辨识度。基于品牌⾊,裂变出不同重量、层次更丰富的品牌辅助
⾊。在实际应⽤中增加辅助⾊应⽤⽐例,解决蓝⾊调带来的冷静、单调感,同时利⽤透明度、⽑玻璃等⽅
式提⾼⾊彩清透感,使⾊彩系统既轻盈⼜态度鲜明。

精致化图标设计,提⾼⻚⾯设计精细度;数据看板⻚⾯应⽤3D/⽑玻璃图标,紧跟设计流⾏趋势,增
强品质感与界⾯差异化。

结合 UI 5.0 的设计⻛格⽅向,进⾏情感化系统重塑,赋予更丰富的情感,更流畅的交互,更⽴体的⼈
设。其中重点升级了数据确省⻚⾯的插图,更新 UI 4.0 的简单且⾊调单⼀的形象。

在唐纳德·诺曼的《设计⼼理学 3-情感化设计》⼀书中提出设计的三个层次:本能层次、⾏为层次、
反思层次,解析了设计触达⽤户情感的⽅式,这三个层⾯相互交织,为⽤户带来愉悦的产品体验。以下也
从这三个层次和⼤家分享下此次情感化升级的⼼路历程。

⽐如:在⼦产品切换浮窗上,hover到每个⼦产品区域,增加⼦产品图标对应微动效,增加互动。

包括新⼿引导、特定名词的解释,告知⽤户该功能的运⾏机制/流程,以及提示⽤户如何去使⽤和操作

品牌感可以带来差异化的设计表达,也能提⾼⽤户对品牌的记忆度。在确省⻚⾯的插图中适当增加产
品logo,加强⽤户的记忆点

将置顶项⽬纵向显示,提升展示置顶项⽬的数量;快速⼊⻔内容收进帮助⽂档,降低⾸⻚的屏幕占
⽐,将更多空间留给数据展示和流程图展示

轻量化⾎缘表⽤⾊,降低⻓时间浏览⼤量节点带来的视觉疲劳感;适当留⽩,增加⻚⾯呼吸感;⾎缘
关系⽹圆⻆调整,带来点击感,同时可以降低⽤户焦虑感

轻量化⾎缘表⽤⾊,降低⻓时间浏览⼤量节点带来的视觉疲劳感;适当留⽩,增加⻚⾯呼吸感;⾎缘
关系⽹圆⻆调整,带来点击感,同时可以降低⽤户焦虑感

拓扑结构重构,建⽴节点设计规范,不同状态的节点仅需替换组件库中对应预设好的状态样式,不需
要像之前的节点要单独修改边框颜⾊,设计提效 50%。
区分主要数据和次要数据,根据层级关系优化数据展示,强化数据展示的主次,缩减⽤户浏览数据时
⻓,提⾼⽤户获取信息的效率。

从前期调研和跟各位产品经理的共创,到设计⽬标确定,再到多维度的⽅案落地,设计师对交互体
验、视觉语⾔进⾏多维度推敲与打磨,最终使得视觉和体验⽅⾯有了可感知的进步。
同时设计团队也沉淀了产品业务知识,为更好的优化产品体验打下了基础,在⼀定程度上也帮助业务
解决了现存的问题。当然我们的设计语⾔、产品体验还在不断打磨、优化,持续将产品痛点和设计⽬标紧
密结合,助⼒业务发展。
我正在使用i18n从头开始构建一个多语言网络应用程序,虽然我自己可以处理一大堆yml文件,但我说的语言(非常)有限,最终我想寻求外部帮助帮助。我想知道这里是否有人在使用UI插件/gem(与django上的django-rosetta不同)来处理多个翻译器,其中一些翻译器不愿意或无法处理存储库中的100多个文件,处理语言数据。谢谢&问候,安德拉斯(如果您已经在rubyonrails-talk上遇到了这个问题,我们深表歉意) 最佳答案 有一个rails3branchofthetolkgem在github上。您可以通过在Gemfi
尝试通过RVM将RubyGems升级到版本1.8.10并出现此错误:$rvmrubygemslatestRemovingoldRubygemsfiles...Installingrubygems-1.8.10forruby-1.9.2-p180...ERROR:Errorrunning'GEM_PATH="/Users/foo/.rvm/gems/ruby-1.9.2-p180:/Users/foo/.rvm/gems/ruby-1.9.2-p180@global:/Users/foo/.rvm/gems/ruby-1.9.2-p180:/Users/foo/.rvm/gems/rub
我在我的Rails项目中使用Pow和powifygem。现在我尝试升级我的ruby版本(从1.9.3到2.0.0,我使用RVM)当我切换ruby版本、安装所有gem依赖项时,我通过运行railss并访问localhost:3000确保该应用程序正常运行以前,我通过使用pow访问http://my_app.dev来浏览我的应用程序。升级后,由于错误Bundler::RubyVersionMismatch:YourRubyversionis1.9.3,butyourGemfilespecified2.0.0,此url不起作用我尝试过的:重新创建pow应用程序重启pow服务器更新战俘
我实际上是在尝试使用RVM在我的OSX10.7.5上更新ruby,并在输入以下命令后:rvminstallruby我得到了以下回复:Searchingforbinaryrubies,thismighttakesometime.Checkingrequirementsforosx.Installingrequirementsforosx.Updatingsystem.......Errorrunning'requirements_osx_brew_update_systemruby-2.0.0-p247',pleaseread/Users/username/.rvm/log/138121
我最近决定从我的系统中卸载RVM。在thispage提出的一些论点说服我:实际上,我的决定是,我根本不想担心Ruby的多个版本。我只想使用1.9.2-p290版本而不用担心其他任何事情。但是,当我在我的Mac上运行ruby--version时,它告诉我我的版本是1.8.7。我四处寻找如何简单地从我的Mac上卸载这个Ruby,但奇怪的是我没有找到任何东西。似乎唯一想卸载Ruby的人运行linux,而使用Mac的每个人都推荐RVM。如何从我的Mac上卸载Ruby1.8.7?我想升级到1.9.2-p290版本,并且我希望我的系统上只有一个版本。 最佳答案
按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭10年前。问题1)我想知道rubyonrails是否有功能类似于primefaces的gem。我问的原因是如果您使用primefaces(http://www.primefaces.org/showcase-labs/ui/home.jsf),开发人员无需担心javascript或jquery的东西。据我所知,JSF是一个规范,基于规范的各种可用实现,prim
无论您是想搭建桌面端、WEB端或者移动端APP应用,HOOPSPlatform组件都可以为您提供弹性的3D集成架构,同时,由工业领域3D技术专家组成的HOOPS技术团队也能为您提供技术支持服务。如果您的客户期望有一种在多个平台(桌面/WEB/APP,而且某些客户端是“瘦”客户端)快速、方便地将数据接入到3D应用系统的解决方案,并且当访问数据时,在各个平台上的性能和用户体验保持一致,HOOPSPlatform将帮助您完成。利用HOOPSPlatform,您可以开发在任何环境下的3D基础应用架构。HOOPSPlatform可以帮您打造3D创新型产品,HOOPSSDK包含的技术有:快速且准确的CAD
我完全不是程序员,正在学习使用Ruby和Rails框架进行编程。我目前正在使用Ruby1.8.7和Rails3.0.3,但我想知道我是否应该升级到Ruby1.9,因为我真的没有任何升级的“遗留”成本。缺点是什么?我是否会遇到与普通gem的兼容性问题,或者甚至其他我不太了解甚至无法预料的问题? 最佳答案 你应该升级。不要坚持从1.8.7开始。如果您发现不支持1.9.2的gem,请避免使用它们(因为它们很可能不被维护)。如果您对gem是否兼容1.9.2有任何疑问,您可以在以下位置查看:http://www.railsplugins.or
我们有一个目前在Rails2.3.12版和Ruby1.8.7版上运行的应用程序。我们想将我们的应用程序更新到Rails4.0和Ruby2.1.0。我们有大约200个模型和150个Controller。我想知道升级过程需要多大的努力。您还可以提供升级可以遵循的步骤。我们应该先升级Ruby然后再升级Rails还是相反? 最佳答案 您想要实现的目标将是史诗般的努力。我无法为您提供分步说明,因为不可能在一个答案中涵盖所有情况。我建议不要同时升级Ruby和Rails,而是分步升级。升级本身的复杂性是巨大的,但只要您的应用程序具有合理的测试覆盖
西安华为OD面试体验开始投简历技术面试进展工作进展开始投简历去年一整年一直在考研和工作之间纠结,感觉自己的状态好像当时的疫情一样差劲。之前刚毕业的时候投了个大厂的简历,结果一面写算法的时候太拉跨了,虽然知道时dfs但是代码熟练度不够,放在平时给足时间自己可以调试通过,但是熟练度不够那面试当时就写不出来被刷了。说真的算法学到后期我感觉最重要的是熟练度和背板子(对于我这种普通玩家来说),面试题如果一上来短时间内想不出思路就完蛋了。然后由于当时找的工作不是很理想就又想考研了。但是考研是有风险的,我自我感觉自己可能冲不上那个学校,而找工作一个没成可以继续找嘛。本着抱着试试看的态度在boss上投了简历,