1、ps作为设计师必备的软件我们肯定是需要掌握的ps涉及领域及广，基本上的设计行业都需要用到这款软件UI设计当然也不例外，虽然目前市场上也逐渐出现了一些可以代替ps做UI界面输出的软件，但基于ps强大功能，需要用到的地方很多，所以依旧还是有着不可撼动的地位而且这款软件作为设计师启蒙软件，学会了；01打开电脑中的Photoshop界面首先，我们创建一个画布，宽度为1200，任意高度，分辨率为7202画布创建完成后，我们在1200px左右两边拉一条辅助线固定03然后打开画布大小，取消“相对”，宽度调整为1920px04设置好之后，在红色区域，也就是1200px区域编辑设计就行了，看你个人网页设计能力ps制作网页；ps怎么设计网页模板？ps怎么设计网页模板？我们在看网站的时候会发现设计师们也越来越注重模式设计，不同的网站设计风格，需要不同的设计思路，网站的设计需要什么要求呢？接下来小编就带大家来看看网页的设计方法在网站设计中使用字体的步骤首先，我们需要先确定一个网站的类型和类型如果是企业网站，我们就；制作网页的Photoshop方法 网页设计的方法有很多，比如直接写代码可视化软件设计如DreamWeaver用中间软件进行格式转换如Word生成HTML代码网页的PS设计等我们收集整理了关于Photoshop的网页，供大家参考首先用Photoshop创建空白色画布，加载网页图片使用切片工具将图片切片成想要的效果然后打开。

2、是高效易用的自动标注工具，生成前端代码，设计研发协作利器只需点击拖拽，即可轻松获得间距尺寸，字体，阴影圆角等所有信息PNG，JPG也能手动测量支持标注单位PX，PT，DPSP，REM还可以生成前端代码，支持WinMac，支持PSSketch等 3Zeplin Zeplin是配合着Sketch非常好用的一款插件，设计稿完成后，可以直接从Sketch；我也是自己喜欢PS，我的方法比较麻烦，比较实用，也不用烤炉有插件，方法如下1 在浏览器输入 我要自学网找到官网点击打开 2 打开进入登入首页找到平面设计 3 点击平面设计后就会出现很多PS课程，你可以选择自己需要的版本 4点击你想下载的版本后，在下面的课程素材中找到下载方式 5下载需要百度。

3、photoshop有专门的切割工具，按需要把设计好的网页切割好后用ctrlaltshifts保存，就会生成一个html文件了，你会发现html的图片文件夹里已经有你切好的一块一块的小图片浏览这个web页面，显示的效果和ps中的完全一致，似乎布局已经完成了但Dreamweaver现在才刚刚开始排的上用场，因为网页毕竟不是纯粹的；他的更大优势在于他和网页的关联性，还有切图功能FW 还能处理 gif 动画，他是专门针对 网页设计的一款软件FW 刚用有点不顺手 ， 如果你坚持用一月，那就很熟练了到那时你会发现 做网页设计比 PS 要高效当然对视觉要求高的设计中，可以先用 ps 来处理效果 而后在用 FW 切图。

4、Macromedia公司出品的一款网页制作软件fireworks，简称FW，是网页三剑客中的一份子，2005年被Adobe奥多比公司收购2；其他方面都不如photoshop，个人习惯用photoshop，快出CS5了 fireworks主要是切图方便，可以用ps代替，我就用的ps，没有用fireworks，觉得挺麻烦的，ps不管是作图还是p图都要方便些 是用来处理图片的 不过ps好像也有这个功能 但是fireworks能做出来矢量图的 也是网页三剑客一员 给分。