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

Donny 普通用户 3月前 1713


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


为什么要做元件库?


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


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


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


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


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


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

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


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


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



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



 本次就到这里,谢谢!!

axure商城
上传的附件:
快速回复
打赏排行 用户名 打赏金额
第1名 沈十三 10金币
最新回复 (233)
  • duancc 普通用户 12小时前
    0 引用 234
    下载看下
  • laiyangjun 普通用户 12小时前
    0 引用 233
    感谢分享
  • powerful 普通用户 13小时前
    0 引用 232
    谢谢
  • zhaoxing 普通用户 13小时前
    0 引用 231
    感谢分享
  • isdanw 普通用户 1天前
    0 引用 230
    感谢分享
  • 树_1585805891 普通用户 1天前
    0 引用 229

    donny你真牛

  • huqian 普通用户 1天前
    0 引用 228
    333333333333
  • චᆽචLittle Fairy 普通用户 1天前
    0 引用 227
    感谢分享,666
  • ssh911 普通用户 3天前
    0 引用 226
    啊十五点三公分
  • 额_1585534241 普通用户 4天前
    0 引用 225
    谢谢
  • Nick_yao 普通用户 4天前
    0 引用 224
    感谢分享
  • 幼小玲☆~ 普通用户 4天前
    0 引用 223
    谢谢
  • 。。。silence_1585462525 普通用户 4天前
    0 引用 222
    谢谢大佬分享
  • dgreet 普通用户 5天前
    0 引用 221
    感谢分享
  • hjian 普通用户 5天前
    0 引用 220
    谢谢分享
  • xredmaple 普通用户 5天前
    0 引用 219
    优秀thanks
  • &Ko 普通用户 5天前
    0 引用 218
    感谢
  • 13411854458 普通用户 7天前
    0 引用 217
    十分感谢分享
  • 振东 普通用户 7天前
    0 引用 216
    十分感谢分享
  • 小凡_1585293363 普通用户 7天前
    0 引用 215
    常用的,不错
  • ✨Tammy✨ 普通用户 7天前
    0 引用 214
    谢谢
  • mina4321 普通用户 7天前
    0 引用 213
    xx
  • evoli_yang 普通用户 7天前
    0 引用 212
    谢谢分享
  • °Distance 普通用户 7天前
    0 引用 211
    好东西
  • 刘艳儿_1585141683 普通用户 9天前
    0 引用 210
    感谢楼主分享
  • christow88 普通用户 9天前
    0 引用 209
    鹅鹅鹅鹅鹅鹅饿鹅鹅鹅而出你
  • zhizhizhi 普通用户 9天前
    0 引用 208
    谢谢大佬
  • w5569696 普通用户 9天前
    0 引用 207
    感谢分享
  • yty雨 普通用户 9天前
    0 引用 206
    感谢分享
  • Seven_1585123835 普通用户 9天前
    0 引用 205
    感谢分享
  • Ling_1583552738 普通用户 9天前
    0 引用 204
    感谢分享!
  • Xue Lei 普通用户 9天前
    0 引用 203
    谢谢
  • 钱静静 普通用户 9天前
    0 引用 202
    感谢
  • wilderness_1584931343 普通用户 10天前
    0 引用 201
    感谢提供
  • wilderness_1584931343 普通用户 11天前
    0 引用 200
    感谢分享
  • wangtengfei 普通用户 11天前
    0 引用 199
    感谢楼主大公无私
  • koko_chan 普通用户 11天前
    0 引用 198
    THX
  • xxlh1234 普通用户 12天前
    0 引用 197
    感谢分享
  • megan404 普通用户 12天前
    0 引用 196
    1
  • 德艺双馨 普通用户 13天前
    0 引用 195
    感谢大佬的分享,刚入行,需要多多学习
  • 奥特曼12580 普通用户 13天前
    0 引用 194
    感谢
  • 天龙 普通用户 14天前
    0 引用 193
    感谢分享
  • 浅浅_1578123440 普通用户 14天前
    0 引用 192
    感谢分享
  • zhizhizhi 普通用户 14天前
    0 引用 191
    谢谢大佬~
  • 梁小超 普通用户 14天前
    0 引用 190
    感谢
  • 56363 普通用户 14天前
    0 引用 189
    感谢Donny老师的分享。
  • KIIIE 普通用户 14天前
    0 引用 188
    nice
  • !!! 普通用户 14天前
    0 引用 187
    谢谢
  • 搬砖路人小金鱼 普通用户 14天前
    0 引用 186
    感谢分享
  • I'Lucky 普通用户 14天前
    0 引用 185
    122
  • 13430328805 普通用户 15天前
    0 引用 184
    66666
  • lton781004 普通用户 15天前
    0 引用 183
    感谢分享,干货啊
  • macthink 普通用户 16天前
    0 引用 182
    感谢感谢
  • 三板船 普通用户 17天前
    0 引用 181
    感谢分享
  • eniac02 普通用户 18天前
    0 引用 180
    感谢
  • openth 普通用户 18天前
    0 引用 179
    谢谢
  • awsscx 普通用户 21天前
    0 引用 178
    感谢
  • LaoPei 普通用户 21天前
    0 引用 177
    感谢分享
  • 程维维 普通用户 23天前
    0 引用 176
    感谢分享
  • 似水流年123 普通用户 23天前
    0 引用 175
    666
  • 奶茶猪猪 普通用户 23天前
    0 引用 174
    非常感谢~
  • Believer 普通用户 23天前
    0 引用 173
    感谢
  • AT 普通用户 24天前
    0 引用 172
    sadfsdf
  • 我想喝奶茶 普通用户 24天前
    0 引用 171
    nice
  • 小狗摆尾 普通用户 24天前
    0 引用 170
    2
  • 玉姐会上树 普通用户 24天前
    0 引用 169
    nice
  • benson2046 普通用户 25天前
    0 引用 168
    谢谢分享
  • GoliatZ 普通用户 25天前
    0 引用 167
    感谢楼主
  • ulqiorra 普通用户 25天前
    0 引用 166
    感谢分享
  • monde 普通用户 26天前
    0 引用 165
    感谢感谢呜呜呜
  • Nico1920 普通用户 26天前
    0 引用 164
    感谢
  • 2huqin9u 普通用户 26天前
    0 引用 163
    xiexie 
  • Dr谭子聪 普通用户 27天前
    0 引用 162
    感谢
  • 田田设计 普通用户 27天前
    0 引用 161
    非常感谢!!
  • Lunlily 普通用户 27天前
    0 引用 160
    非常感谢
  • 不错 普通用户 1月前
    0 引用 159
    谢谢
  • 那一束光 普通用户 1月前
    0 引用 158
    thanks  for  share
  • 润融科技常-18764116268 普通用户 1月前
    0 引用 157
    非常感谢
  • Kings 普通用户 1月前
    0 引用 156
    感谢分享
  • 李贞锋 普通用户 1月前
    0 引用 155
    感谢分享
  • SteveD 普通用户 1月前
    0 引用 154
    谢谢分享
  • 零花加苹果 普通用户 1月前
    0 引用 153
    感谢分享
  • 好好的_1582526000 普通用户 1月前
    0 引用 152
    感谢感谢
  • 蓦然回首 普通用户 1月前
    0 引用 151
    感谢分享
  • Maia Cky 普通用户 1月前
    0 引用 150
    感谢
  • 阿,啊,啊嚏!!! 普通用户 1月前
    0 引用 149
    666
  • kk9199 普通用户 1月前
    0 引用 148
    感谢感谢
  • Mino&豆豆 普通用户 1月前
    0 引用 147
    十分感谢,666!!
  • fightxxl55 普通用户 1月前
    0 引用 146
    感谢
  • 艺霖儿呀 普通用户 1月前
    0 引用 145
    3Q
  • 15822833130 普通用户 1月前
    0 引用 144
    非常感谢
  • jerrystar 普通用户 1月前
    0 引用 143
    感谢大佬
  • 椰子树 普通用户 1月前
    0 引用 142
    感谢大佬
  • 傲慢 普通用户 1月前
    0 引用 141
    感谢感谢感谢感谢
  • 刘志鹏 普通用户 1月前
    0 引用 140
    谢谢
  • _v℡拖油瓶℡ 普通用户 1月前
    0 引用 139
    感谢分享
  • 益达_1582524815 普通用户 1月前
    0 引用 138
    感谢
  • 一暮 普通用户 1月前
    0 引用 137
    感谢分享,有心了,下载下来看一下
  • 绿野仙踪 普通用户 1月前
    0 引用 136
    谢谢作者
  • 望舒 普通用户 1月前
    0 引用 135
    感谢
返回
axure商城