Axure教程:移动端元件库 获赏10金币

Donny 普通用户 2019-12-17 4217


今天给大家讲一下如何制作元件库,同时也给大家分享一个 Axure 移动端元件库。该组件库是我平时收集众多元件库之后,挑选出比较实用的部分所元件的一个组件库。目前我所在的产品团队里面也在使用我这个元件库。


为什么要做元件库?


作为一名交互设计师,画原型是日常工作中比较重要的部分,对于一些复杂的界面原型或者一些使用比较频繁的元件还一直重复地画,这是最让人头大的,所以这个时候针对一个系统定制化地做一个元件库就显得重要了!!我们可以在工作中,针对一个系统的原型做出一个元件库,完成之后分享给其他产品线的产品经理或者交互设计师。这样能够在保证原型的一致性,还能够节省大量的工作时间,提高工作效率。


明确产品目标、规范、目的


制作元件库之前,先明确一下对元件库的要求是怎样的,是方便产品、交互的工作效率还是要做高保真之类的。前者的话只要自己做好各个元件,颜色统一黑白灰风格就可以了;后者需要找设计拿设计规范,根据每一个元件的宽度、高度、颜色、字体大小…跟设计的相似度很高。目前因后者需要花大量的工作,所以还是做前者的比较多。


区分元件库的使用场景和区别


做的时候需要区别一些该元件库是用在什么场景下,例如: Web 端元件库、Pad 端元件库、移动端元件库,移动端有区分 iOS 元件库、Android 端元件库。


Web 端元件库页面会比较详细且复杂,但更新迭代的频率跟移动端相比会低一点,所以元件库的样式是比较固定。元件之类的东西会比较多,只要做的细一点,到时在原型时使用这个元件库就可以直接拖出来使用了。

移动端的元件库因为尺寸和操作方式的原因相对来说还是比较简单的,但就是更新频率比较快,移动端细节的东西一般都不需要做,只要做一些比较常见的 字体、搜索框、按钮、顶部栏/底部栏这些基础的元件即可。还有如果要做的细致的话,就需要区分 iOS 和 Android 的区别了。


这里就不细讲在 Axure 里面如何制作元件库了,大家可以百度一下或者在各大平台看一下操作流程。


该元件库都有哪些内容,可以先来看下:



元件库里面有很多是我做了动效的,耐心的小伙伴可以看看 ~



 本次就到这里,谢谢!!

