首先还是每日分享~

过去我听父母的听老师的听女朋友的，现在我要做一个主宰自己人生的人。

============================================

今天完成的事情：

1. 学会了photoshop的一些基本操作，包括切图，导出png图片，测量尺寸，检查rgb颜色等。

2. 学会了调整页面中引用到的图片的尺寸。

3. 学会了设置文字字体和颜色。

明天计划的事情：

1. 学习怎样让 style 分级更合理，更简洁 

2. 修改并完成任务3，研究人后完成后的深度思考问题

3. 预览任务4

遇到的问题：

1. 看完教程还是没搞懂怎么切图和导出

这个虽说是基本中的基本，但我这个没摸过PS的人照着教程做的时候还是一脸懵逼的。。后来找了bilibili上的切图教学视频，又对照了师兄之前给的提示，总算是搞懂了。

下图是切图工具的使用。

下图是导出图层

保存前需要选择所有用户切片，否则会有其他没用的切片被一同被保存下来。

2. 导出图片清晰度不够

这个问题参考了前人提问下面的答案。在输出图片格式的时候需要选择 PNG-24, 否则默认的 PNG-8 图片是压缩后的清晰度。

3. 导出图片有青色背景

做到这我才悟到了师兄说的合并/保存图层的意思。页面下方的两个图标是由圆形背景和白色图案两个图层合并而来的。首先在图层面板上选中两个图层，右键->合并图层， 再右键编辑内容。这时就可以使用Ctrl+Alt+Shift+S保存透明的PNG图片了。其实并没有用到切图。。

4. 如何使用PS快速导出所有图片

想到了这个问题，还没时间研究。本任务图片不算多，所以导出起来还不算麻烦。不知道批量导出是否有意义。

[Unresolved] 批量导出的操作和实用价值？

5. 图片大小

这个问题不是很难。除了主logo之外的三个icon其实都是圆形的，我用PS量了一下他们的尺寸，按照这个尺寸设置在style里面（宽和高选一个设置，另一个会自动等比例伸缩）。

收获：

今天最大的收获是感受到了作为一个前端工程师，拿到设计人员给出的页面设计方案后尽力去通过html+css完整实现出来的这个过程。做出最终的效果后还是很有成就感的。但也还有不是很舒服的地方，例如style标签里边的class selector越来越多，越写越长，如何合理的归类和梳理层级似乎也是一个需要尽快考虑的问题。不然稍微复杂点的页面光是stylesheet就又臭又长，很难让人满意。

前路漫漫，加油

<===== To Be continued