今天完成的事情：

 做了一个登录

明天计划的事情：

再继续做登录页面

遇到的问题：

1. 新建一个600X600的图层.点菜单上的视图,标尺打上勾.在中间拉一个十字线出来.

2. 用椭圆工具.拉一个正圆形.描边.居中.颜色自己选择.约20像素精细.取消蚂蚁线.复制这个图层.

3. 用缩放工具选中圆,在菜单上的视图下面,有个像眼睛的图标.保持长宽比.点一下.然后缩放小一点.确定后,可能会细一点.可以选中这个圆.在菜单上点.选择,修改.选择扩展.输入大约4像素.填充相同颜色.这样再做一个.做好三个不同大小的圆以后.全并三个图层.

4. 用矩形工具,选中四分之一.反选.删除四分之三.取消蚂蚁线.用缩放工具调节正位.

5. 用画笔工具在三个弧形下面点一个圆出来.填充相同颜色,选择选中图标显示蚂蚁线.描边3像素.黑色.中间选择其它颜色填充.

6. 最后可以在圆下面做个倒影,在背景图层上添加一个空白图层.用椭圆工具,羽化5像素.拉一个圆出来.填充相同颜色,调节透明度为56左右.

收获：

明亮ui的配色原则

内容应该比背景明亮 通过亮度的对比 可以使你想突出的内容轮廓更加清晰易读

不要过度使用颜色 颜色总是可以抓住人们的视线 单过度使用却会往往会让人们忽视主题内容

因此 仅在需要进行突出提示的地方 如重要的按钮以及需要突出的状态时 使用颜色

暗色ui的配色原则

不要使用纯黑 那样很难看到细节 另外与白色的对比会显得过高

如果你必须使用黑色 那么请选择使用暗灰作为替代 这样可以消除过高的对比度

当使用蓝色时避免同时使用灰色 深蓝与蓝色更相配