Adobe XD :
-
任务:QQ界面的模拟
-
完成情况:共计12个页面设计及交互
-
技能学习情况:
1、重复网格的使用:
(1)选中多个图层,在右侧控制面板点击重复网格(ctrl+R),出现绿色虚线边框后可向右侧和下方拖拽自动复制选中的图层
(2)拖拽至目标数量后可在复制的图层组之间(粉色部分)滑动鼠标改变组间距
(3)选中重复网格,点击右侧控制面板取消网格编组(shift+ctrl+G),会出现独立的组件,更方便编辑和更改具体内容
2、带有形状的蒙版:
(1)在空白界面复制目标图片
(2)用左侧作图工具圈出目标图像形状
(3)在图界面选中目标图片和圈出的形状图标,在上方导航栏“对象”中选择,“带有形状的蒙版” (shift+ctrl+M),两个图层会共同组成蒙版组,可直接当作图标使用。