UI-宠物类APP界面设计

1.本课基本规范如图所示。

2.【Ctrl+N】创建画布【宽：750，高：1334】，创建一个矩形【宽：100，高：40】，点击【置顶】，拖拽【参考线】，在创建一个【高：88】的矩形，拖拽参考线，如图所示。

3.本课素材点击视频【右侧黄色按钮】进行下载，拖拽素材【状态栏】，选择【置顶】，创建一个矩形点击【置顶】，【Ctrl+T】自由变换，拖拽到【参考线】位置，修改【填充】色，添加矩形【投影】，参数如图所示，如图所示。

4.添加【文字】，【Ctrl+J】复制【文字】图层，修改【文字】内容，创建一个【矩形条】放置【动态】下方，调整【填充】色，如图所示。

5.添加素材【相机按钮】，【Ctrl+T】自由变化调整大小，移动位置。拖拽【相机按钮】图层到【状态】组，创建矩形【宽：690，高：280】，添加【10像素】圆角，调整矩形【渐变颜色】，如图所示。

6.添加素材【小狗】，【Ctrl+T】自由变化大小，移动位置，添加【文字】，【Ctrl+J】复制【文字】图层，创建一个矩形，【Alt+鼠标左键】移动并复制文字，修改【文字】内容和大小，如图所示。

7.使用【矩形工具】和【椭圆工具】通过创建多个矩形组合绘制【形状】，如图所示。