优艾设计网

Photoshop设计网页Banner横幅教程

4. 对文字进行排版布局

Photoshop设计网页Banner横幅教程

把需要突出的主题放大并放在第一位。

同一种字体,同一颜色,我们还可以用大小做区分。在保正整体一致的前题下做出不同。

当然,我们还可以用其它选好的颜色做出主次分明,区块划分。主题用包的米黄色,中间选用了海天的蓝色,而最后用了粉色。注意,到了这里,请再看一遍图。发现了吗?"米黄背包"的背景是蓝色,这四个字非常突出。而下面两行,与背景相似的色彩,蓝字对海天,粉字对沙滩,很和谐。

最后一点,也是非常重要的,不管怎么排列文字,一定要隐有一种对齐。请看下图:

Photoshop设计网页Banner横幅教程

文字的垂直方向,是底对齐的。水平方向是左对齐的(人总是喜欢有序的东西...),这样整个文字的排版就不会乱,但又不像板书那般看上去很死板。

文字与人物之间的对齐很特殊:不要让文字压到人物,并且两者之间要有一定的留白空间。如上图所示,切记不要让图挨字,会让人物有"面壁思过"的感觉。

当然,如何对齐视具体情况而定,这只是一种可能。

5. 审视并微调细节

现在主体已经出来了。现是还太"简单",这不是我们所要的那种"简单"。所以我们需要审视并调整细节,让图更"耐看"。

主题部分够突出,但有些过于独立,加些简单的修饰性内容:

Photoshop设计网页Banner横幅教程

 

 

 

修饰同样简单,但却使文字区域不再是纯文字那么单调,图形的加入,带来了活力。但不要用过于复杂的修饰,那会破坏我们想要的"简单"。

嗯,现在看起来好多了,可是文字区域下面似乎有些空洞,我们再补充一点内容:

Photoshop设计网页Banner横幅教程

同样是简单的文字与简单的白色矩形背景,不会破坏"简单",但图形的加入,又一次带来了活力。值得注意的是,"特价包邮"与"活动时间"仍然存在"对齐"。

嗯,嗯,现在已经可以收工了吧。再看一眼...

够简单,简单的没有一点起色-_-!!!。最后再给文字加一点小修饰,这里我给主题"米黄背包"和"特价包邮"的背景加了一点渐变色:

Photoshop设计网页Banner横幅教程

也许还可以给背景加点小花样:

Photoshop设计网页Banner横幅教程

OK,再次审视,可以收工了。

6. 定稿并总结

收工后总结一下,这个Banner,不是很牛掰,但也算的是简单,漂亮,大气。不用复杂高超的PS技术,只要肯用心思考,用勤奋的双手去练习。设计一个简单的Banner,很简单。

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