html 怎样把网页放到photoshop中

因为你们老师或者培训机构没有系统的教你网页制作的过程，所以你描述的问题也是莫凌两颗。

首先，网页制作前期是策划跟客户沟通好后拿出方案，根据方案要求设计师设计出效果图出来交给客户签字定稿的，最后通过HTML和后台来实现程序运行测试和上线。而你所说说的 “在看一些网课视频的时候都会在Photoshop里面测量距离 取颜色查看字体等等，请问是怎样导入的？”这是你对Photoshop里面的效果产生了误解，误以为是从HTML导入进来的图，而恰恰相反，HTML是通个这个图来才能实现的页面效果。

一开始这张效果图是早己经用Photoshop制作好了的，源文件存放在了某一个盘符里，当WEB前端设计师在写网页面结构的时候就调用到这个PS文件，按UI设计师的样式去实现效果，如：网页页面宽高，页头文字大小字号等，搜索条的大小位置，主体色，背景色等。都是按着这个图来的。

其次，当WEB前端设计师在写CSS样式时，不知道某一位置的宽高的情况下，是要调出这个效果图测量一下它的宽度和高度，或者作吸管工具吸一下背景色，看背景色的取值是多少？使得制作出来的最终页面与效果图一致。

所以，如上所描述。不是导入，而是预先制作好的，直接打开的。如果你要练习的话，也可以用QQ或微信的剪切工具，当在电脑上的某一处拖动时鼠标右下角会两个数字和一个RGB带参数的，就是拖动范围的宽高和RGB的取色值。

首先是格式问题，ps里可以兼容 cmyk与rgb等多种颜色模式，统一想要做的文件颜色格式，cmyk一般用于印刷，rgb一般用于网页及打印。第二点需要注意的是显示器颜色，因为发光体与打印出来的要有一定差别，最好是根据需要打印的文件先矫正一下显示器。最后就是输出，有些打印机是4色的，有些是6色，12色，根据不同打印机类型出小样后再制作。印刷的话也需要出小样，但转换度较小差别不大。

效果图（截自喜马拉雅 小说Tab 板块）如下：

最后实现的效果：

这里ImageVIew使用的图片如下（透明背景）：

数据都创建完成后就可以创建Banner的图片加载器了~

Palette取色方法：

创建BannerImageLoader类：

在加载器中将色值取出并存放到集合中，接下来就可以在Banner的每次滑动中把对应的色值配对到背景中了。

通过Banner的setOnPageChangeListener进行监听

在监听中使用通过ColorUtils 获取当前banner和下一个banner的色值。并将获取到的值配对到背景和状态栏中。

---