恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
怎样使用原型设计中的组件样式功能
0.0°
2018-03-09 原创文章 规范/资料 举报 1456 4 3 0

“样式”是一个集中管理你整个项目的页面和部件的外观和感受的解决方案。可以把它理解为微软Office Word中的样式,或修饰HTML的CSS样式。


当更新项目的视觉设计时,使用样式可以节省你很多时间。他们还可以帮助标准化或统一化多个团队成员对项目文档的编辑风格。一致的风格也可以帮助定义和加强你的品牌的外观和感受,增加线框图和原型的专业性。

何时会使用到样式呢?这几种情况下样式可以派上用场。

•大型项目:当你有一个大项目并且可交付物需要有一致的外观和感受时。

•多人协作:当你和团队其他成员协作,并需要保持每个人的编辑风格保持一致的时候。

•长期项目:当你计划在整个项目周期长期维护和更新你的文档时,样式可以帮你节省很多时间。

也有一些时候你不需要考虑使用样式,比如当你在做一个快速的原型时,你知道这个原型的寿命不长。但对于要使用一段时间的项目文档,最好尽早使用样式。你会很快知道这么做的好处,并且不需要在项目变得庞大时再去费力更新里面的内容。

这样看来,可以说样式是很重要的功能,能大大地帮助我们提高原型制作的效率。作为当今两大网红原型工具,Axure和Mockplus都支持样式功能。那么下面就来讲讲Axure和Mockplus组件样式功能上的具体用法:


Axure


在应用界面左上方点击“project”(项目),在下拉菜单中选择“widget style editor”(元件样式编辑器),即可弹出样式编辑器。

Image title


或者在界面右侧“Inspector”(监视器)下“STYLE”(样式)处点击“Manage Widget Styles”(管理原件样式),即可弹出样式编辑器。

Image title


在样式编辑器上端可以"add"(添加样式)、“duplicate”(复制样式)、“delete”(删除样式)、“move widget up/down”(上下移动样式)。左侧为样式清单,右侧为选中的样式的属性,在右侧即可编辑样式。这样能清楚地以文字形式展现样式库、罗列样式,易于管理;但是看不到样式具体的样子,改起属性来比较抽象。

Image title


样式的属性显示在界面上端第三栏和界面右侧“Inspector”(监视器)下“STYLE”(样式)处。

Image title



Mockplus


Mockplus中样式功能展示在应用界面的右上方。

保存样式:选中组件,设置好该组件的外观后,点击图中的加号,即可把组件当前的外观属性保存起来。

Image title


应用样式:应用时,选中某个类型的组件后,右侧即会加载该类型组件的样式,点击对应的样式,即可把该样式设置到选中的组件上;

Image title


还可以同时选中多个同类型的组件进行样式设置。但部分简单的组件是不支持样式的,如静态分类下的组件。

Image title


删除样式:删除时,只需要把鼠标移动到该样式上,就会显示一个红色的删除按钮,点击即可删除;需要注意的是:只能删除自己添加的样式。

Image title


添加样式库:需要输入样式库名称及描述;名称会显示到下拉框的位置;描述用于对库进行一个简短说明,在管理样式库的时候可以看到。

Image title


管理样式库:名称前的圆点表示库的同步状态;右侧按钮,分别表示:编辑样式库信息、同步该样式库、分享样式库、删除样式库;列表各项其它信息为:作者、分享人数、备注。

Image title


分享样式库:可以添加或删除分享成员,成员来源为企业内部添加的成员账号。企业版的成员用户还可以编辑共享的组件样式。

Image title



更新:2018-03-09

收藏

4人已收藏

摹客设计云

设计1+2,摹客就够了!

  • 576

    作品

  • 859

    粉丝

  • 6

    关注

  • 【摹客RP会员日】狂欢来袭!终身版团购低至5折!
  • 摹客RP买一年送一年!这波钜惠只剩最后5天!
  • 摹客RP,个人空间全新上线,享沉浸式设计体验!
  • 产品经理需要了解的前后端技术知识
相关标签

    猜你喜欢

      2018-03-09 原创文章 规范/资料 举报 1456 4 3 0

      怎样使用原型设计中的组件样式功能

      0.0°

      你确定要举报怎样使用原型设计中的组件样式功能

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年03月09日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      3
      4
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录