推出Walrus–DigitalOcean重新设计的设计系统，其核心是可访问性和移动就绪性。简单直观的用户体验使DigitalOcean在拥挤的产品空间中独树一帜。DigitalOcean云使学习者、小企业和独立开发人员能够完成历史上留给专家的复杂任务。这种以人为本的设计方法使更多的人和企业能够利用我们的技术做更多的事情，这仍然是数字海洋产品最大的优势之一今天。在2019年初，DigitalOcean设计和前端工程团队开始了改造我们的设计系统的旅程——用户界面语言，一个设计系统的组成部分在一页上形成句子和段落。我们努力的结果——海象设计系统——正开始推广到我们的云应用程序用户界面上。我们想与那些可能从头开始创建设计系统或改造已经存在的设计系统的人分享这个过程的一部分，积分返现，包括我们的成功和失败，我们的语言应该包含DigitalOcean公司围绕简单、信任、尊重和爱的价值观。下面是我们如何使用这些值创建新的设计系统注意。引导原则应该是任何设计系统的框架。我们首先建立了一套指导新系统中单个部件和基础设计的原则。这些原则反映了我们公司的价值观和现代的宗旨设计。无障碍因为all is Critical因为DigitalOcean产品的设计目的是让所有人都能构建、创造和做伟大的事情，北京大数据公司，所以我们的第一个重点是让用户体验可访问WCAG-AA可访问性指南，在Slack社区中提出了许多问题，并搜索了开源设计系统。当组件被放置在视图中时，我们也大量使用了Deque的Axe Pro工具，它可以识别出我们自身知识中存在差距的问题。我们最大的进步是在颜色对比和使用上。调色板的选择是为了清楚地反映状态和交互式UI元素，同时保持适当的对比度，以便所有视觉级别的用户都可以使用我们的产品。我们开发了一个颜色参考，查淘客，将所有可能的颜色组合映射在一起，并突出显示哪些颜色组合通过了WCAG对比度准则，从而使设计师能够轻松地将组件和元素组合在一起快点。这个今年，我们增加了更多的组件，淘客家园，并改善了屏幕阅读器的体验。我们的组件设计过程现在包括定义aria角色和屏幕阅读器行为。如前所述，我们还利用Axe Pro测试屏幕阅读器体验并记录/解决任何问题。移动第一世界呼唤移动第一体验我们已经听到您对移动友好体验的反馈，相信海象将使您能够从任何设备建立您的想法和业务。虽然DigitalOcean最初的云用户界面没有移动友好体验，但我们已经解决并克服了这一关键障碍。我们是从大楼开始的布洛克。海象组件首先是移动的，包括足够的尺寸和目标，以适应更小的屏幕和响应行为。所有使用这些组件的页面和用户流也是为移动和桌面大小设计的窗户。那个例如，table有几个用于移动屏幕的选项。设计师可以根据内容。同行评审是重要的，返利是什么意思，评审是我们设计过程中的一个重要支柱。一旦一个组件的设计完成并记录在案，另一个设计师会根据一组标准对其进行评审，以确保组件遵循我们的原则。任何建议都会被重复，一旦设计被批准，我们就把资产交给前端工程团队来实施。一旦组件被编码并添加到设计库中，设计人员会再次测试和审查它。留意海象你现在可以在网络的虚拟私有云部分查看海象。在接下来的几个月里，我们将逐步推出更多利用海象的体验。我们最终希望开源海象，这样任何人都可以创建可访问的、灵活的，我们希望您能加入我们，与其他许多伟大的公司一样，从一开始就纠正不包容的错误。如果您正在使用数字海洋控制台和辅助技术，我们邀请您参与研究，这将有助于改善体验甚至更多。如果是，请联系amorozoff@digitalocean.com。如果您有任何反馈或想法，我们鼓励您与我们分享！带着爱，数字海洋设计和工程团队