第七章,PS网页设计,合作伙伴模块,一学就会系列。

  • 时间:
  • 浏览:2
  • 来源:安徽大学教务系统_安徽大学教务处_安徽大学教务管理系统青大教务
阅读模式 第七章,PS网页设计,合作伙伴模块,一学就会系列。

专注PS设计领域

发布时间:19-05-09 07:18

做网页设计说难不难,说简单也不容易,熟练了PS工具,网页设计还有一个难点就是找图,网站需要好看大气的图片来支撑门面,这可使我们的页面感事半功倍,一张好看的门面图,让人感觉简单大气,配几个文字,就已经很好看了,当然更难的还是排版的创新,数以千计的网站排版都很类似,所以我们需要创新,让页面更具有设计感,需要我们不断的追求灵感,不过在此之前,我们需要熟练的运用PS。

前面几章,大致的难点都讲到了,后面的版块主要以复习和练习为主了,玩PS的时候就像搭积木,只要层级对,一个一个拼搭就好。重点还是需要练习。学会前面几章的内容,基本一个简单的首页制作是不成问题的。

接下来我们继续看看有什么新知识点:

背景设计。

设计到这的时候页面长度不够了,在最左侧工具栏找到裁切工具,页面就会被框选,没有框选的话,单击一下就出现了,找到底部最中间位置,直接向下拖拉,差不多长度的时候点击Enter即可,按住空格键出现一个小手,点击鼠标左键可以拖拉页面。

接着我们在工具栏找到矩形工具,画一个矩形,如图,填充色改为#f9f9f9;与页面最左侧和上面一个模块对齐。

那怎么将它变成不规则矩形呢,我们在最左侧工具栏找到钢笔按钮,单击工具,将钢笔工具移动到矩形最下方的边框上,可以看到钢笔工具旁边多出了一个+号,单击,就可以添加一个锚点了。

添加锚点之后,会发现边上还有两条长柄,这两条长柄的作用是用来调整弧度的,比如这个时候,直接将锚点拖拽的时候,它是成圆弧线状,不拖拽也可以直接调整长柄,在钢笔工具的模式下,我们长按ctrl键,鼠标会呈现一个小白箭头,然后直接拖拽长柄,就可以调整锚点两边的弧度了。拖拽锚点也是,我们需要将鼠标变成小白箭头方可操作。(试操作之后,回上一级直接按ctrl + z,要后退多步的话,按住ctrl + alt 多点几次 z 键就回去了 )

这里我们不需要弧度哈,按住alt键,鼠标会出现一个黑线条的小箭头,用这个小箭头点击锚点,弧度是不是不见了,然后松开alt键即可,继续按住ctrl键,用白色小箭头点击锚点进行向下拖拽,拖到适当位置松开即可。

左上角和右下角的锚点也用同样的方式操作,这里要注意的是,按住ctrl键进行左右上下拖拽的时候,我们并不能很好的控制它是否是在一个水平线运动,这个时候,我们ctrl键的同时,再按住shift键,就可以水平或者垂直移动啦。

标题和合作伙伴设计,按照前几章的步骤操作即可,输入文字,和画矩形框,logo图片直接拖拽进PS,调整大小。左右两侧的箭头,直接到a.li.bba矢量图库,搜索箭头,然后点击下载,保存之后,直接拖拽到PS里面即可。

对网页尺寸,文字大小不太熟悉的话,可以直接对照着设计稿照画一遍,就有感觉了,像中文网站的话,一般标题为20px或者18px,根据情况而定,也可以更大或者更小。段落文字是12px或者14px,当然16px也可以,但是很少超过18px,不然会显得很大,不精致。

矩形和矩形直接的间距,一般也以整数为多,例如10px、20px、30px;或者是以5结束,15、25等等,但是普通还是使用10px、20px、30px等等,都是根据情况而定,没有限定条件。

猜你喜欢