欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-04-23 15:39:14
[干货分享] AXURE-整套高保真UI框架和元件组(白色风格),可用于高保真原型制作。 ......
[干货分享]AXURE整套高保真UI框架和元件组(白色风格)
 

写在前面

强烈建议开始之前阅读以下第一篇高保真ui框架的前面部分,以了解设计思想,这篇文章不再重复介绍:

axure-整套可复用的高保真元件和框架之暗黑风格

本次共享模板的ui规范

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

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

界面整体预览

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

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

主要元件效果

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

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

时间控件

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

页签(tab)

[干货分享]AXURE整套高保真UI框架和元件组(白色风格)
页签(tab)

下拉框

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

on/off switches

 

[干货分享]AXURE整套高保真UI框架和元件组(白色风格)
on/off switches

slider

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

表格

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

提示元件

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

气泡

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

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

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

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

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

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

福利

欢迎大家留言,如果有需要要我帮组实现什么风格,比如:easyui风格,bootstrap风格。只要建议超过20人。我就抽时间实现并发布。

原件下载

为防止地址失效,所有下载链接都在公众号维护,请关注公众号后,回复“a036” 获取本次分享的文件下载地址。

感谢阅读和关注!

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