关于xd使用的心得

(一）xd快捷操作

1.xd整体更改颜色/字体/组件

举例场景：画板中某类字体类型/颜色不合适

示例：将文中的字体【等线#4880ff-15】统一改为【苹方#646464-15】

2.xd重复网格工具

举例场景：快速制作表格/图片预览模式

注意事项：如果表格中有【带颜色的状态组件】，修改不同状态颜色时需要将重复网格解组

3.xd对其像素网格工具

举例场景：画板中元素位置存在小数点

注意事项：【对其像素网格】不适合对于无边框的图标的位置对齐，会形状变形

4.xd跨组选择

举例场景：选择不同组的元素进行对齐，同时按住ctrl+shift

5.xd导出高清图

举例场景：使用xd生成效果图会很模糊，需要安装蓝狐插件，导入到蓝狐里面再进行导出。

6.xd快捷键

导入Ctrl+Shift+I；锁定/解锁Ctrl+L；

重复网格Ctrl+R；粘贴外观 Ctrl+Alt+V；

左对齐Ctrl+Shift+←；水平居中Shift+C；

右对齐Ctrl+Shift+→；顶对齐Ctrl+Shift+↑；

垂直居中Shift+M；底对齐Ctrl+Shift+↓；

水平分布Ctrl+Shift+H；垂直分布Ctrl+Shift+V；

加粗Ctrl+B；倾斜Ctrl+I

(二）xd使用bug

1.文字输入经常会卡顿

2.不能在手机端实现实时预览

3.如果在xd绘制图标使用描边，不能转换为路径

4.不能在画板中插入太多图片，会闪退

(三）xd资源

1.移动端xd资源（包含小程序和app)：

有赞出品-组件规范很详细。

https://design.youzan.com/resource/resource.html

有赞插件可以安装在xd，直接拖拽使用

https://xd.94xy.com/adobe-xd-plugin/36.html

百度出品-小程序组件，这个网站特点是会有【设计指南】和【走查表】

https://smartprogram.baidu.com/docs/develop/extended/ui_component/info/

其他的例如京东/腾讯/阿里都出自己的xd(或sketch）组件资源，可以自己上网自行搜索。

2.pc端xd资源

我目前知道经常访问的就是antdesign和element ui。

除此之外，推荐一篇由【小强】写的比较有深度的文章【被忽略的设计原则（SAP vs Salesforce vs 蚂蚁金服）https://www.sohu.com/a/292469648_652820】

完~~~