网页设计草图素材（绘制网页草图）
怎么用PS做一个网页效果图
设计草图：在开始使用Photoshop之前，建议您先绘制出网页的基本布局草图。使用铅笔工具绘制网页的各个部分，例如头部、主体内容区域、导航栏和页脚等。确保草图清晰地体现出网页的整体结构。 色彩与布局：在草图基础上，开始在Photoshop中构建网页的设计。
我的建议是，首先你要对PS的操作比较熟练，一些最常见的网页效果，你看到后，要能用PS实现出来，也就是能画出来。这些都达到要求后，下面你就开始了解一些最基本的网页设计知识。比如一般的网页宽度960像素，字体大小是12号宋体。等等这些内容。
使用Photoshop制作网页效果图 创建背景图片：新建一个1920px*400px的文件。使用渐变工具，拉一个从蓝色到白色的渐变，作为网页背景。保存这张图片为gif格式，作为网页的顶部背景。设计网页效果图：新建一个1000*800的文件，用于设计整个网页的效果图。使用各种PS工具设计网页的布局和内容。
用PS打开网页效果图PSD文件，根据网页效果图拉出参考线，同时为了方便切图可以右键点击把面板的颜色自定成对比鲜明的颜色。在PS图层中找出主背景图层，如果背景图是渐变的话可以只切出一两像素，后面再代码中设置填充。隐藏其他图层，把背景图切出来。
图8）在路图片上方新建一层，按住CTRL+路图层，单击新建的图层，填充颜色4E341B，调整为暗系沙漠黄。如图5。（图9）制作文字LOGO牌。
ps、fireworks都可以用来做效果图的，用这些工具做效果图的时候只要注意一下栏目的排版以及用色的协调性，ps做网页效果图常用的效果不多，所要只要掌握几种常用的工具用法就可以了：选取、剪切、填色、渐变、蒙版、切图等。
网页设计技巧分享,如何让你的网页不再沉闷
1、但这时你要记住，不要偏离了极简的方向，你可以把设计集中到焦点内容上，让焦点内容成为唯一重要的视觉核心。使用一些创造性的技巧来处理细节。
2、网页设计的10个技巧：确定网站的目的。网站：如果Jar设计对网站的目的没有很好的了解，就无法创建有效的主页设计。所以，列出网站的目的很重要。记住，你的主页给用户的第一印象。所以，请确保您能够在第一眼就传达网站的目的。让观众从主页上知道你的网站是什么，这样他们在你的网站上就会得到指导。
3、字体样式的使用有些设计者在进行网页设计的时候，为了增强视觉效果，为了让自己的网页与众不同，他们会在网页中使用多种字体样式，多种字体样式会给人一种凌乱的感觉，网页中字体样式最多不要超过三种。
4、注意善于使用对比手法 通过对比色的使用可以在很大程度上提高可读性。如果文字的颜色非常深的话那么我们在背景颜色的选择上就要使用浅色的色系，背景的颜色和文字相近的话，就会使得用户在浏览网页的时候出现一些障碍。
请教下网页设计方面的达人
1、第二部分为网页的制作，这一过程是在计算机上完成的。 设计首页的第一步是设计版面布局。我们可以将网页看作传统的报刊杂志来编辑，这里面有文字、图像乃至动画，我们要做的工作就是以最适合的方式将图片和文字排放在页面的不同位置。 除了要有一台配置不错的计算机外，软件也是必需的。
2、那么很可能是这个界面上的按钮有着设计良好的四态（正常、鼠标移上、鼠标按下、不可用），它会随时对你的操作给出反馈。懂用户体验的前端工程师，会让他的作品与用户沟通，能够touch到用户心中那一块柔软的区域。FE需要有一点强迫症。这体现在对任何瑕疵的不容忍。
3、先学会用photoshop，懂得怎样处理图片的大小，如果你想制作简单网站，用front page，也可用Dreamweaver，学会看dreamweaver的命令，看看别人的网站的源文件，复制到自己软件 首先，可以告诉想学网页制作的朋友。学习制作网页和学习其它知识一样，是要有基础的。在基础之上学习起来会比较轻松和快捷的。
