如何设计一个成功的网站？

很高兴回答你的问题，希望回答对你有帮助

网站也是与用户沟通的一个渠道。每种风格背后都有一些固定构成，风格分为好多，首先你要知道自己需要设计的是什么风格，心里要有数，才可以做的好。每种风格都适合各种网站，尤其是拥有大量内容的网站。网站的特点十分鲜明：丰富的布局、多列分栏结构、简洁的页面还有对比鲜明的颜色。

明确目标用户

在开始网站设计之前，我们首先要问自己一个问题：“网站是为谁搭建的？”不是每个网站的设计者都能准确有效地回答这个问题，有的人会说“网上的每一个人”，还有的会说“所有喜爱某类产品的人”、“所有爱看书的人”或者“所有喜欢美食的人”。

找准自己的定位，很重要，方向不能错，设计要简洁一目了然，应具有创意

组织机构，要清晰对网站内容分类并选择组织系统时，全局导航作为顶层类别，对用户和企业来说是意义重大的，因为它展现了网站的顶层架构。

局部导航也称为栏目导航，要醒目局部导航通常出现在全局导航的下方，用户在访问网站的一个页面时，会关注页面的内容导航内容很重要。

网站的系统设计要保持一致性保持一致性：同种类型页面的架构一致、交互操作一致、视觉效果一致等。比如，所有商品的详情页都使用同样的布局。

第一，沟通，定位风格，栏目建立拓扑图，确定要出现的栏目。

第二，客户资料，logo，客户相关的尽可能完善的字体图片资料。

第三，分析资料从庞杂的资料中对重点进行整理，取舍，优化方案。

第四，草图布局对网页首页布局进行草图设计。

第五，寻找素材同类型或同行业网站搜集配色，图标，图片等初稿沟通完成首页设计并交付对方根据修改意见进行修改，进行其他页面设计。

第六，校对完稿交付后期。

如何用PS来设计简单的网页？

PS软件应用十分的广泛，修改图像，运用图层蒙版设计简单网页，文字排版，网页优化，包括导航图，网页底端的页脚，网页主题内容，特效文字的制作，动作按钮的设计等。今天和我一起来学习如何用PS来设计简单的网页这篇文章吧。

1、新建一个800X600像素的空白背景，颜色模式设置为RGB模式。RGB模式颜色是由红色，绿色，蓝色三种颜色相交构成，可以更好的显示网页中的色彩内容。

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

3、打开一张车的图片，移动到白色背景画布中，选择圆角矩形工具，选择路径为了方便转换为选区，设置为5个像素，像素越大，圆角矩形的四个圆角就是更加的明显，然后选择渐变工具，选中系统自带的黑白渐变，修改黑白渐变的颜色，改为灰白，也可以设置前景色为灰色，背景色为白色进行渐变的填充，然后点击确定。

4、然后选择工作路径，鼠标CRL点击工作路径，设置为选区，选中线性渐变类型，然后画出渐变的颜色。渐变的方向是从上到下为白色到浅灰色的渐变效果图。

5、然后选择修改收缩2个像素，就是将选区收缩小2个像素，变小一些，然后再次从下向上渐变，然后alt快捷键复制2个，如图所示，然后找到车的一个的图标按钮，然后用磁性套索工具勾勒好，然后鼠标左键拉动到合适位置，然后选择3个图层，然后水平分布，和居中分布对齐。然后选择左对齐分布，分布均匀。分布按钮是在选择工具上方的工具栏中，有平均分布对齐等多个按钮。

6、然后再次用钢笔工具勾画另外一个车的图标，然后再用自由变换调整到合适位置，然后点击2个图层之后，进行左对齐分布。分布到形状中的最左边位置即可。

7、再次选择一个不同的车的图标设计图片，然后用钢笔工具进行勾画图标，或者为了方便，可以直接用魔棒工具来选择，选中其需要图形的一部分。

8、然后再次选中图形，形状图形，全部选中相应图层，调整水平分布和左对齐分布。当分布不均匀，可以按住鼠标左键自动进行调整。

9、所有的图标都自由变换，调整到合适位置，如图。按住crl+t来实现图形的自由变换的内容。如图

10、输入相应的文字，文字的颜色设置为黑色，将其三个文字图层，按住shift键和左右方向键进行移动调整来改变。之后将车的图片进行调整，便于观看，文字进行排版即可。