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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
聊聊xiaopiu那些鲜为人知的惊喜功能(终极篇)
0.0°
2019-09-23 原创文章 教程 举报 2706 8 6 0

小伙伴们久等了~~快到国庆啦,国庆前赶紧把这波终极篇给大家推送起来,这样大家就可以愉快地加班啦!有足够的时间快乐学习啦~

系列文前两篇传送门:

「聊聊xiaopiu那些鲜为人知的惊喜功能(基础篇)」

「聊聊xiaopiu那些鲜为人知的惊喜功能(进阶篇)」

 

本篇除了进阶功能外,还包含了一些总结性的内容和功能彩蛋,快快,要发车啦~!快上车!滴 ——


 

终极篇


一、开发必备:帮助团队感情日渐深厚的功能


1、标注:直接选中复制文本


你以为我是来推荐标注功能的?不!标注已经被大家熟知并且用得非常顺手了,我就不废话了~但是有一个功能一定只有非常非常少的一小部分人知道!

标注页下只要选中文本组件就已经复制好文本了!!不需要使用复制快捷键!也不需要在选中以后再在右侧面板点击复制!

Image title


  

2、查看相对父级位置

 

对于开发而言,内部组件相对父级的位置往往比其在页面中的位置更重要,在标注面板中点击「相对父级」即可将所有绝对位置信息调整为相对父级的位置信息!

Image title





二、产品须知:产品需求文档(PRD)的那些逆天功能


3、原型备注一键导入PRD

 

在原型上写好的备注在PRD中难道还要一条一条粘贴过来吗?当然不用!为解决这个问题,我们专门为你准备了一键导入原型备注的功能!

Image title


 

4、快速移动多个组件

 

如果写着写着发现前面漏写了一个表格怎么办?下面的组件要一个一个选中往下移动给它腾出位置吗?不需要!我们给你准备了神器一枚!你只需要选中任意组件,拖拽组件上方的「整体移动」按钮,就可以整体移动该组件下方的所有组件啦!

Image title





三、页面流程里的这些功能你用过了吗


5、流程图页面分布太远不好连线?「自动整理」用了吗?

 

页面流程模式下过于自由,页面排得很乱怎么办?用左上角的「页面平铺」功能,一键将页面在屏幕内排布得整整齐齐~

Image title


 

6、快捷添加事件连线

 

做原型时已经添加过的交互事件,在页面流程页还需重新连线吗?当然不需要~!全选页面后使用「生成交互事件连线」功能,即可立刻连好所有事件连线啦!

Image title


 

7、显示长页面


希望在页面流程中使用长页面连线的小伙伴也可以在设置中开启「显示长页面」哟~

Image title


 

8、快捷键 P:快捷连接页面连线

 

页面流程模式下,页面中组件边缘常常和页面边缘有重合,很难选中页面进行页面连线。此时按住快捷键「P」,即可直接屏蔽组件,只连接页面连线啦!

Image title


 

9、快捷键 L:锁定组件选中态

 

与页面和组件间的干扰同理,在页面内悬停组件也经常会有组件相互影响的情况。为避免干扰,你只需要选中组件后按住快捷键「L」,即可锁定当前悬停的组件开始连线啦~!

Image title





四、如何打破次元壁使用xiaopiu冷门功能


10、随机的自定义填充功能,告别选择困难症,我们都用它来点外卖

 

xiaopiu的公司文化之一是点外卖,233号的副业之一就是如何让同事能够每天换着花样点好吃的外卖。于是我们强效利用了xiaopiu插件的「智能填充-自定义文本」功能!

填完了日常试过的不踩雷菜单后,将其写入列表,纠结的时候就靠它解决了!

Image title



 

11、苦于如何配色?这个功能让你配色一时爽,一直配色一直爽!

 

配色真的是产品与UI都会遇到的难题,版式排的非常漂亮,一上色就会面临稍微不小心就弄得不好看的问题。各大网站的配色教程里都有一个非常简单且实用的配色方法,就是通过上传某张图片到配色网站后使用一种取色方法后台取得配色。在我们的标注功能中也可以利用该功能取得一样的效果!选中图片即可出一套优雅的配色方案!点击立即复制颜色值哦!

Image title




 

五、精选广场内容太多不知怎么复用?看这里!


当然,不管是基础篇、进阶篇还是彩蛋篇,介绍的都是,以上功能都抵不过做原型时一个最高效的操作——复用别人的原型资源!不想用,如果有小伙伴觉得精选广场内容太多看花眼了,我们也有精心整理的打包方案供你使用哟!点击链接直接获取~!↓


20+行业分类,100+完整项目,帮你快速找到想要的原型资源!


本篇文章整理了100+优质原型,按照分类将已有的原型项目筛选了一遍,需要按分类获取的赶紧收藏起来吧!



Ant Design资源一网打尽


除了编辑页随时获取的高复用Ant Design高级组件外,我们还提供全套Ant Design项目、页面、组件,同时包含Web和Mobile,美观易使用,即拿即用~!

 

 



 

关于xiaopiu原型工具里的那些惊喜功能就盘点到这里啦~

众多的细节可以凝聚成良好的用户体验,虽然这些功能很多看似都比较小,但都是我们在为提高用户工作效率上做的优化。我们或许现在还有许多不足,但xiaopiu绝对不会停驻不前,未来一定还会优化更好用、更高效的产品给大家使用~!


预祝大家国庆快乐哟~

 

更新:2019-09-23

收藏

8人已收藏

xiaopiu

xiaopiu.com - 优雅高效的在线原型设计平台

  • 106

    作品

  • 1622

    粉丝

  • 1

    关注

  • 无缝切换工具,「Sketch 适配模式」开启快速上手新体验!
  • 高效评审 : 和团队一起在设计稿上「打点讨论」!
  • 「即时设计」又双叒叕更新啦!「团队版」让你协作、管理更轻松!
  • 「即时设计」更新啦!飞速迭代,5 大功能同时上线!

    猜你喜欢

      2019-09-23 原创文章 教程 举报 2706 8 6 0

      聊聊xiaopiu那些鲜为人知的惊喜功能(终极篇)

      0.0°

      你确定要举报聊聊xiaopiu那些鲜为人知的惊喜功能(终极篇)

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2019年09月23日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      6
      8
      0

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

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

      登录

      手机号

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

      登录
      第三方账号登录