[干货分享] AXURE-整套高保真UI框架和元件组(暗黑风格)

 

 

写在前面

在咱们的开发团队里，通常在产品经过策划和需求评审后，在还没开始设计以前，产品经理和美工会一块儿定一套UI规范。

一方面用于规范总体界面，防止界面开发过程当中出现UI不一致性的状况（有时候标准并不能涉及到每一个细节，研发会偶尔跑偏）。

另外一方面用于后期其余项目的复用，也就是当有了其余项目的UI规范沉淀以后， 风格类似的项目，实际上是不须要美工的，产品经理直接按照规范和项目沉淀下来的元件作出高保真，研发只要按照此规范来实现便可，可适当省去美工出图和原型标注部分的工做量。

团队的演变流程

 

任何规范（设计，代码规范等）都是团队长期沉淀出来的，适合本身的团队才是最重要的。

本次共享模板的UI规范（暗黑风格）

注：因为篇幅问题，截图中省略了部分规范内容（好比语义规范，内容显示规范，动效规范）。后期会整理出一份完整的规范文档共享出来，敬请期待。

 

界面总体预览

 

注：原本作了一个界面操做演示，因为生成gif太大，有10M多，因此就不上传了，下面分别截图显示，具体动效可在元件文件里查看。

主要元件包括：输入框、数值输入框、下拉框，滑块（silder）、时间控件、单选、多选、分页、页签、弹框、提示信息等。

 

时间控件

 

页签（tab）

 

弹窗

 

下拉框

 

On/Off Switches

 

slider

 

表格

 

提示元件

 

气泡

 

以上即是本次分享元件的主要部分，原始文件截图以下：

 

经过axure的元件导入以后就能够用啦

 

~以上即是本次分享的所有内容~

原件下载

为防止失效，全部下载连接都在公众号维护，请关注公众号后，回复“A034”便可下载本次分享的元件完整文件。

推荐阅读：

AXURE-036-整套高保真UI框架和元件组(白色风格)

感谢阅读和关注！