阿拉伯联合酋长国设计系统
设计系统是根据对用户行为和制定最佳做法基准的深入研究所收集的研究和信息建立的.
设计系统的目的是创建一套组件,块块和图案,并详细指导如何为阿拉伯联合酋长国联邦政府实体的网站和应用程序创建UI. 这个系统主要为FGE公司的内容专家,用户界面(UI)设计师,开发者,用户研究人员和数字操作团队所设计.
目标
该系统旨在统一FGE的数码存在. 它力求使阿联酋成为按照联合国在线服务指数和阿联酋政府未来服务宪章提供数字服务的先驱.
文档
完整文件,访问 阿联酋设计系统。 。 。 .
开始
设计系统以标准和组件构建,有助于您更快地建立网站,并始终坚持无障碍原则的UI.
设计系统采用 尾风CSS 要开始,你只需要添加 @aegov/design-system 您已有或新建的 TailwindCSS 项目的插件 .
安装指令请到 设计系统.gov.ae/docs/安装
如何安装插件 .
如果您想通过国家防范机制的CLI安装软件包,您可以使用以下方法:
npm install @aegov/design-system
如果您想要将软件包添加到您的软件包.json文件中,您可以使用以下内容:
...
{
"dependencies": {
"@aegov/design-system": "^2.0"
}
}
...
使用 Java 脚本
设计系统旨在提供指导方针和组件,侧重于每个组件的外观和感觉,块和图案. 为了方便使用组件和块,每个部件和块都有相关的代码示例. 开发者可以使用所提供的代码示例,将组件和块添加到他们的项目中.
一些组件依赖于JavaScript的使用. 设计系统并不强制使用捆绑的JavaScript库,但建议使用. 捆绑的 Java 脚本来自 Flowbite的联署材料 图书馆.
如果开发者选择不使用被捆绑的JavaScript,预计每个组件的功能和相互作用需要与设计系统网站的现有内容保持一致.
还有什么可以提供的
设计系统还包括:
报告问题
报告一个错误,一个问题和寻求帮助,你可以 提交问题 (原始内容存档于2018-09-29). on GitHub. 我们也鼓励你加入我们 GitHub 讨论 寻求社区的帮助。 若需了解更多信息和详情,您也可访问 (原始内容存档于2013-10-21). tdra.gov.ae