zoukankan      html  css  js  c++  java
  • [干货分享] AXURE-整套高保真UI框架和元件组(暗黑风格)


     

    写在前面

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

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

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

    团队的演变流程


     

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

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

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


     

    界面整体预览


     

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

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


     

    时间控件


     

    页签(tab)


     

    弹窗


     

    下拉框


     

    On/Off Switches


     

    slider


     

    表格


     

    提示元件


     

    气泡


     

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


     

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


     

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

    原件下载

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

    推荐阅读:

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

    感谢阅读和关注!

  • 相关阅读:
    死锁
    Notepad++源代码阅读——窗口封装与继承
    Notepad++源代码阅读——窗口元素组织与布局
    选择问题(selection problem)
    插入排序 | 冒泡排序 | 希尔排序 | 堆排序 | 快速排序 | 选择排序 | 归并排序
    编程之美2014---大神与三位小伙伴
    ulimit 修改 open files & core
    tmux手记
    匿名访问windows server 2008 R2 文件服务器的共享
    WINDOWS系统变量
  • 原文地址:https://www.cnblogs.com/qiaobing/p/10947564.html
Copyright © 2011-2022 走看看