第12、13周学习笔记

Adobe XD :

• 任务：QQ界面的模拟

• 完成情况：共计12个页面设计及交互

• 技能学习情况：

       1、重复网格的使用：

         （1）选中多个图层，在右侧控制面板点击重复网格（ctrl+R)，出现绿色虚线边框后可向右侧和下方拖拽自动复制选中的图层

 

         （2）拖拽至目标数量后可在复制的图层组之间（粉色部分）滑动鼠标改变组间距

 

         （3）选中重复网格，点击右侧控制面板取消网格编组（shift+ctrl+G)，会出现独立的组件，更方便编辑和更改具体内容

      2、带有形状的蒙版:

         （1）在空白界面复制目标图片

         （2）用左侧作图工具圈出目标图像形状

 

 

         （3）在图界面选中目标图片和圈出的形状图标，在上方导航栏“对象”中选择，“带有形状的蒙版” （shift+ctrl+M），两个图层会共同组成蒙版组，可直接当作图标使用。