1.选择一个16X9像素的空白背景，颜色模式设置为CMYK模式。
CMYK模式颜色是由青色、品红色、黄色和黑色组成，适合打印出版物的色彩设计。

新建文件，点击确定，空白文件会自动显示在软件中。
对于新建空白文件来说，图像的宽度和高度的大小要按照等比例进行设计，也可以不勾选重新定义新像素来实现。

打开一张图片，移动到白色背景画布中，选择椭圆工具，设置路径为了方便转换为选区，设置为5个像素，像素越大，椭圆效果越明显。然后选择渐变工具，选中系统自带的蓝红渐变，修改颜色改为紫色，进行渐变的填充，点击确定。

然后选择工作路径，鼠标CRL点击工作路径，设置为选区，选择径向渐变类型，从中心向外画出渐变的颜色。
渐变的方向是从内到外为蓝色到紫色的渐变效果图。

接着选择修改收缩个像素，将选区缩小一些，然后再次从外向内渐变，然后alt快捷键复制个，如图所示。然后找到图片的一个图标按钮，然后用钢笔工具勾勒好，鼠标左键拉动到合适位置，然后选择个图层，水平居中分布对齐。
然后选择右对齐分布，分布均匀。

分布按钮是在选择工具上方的工具栏中，有平均分布对齐等多个按钮。

再次用椭圆工具勾画另一个图的图标，然后用自由变换调整到合适位置，然后点击个图层之后，进行右对齐分布。
分布到形状中的最右边位置即可。
选择一个不同的图的设计图片，然后用钢笔工具进行勾画图标，或者为了方便，可以直接用加深套索工具来选，选中其需要图形的一部分。

选中图形，形状图形，全部选中相应图层，调整垂直分布和居中分布。
当分布不均匀，可以按住鼠标左键自动进行调整。

所有的图标都自由变换，调整到合适位置，如图。
按住crl+t来实现图形的自由变换的内容。
输入相应的文字，文字的颜色设置为白色，将其三个文字图层，按住shift键和左右方向键进行移动调整来改变。
之后将图的图片进行调整，便于观看，文字进行排版即可。

高效网页设计技术1.
对齐布局把一个Web页面迁移到生产环境一定要尽可能的简单，快捷。
为了实现真正的敏捷性，跟上业务发展的步伐，必须要把Web页面频繁地部署到生产环境才可以，否则，延迟会跨越开发周期地堆积起来。

减少嵌套一个页面越复杂，改变它就越困难。
解决方案是什么？
当发现一个系统规模太大的时候，把这个系统分成几个更小的子系统。
但是，要完成这个任务，需要这样一种技术：既可以帮助你理解复杂的系统，又可以帮助开发团队把系统分成多个更容易管理的组件。

以用户为中心对于一个时间紧迫的业务问题来说，制定一个快速的解决方案，以后再修改这个页面，让它适应生产环境，是十分具有诱惑力的。
这似乎看起来很敏捷，但是，在现实中，浏览器兼容性、安全防护和界面设计都是不可忽略的事情。

2.
响应式设计方案要快速地实施改变，团队需要确定这些改变不会破坏已经完成的工作。
通过以下三个步骤，这个问题会被最小化：首先，在设计过程中，使用预览工具：如果一个页面的布局会破坏整个视觉效果，那么这个工具需要马上显示出来。
其次，进行单元测试。
最后，确保改变的影响可以被度量，尤其是把生产性的数据放到生产性的服务器中的时候。

3.
注重用户体验人员离职，由不同的团队负责开发和维护，或者必须把团队重新分配到不同的项目中，这些都是需要在用户体验方面进行投资的理由。
但是，不要把用户体验的重担压在开发者的肩上。
分析工具是无法满足这方面的需求的，走查代码比较缓慢，而且也比较困难。
应该使用原型设计或用户界面设计工具，把这个任务交给工具来完成。

4.
持续改进在面对需要长时间才能批准迁移到生产环境的官僚化流程的时候，只需要1秒钟的部署流程的优势彻底丧失了。
要实现真正的灵活控制，有两件事情是必需的：全面反馈——如果问题发生的时候，知道应该向谁寻求帮助；
最重要的是，可以回滚一个不太成功的方案。
要快速地让客户看到设计效果，尽早获得反馈至关重要。

5.
密切合作越早获得客户的反馈，网页设计就会越早走上正轨。
如果理念错误的话，设计速度再快也没有意义。
考虑到这一点，客户可以很容易地提供关于他们想看到的改进的反馈是至关重要的。