在这个阶段,我们已经完成了网页设计的必要部分,从Header到Footer,只需要几次点击就可以了。为了更好的布局,你还可以这样添加一些合理的空档:

解析PS的Velositey插件在网页设计中应用,PS教程网

现在我们已经完成了基本的布局,接下来,我们可以定制它,让它看起来更符合一个高保真的原型。

解析PS的Velositey插件在网页设计中应用,PS教程网

上面这个过程有多快?看下面的视频你就明白!

 使用图层效果

调整图层效果想必大家都已经非常熟悉了。在案例中,我们借助图层效果来为按钮上色,添加渐变。具体的操作在这里就不赘述了。

解析PS的Velositey插件在网页设计中应用,PS教程网

重复这些步骤,这里就是需要你精心打磨的设计细节了。它们让你的网页的可读性更高,增加视觉表现力,等等等等。

解析PS的Velositey插件在网页设计中应用,PS教程网

使用调整图层

调整图层的存在,使得设计师可以以非破坏性的方式来定制图层的色调(亮度、对比度等)。在案例中,我们可以将模块中的图标变为黑白。在模块组中找到对应的图层,右键点击,选择“编辑内容”选项,随后,点击“新建调整图层”然后选择黑白效果就好了。

解析PS的Velositey插件在网页设计中应用,PS教程网

最终成品

最后,将预制的文本内容(标题、文本)替换成你需要的内容,然后这个原型就算是成品了!

解析PS的Velositey插件在网页设计中应用,PS教程网

结语

仔细看看Velositey,你会发现用好工具真的能事倍功半。不论你是用PS、AI还是热衷Sketch,这些系统化的设计平台都有着许多使用技巧和拓展工具,闲暇的时候稍加研究,绝对会获益匪浅。你说呢?

细节调整

当我们为文档进行个性化调整的时候,尽可能保证每个图层的完整性是基本原则。每个图层在进行调整的时候,不能对其进行破坏性的修改,这样可以确保原型的可调整性。这样一来,我们就需要用到PS的以下特性:

智能对象和智能链接对象调整图层图层效果

此外,我个人比较喜欢尽可能少地使用图层。

使用智能对象

在置入LOGO的时候,将其调整为智能对象是非常有必要的。