当前位置: 移动技术网 > IT编程>网页制作>CSS > [干货分享] AXURE-整套高保真UI框架和元件组(暗黑风格)

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

2019年05月31日  | 移动技术网IT编程  | 我要评论

不良情侣国语版,锯齿线除皱,高加索教会案

 


 

写在前面

在我们的开发团队里,一般在产品通过策划和需求评审后,在还没开始设计之前,产品经理和美工会一起定一套ui规范。

一方面用于规范整体界面,防止界面开发过程中出现ui不一致性的情况(有时候标准并不能涉及到每个细节,研发会偶尔跑偏)。

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

团队的演变流程


 

任何规范(设计,代码规范等)都是团队长期沉淀出来的,适合自己的团队才是最重要的。

本次共享模板的ui规范(暗黑风格)

注:由于篇幅问题,截图中省略了部分规范内容(比如语义规范,内容显示规范,动效规范)。后期会整理出一份完整的规范文档共享出来,敬请期待。


 

界面整体预览


 

注:本来做了一个界面操作演示,由于生成gif太大,有10m多,所以就不上传了,下面分别截图显示,具体动效可在元件文件里查看。

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


 

时间控件


 

页签(tab)


 

弹窗


 

下拉框


 

on/off switches


 

slider


 

表格


 

提示元件


 

气泡


 

以上便是本次分享元件的主要部分,原始文件截图如下:


 

通过axure的元件导入之后就可以用啦


 

~以上便是本次分享的全部内容~

原件下载

为防止失效,所有下载链接都在公众号维护,请关注公众号后,回复“a034”即可下载本次分享的元件完整文件。

推荐阅读:

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

感谢阅读和关注!

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

验证码:
移动技术网