UI-民宿类APP界面设计

1.         打开【PS】,【Ctrl+N】新建画布，【M】选择选区框，【状态栏】40像素，【导航栏】88像素，【底部标签

栏】98像素，分别为其拉一条【参考线】。

2.         拖入【状态栏】素材，【居中】对齐，【矩形工具】在【导航栏】画一个546*60像素的搜索框，【居中】对齐，在88像素内【置底】，【圆角】29.5像素，【描边】1像素、颜色为【eaeaea】，【填充】白色，添加【投影】。

3.          拖入【搜索按钮】素材，【放置】在搜索框当中：水平距左边32像素、垂直居中对齐，【调整】大小、【宽高】数值为双数，添加【颜色叠加】，【文字工具】输入提示文案。

4.         拖入【扫一扫】素材，【放置】在【导航栏】当中：水平距左边30像素、垂直与搜索框居中对齐，【调整】大小、【宽高】数值为双数，不得高于搜索框，添加【颜色叠加】，同样步骤放置【消息】素材，【Ctrl+G】打组【导航栏】。

5.         【矩形工具】创建670*270像素的矩形，水平居中对齐，垂直距【导航栏】50像素，【圆角】10像素，拖入图片素材，按【Alt】放置矩形中，点击【左键】剪切，新建图层，降低【不透明度】，【文字工具】输入文案，【Ctrl+G】打组【banner】。

6.         【矩形工具】创建矩形，【Alt】移动复制一个，【Ctrl+G】打组【轮播按钮】，距【banner】40像素【Ctrl+G】打组【轮播按钮】，拖入【banner】组中。