高保真 Axure 组件:一套原汁原味的 layui 风格(附下载地址)layui 是一套经典的模块化前端框架,由职业前端倾情打造,面对所有层次的前后端程序猿,业界最容易使用的前端 UI 解决方案
你可能不知道 layui,但是 layer 你应该是知道的
目前,layer 已成为国内最多人使用的 web 弹层组件,GitHub 自然 Stars3000+,官网累计下载量达30w+,大概有 20 万 Web 平台正在使用 layer
感兴趣的小伙伴可以去官网看看:http://www
com/关于这套组件 这套组件是由我制作完成,再交由 layui 的作者校对其中的细节部分,尽可能原滋原味地还原 layui
官方下载地址:http://res
com/download/axure/layui_web_1
rplib 在原型制作过程中,配色是不能避开的问题,但是为了不影响设计师的设计所以我更推举灰色系,也就是从#fbfbfb 到#c2c2c2 之间选取
为了满足更自由的配色,所以也提供了丰富的提示色和场景色
按钮分为了场景按钮、尺寸按钮、带图标的按钮和按钮组
丰富的提示色和表现形式供你选择
不过注意:白色的按钮,为了还原真实的交互效果,所以我把按钮透明度调低,将图标放在了按钮下
使用的时候请按需修改
3、其他表单原件 其他的输入框,文本域,单选,复选,下拉菜单我统一称呼为表单原件
值得说一说的是下拉菜单: 为了还原 layui 的交互效果所以我在这里加了略显复杂又有点鸡肋的效果
甚至我想到,产品人在使用的时候可能会拖动改变了选项的宽度,所以又增加了很多的推断,姑且叫做“伪自适应”吧: 当然我的目的只是为了使用这套组件的人可以更好的应用
包括水平导航栏和垂直侧边导航(你也可以理解为手风琴效果): 水平导航条 垂直侧边导航栏 当然说