axure商城
上传的附件:
快速回复
打赏排行 用户名 打赏金额
第1名 沈十三 10金币
最新回复 (616)
  • superderek 普通用户 24天前
    0 引用 617
    分享不错!
  • hushidashen 普通用户 1月前
    0 引用 616
    感谢分享
  • dida 普通用户 1月前
    0 引用 615
    感谢
  • wqsmg 普通用户 1月前
    0 引用 614
    感谢分享
  • 临渊01 普通用户 2月前
    0 引用 613
    感谢分享
  • 王球球 普通用户 2月前
    0 引用 612
    感谢分享
  • 然_1605287180 普通用户 2月前
    0 引用 611
    感谢
  • hchchc6016 普通用户 2月前
    0 引用 610
    感谢分享
  • sally117 普通用户 2月前
    0 引用 609
    感谢分享
  • 神经蛙_1605065520 普通用户 2月前
    0 引用 608
    感谢分享
  • JaRa 普通用户 2月前
    0 引用 607
    感谢分享~
  • 胡汉三三三 普通用户 2月前
    0 引用 606
    蟹蟹
  • Hedgehogm 普通用户 2月前
    0 引用 605
    感谢分享
  • Flos 普通用户 2月前
    0 引用 604
    太厉害了
  • 晨聚-李颖杰 普通用户 2月前
    0 引用 603
    感谢
  • 自然数 普通用户 2月前
    0 引用 602
    66
  • 咕咕不咕 普通用户 2月前
    0 引用 601
    感谢分享
  • likun(13517914391) 普通用户 2月前
    0 引用 600
    感谢分享
  • qmxle 普通用户 2月前
    0 引用 599
    谢谢分享
  • 棟軒 普通用户 2月前
    0 引用 598
    多谢
  • 铅笔头 普通用户 2月前
    0 引用 597
    不错的原件,谢谢
  • A 我站会 普通用户 2月前
    0 引用 596
    1
  • aZoie. 普通用户 2月前
    0 引用 595
    感谢分享
  • Pin.Zhao 普通用户 2月前
    0 引用 594
    感谢分享,感谢分享
  • chaoleo 普通用户 2月前
    0 引用 593
    感谢分享
  • 乐小乐 普通用户 2月前
    0 引用 592
    感谢分享
  • mzxx83 普通用户 2月前
    0 引用 591
    感谢
  • nan_1603167921 普通用户 2月前
    0 引用 590
    感谢
  • 单小厨 普通用户 2月前
    0 引用 589
    感谢
  • Crush_1603162666 普通用户 2月前
    0 引用 588
    感谢分享
  • zsmj 普通用户 2月前
    0 引用 587
    感谢
  • z飝 普通用户 2月前
    0 引用 586
    感谢分享
  • 孔小坏 普通用户 2月前
    0 引用 585
    感谢分享!
  • 刘高冷1994 普通用户 2月前
    0 引用 584
    非常感谢
  • Rango 普通用户 3月前
    0 引用 583
    感谢
  • 汪富贵儿 普通用户 3月前
    0 引用 582
    感谢分享
  • 何所冬暖 普通用户 3月前
    0 引用 581
    感谢分享
  • 溺水蒲公英 普通用户 3月前
    0 引用 580
    感谢分享
  • babo 普通用户 3月前
    0 引用 579
    感觉找到了神奇的网站
  • jinxintong 普通用户 3月前
    0 引用 578
    感谢分享大佬
  • a1324256 普通用户 3月前
    0 引用 577
    感谢分享
  • 王三三三三 普通用户 3月前
    0 引用 576
    感谢
  • laigtt 普通用户 3月前
    0 引用 575
    感谢分析
  • Elaine Jiang 普通用户 3月前
    0 引用 574
    感谢分享
  • CJ_1600918868 普通用户 3月前
    0 引用 573
    谢谢
  • vividon28 普通用户 3月前
    0 引用 572
    YHX
  • mlcs 普通用户 3月前
    0 引用 571
    谢谢
  • Gooson 普通用户 3月前
    0 引用 570
    qq
  • yjzmedia 普通用户 3月前
    0 引用 569
    感谢楼主分享
  • antante 普通用户 3月前
    0 引用 568
    谢谢分享!
  • 菲FigaroG 普通用户 3月前
    0 引用 567
    感谢分享
  • 奔跑的刚刚 普通用户 3月前
    0 引用 566
    感谢分享
  • 熊孩子丶 普通用户 3月前
    0 引用 565
    感谢分享
  • 熊孩子丶 普通用户 3月前
    0 引用 564
    感谢分享
  • 子非 普通用户 3月前
    0 引用 563
    感谢分享
  • luckyphp 普通用户 4月前
    0 引用 562
    感谢
  • PM欢喜 普通用户 4月前
    0 引用 561
    感谢分享
  • 凉菜 普通用户 4月前
    0 引用 560
    感谢分享
  • 洛洛只是路过的 普通用户 4月前
    0 引用 559
    感谢分享
  • 梨涡浅笑 普通用户 4月前
    0 引用 558
    感谢分享
  • 1225546384 普通用户 4月前
    0 引用 557
    谢谢
  • 银芳 普通用户 4月前
    0 引用 556
    感谢分享
  • liubowen1990 普通用户 4月前
    0 引用 555
    感谢楼主分享
  • 起风了_1599587889 普通用户 4月前
    0 引用 554
    试试
  • 大粽子 普通用户 4月前
    0 引用 553
    感谢不尽
  • sddasda 普通用户 4月前
    0 引用 552
    感谢分享
  • jane16 普通用户 4月前
    0 引用 551
    感谢分享
  • panhaibo 普通用户 4月前
    0 引用 550
    感觉分享
  • panhaibo 普通用户 4月前
    0 引用 549
    感谢分享
  • Thief 普通用户 4月前
    0 引用 548
    感谢分享
  • 老刘站长 普通用户 4月前
    0 引用 547
    感谢感谢
  • luther 普通用户 4月前
    0 引用 546
    thanks
  • q326066766 普通用户 4月前
    0 引用 545
    感谢楼主
  • tdj 普通用户 4月前
    0 引用 544
    6666
  • xirongdong 普通用户 4月前
    0 引用 543
    不错,感谢
  • 曾经 普通用户 4月前
    0 引用 542
    感谢分享
  • fenxinzi557 普通用户 4月前
    0 引用 541
    谢谢分享
  • luo1026 普通用户 4月前
    0 引用 540
    感谢分享
  • 来自苏北 普通用户 4月前
    0 引用 539
    谢谢分享
  • kinkiu 普通用户 4月前
    0 引用 538
    感谢分享
  • sherry_8023 普通用户 4月前
    0 引用 537
    谢谢大佬
  • hhh1238437 普通用户 4月前
    0 引用 536
    看下
  • SimonYoo 普通用户 4月前
    0 引用 535
    感谢分享
  • AurevoOirrr 普通用户 4月前
    0 引用 534

    谢谢!

  • 楽_1591757058 普通用户 4月前
    0 引用 533
    感谢分享!!
  • 睡&醒 普通用户 4月前
    0 引用 532
    大佬威武
  • fanqisoft 普通用户 4月前
    0 引用 531
    谢谢楼主
  • 老鬼_1598922793 普通用户 4月前
    0 引用 530
    感谢楼主分享好东西
  • 凌云之南 普通用户 4月前
    0 引用 529
    感谢
  • Yangshiyi 普通用户 4月前
    0 引用 528
  • shaojunliang 普通用户 4月前
    0 引用 527
    感谢分享
  • 南水漂墨 普通用户 4月前
    0 引用 526
    很受用,谢谢
  • 北南先生爱酸奶 普通用户 4月前
    0 引用 525
    感谢分享
  • lover* 普通用户 4月前
    0 引用 524
    感谢楼主
  • Shero_1598192825 普通用户 4月前
    0 引用 523
    谢谢
  • shudehuai 普通用户 4月前
    0 引用 522
    谢谢分享
  • Eric_1598164004 普通用户 4月前
    0 引用 521
    感谢楼主
  • Arthur_1597901783 普通用户 4月前
    0 引用 520
    感谢分享
  • yrqjm 普通用户 4月前
    0 引用 519
    感谢楼主
  • 阿弥陀丸 普通用户 4月前
    0 引用 518
    谢谢分享,真不错
返回
axure商城