web-后台界面网页设计

1、   打开【PS】，选择【新建】、【web】，创建【1440px*900px】的画板。

2、   在垂直方向230px处【新建参考线】，使用【矩形工具】创建【230px*900px】的矩形，放在左侧，【Alt+Delete】填充为白色。修改图层名为“bg”。

3、   将logo拖进画板，距顶部和左侧分别为38px，调整位置。使用【圆角矩形工具】创建矩形，【高度】为2px，【宽度】和logo的宽度相同，填充灰蓝色，【不透明度】为40%，距离logo40px；选中两图层【Ctrl+G】编组，命名为“logo”。

4、   使用【文本工具】输入文字“我的管理”，【微软雅黑】，大小16px，【字体样式】为bold。同样输入其他文案，【字体样式】为Regular，【字体颜色】为灰色，调整每行字的间距为40px。

5、   将图标拖进画板，放在每行字的前面，和logo对齐；调整文字部分距离圆角矩形50px，图标距离文字20px。

6、   使用【椭圆工具】创建【10px*10px】的圆形，填充红色，距“我的管理”10px的距离，使用【文本工具】输入数字8，大小8px，【字体颜色】为白色，调整位置。【Ctrl+J】复制，移动到“消息”的后面，数字改为13。选中所有图层【Ctrl+G】编组，命名为“列表”。

7、   在水平方向112px处【新建参考线】，使用【椭圆工具】创建【44px*44px】的圆形，调整位置，将素材拖进画板，【Ctrl+T