一个网页一般为上中下三级结构，上部为网站的标题及导航区，所谓导航也就是常见的栏目菜单。中部是网站内容的正文。底部则是网站的版权声明及其他说明。怎样在ps中做呢？
【 tulaoshi.com - 网页设计 】
现在我们来制作一个简单的网页设计稿。设计稿如下图。
（本文来源于图老师网站，更多请访问https://www.tulaoshi.com/wysj/）
新建一个640×480的白底图像，然后使用形状工具的矢量方式13-4 实战网页设计稿，画出一个长方形。这个长方形本身具有4个锚点，我们使用锚点添加工具，在长方形的上边和下边分别各增加两个锚点，这样矩形就有了8个锚点。现在使用直接选择工具选中位于右侧的上下4个锚点，将它们整体向上方移动些许。形成一个带拐角的S形。
过程如下左图所示。完成后使用直接选择工具将两条垂直边分别向左右端移动达到画面边缘，如下右图所示。
再将我们之前做好的文字和徽标放进来，排列在左端的位置，大致如下右图。下方的小文字使用的是“准圆”，大家也可使用其它的字体。只是注意在字号比较小的时候，要尝试各种文字抗锯齿方式，找到最合适的。图示中是采用了“犀利”。但依据字体的不同，这个设定也许也会不同。
在组织了一些物体之后，设计稿的整体性就逐渐突出了，此时有必要将各元素进行一次协调修改，以达到最好的配合。现在我们就来进行第一次的协调修改。如下左图，将大师之路用自由变换工具压扁一些；将徽标缩小一些；增大小文字的间距；所有文字和徽标整体略微向下移动一些；将遮挡了栏目菜单拐角的人物往左移动些许。当然这些修改都并不是必须的，大家完全可以按照自己的想法去修改。创意是没有正确与否的区别的。不必过分在乎别人的评价，只要你做出来的作品表达了你目前想要表达的效果，那就是成功的。
现在图层的数量也逐渐多了起来，此时就要注意加强管理，否则越到后面数量越多。如下图，将除背景层外所有图层组成一个“Top”组，Top表示顶部的意思，然后再将所有的栏目文字组成一个组。从层次上来看，栏目文字组只要不是位于“栏目背景”层之下，在任何层次都可以正常显示。但出于相关性原则，我们还是将其与在“栏目背景”层相邻。这样也有利于今后的快速查找。图示中因为我们采用了无缩览图的方式，因此为了让大家看图方便，给每一个图层改了名字。实际操作中不必如此。
来源:https://www.tulaoshi.com/n/20171113/2765660.html
看过《怎样在ps中制作网页设计稿》的人还看了以下文章 更多>>
