正在阅读:教育机构网站页面的设计思路及步骤详解教育机构网站页面的设计思路及步骤详解

2009-07-15 09:13 出处:PConline 作者:logo设计在线 陈汉聪 责任编辑:lizhiyan

如何制作这个横幅?

  1、选择一张照片,单独将人物取出,去掉黑板的背景。

教育机构网站页面设计的思路及步骤
图6

  2、烘托出人物:我们在这里将她放在右边(为此我们只能让她做一回左撇子了),然后画一个矩形的“黑板”,其宽度与网页宽度一致,然后填充上非常深的灰色(约98%)。而在下方画一下高度很小的矩形作为导航栏,填充全黑色。

教育机构网站页面设计的思路及步骤
图7

  3、逼真:一个干净的黑色区域当然就已经可以传达出一个黑板的感觉,但感觉并不是非常真实。你可以通过一些滤镜将黑色区域故意弄得有画痕的感觉(这里是采用www.misterretro.com网站Machine Wash中的“abrasive(研磨)”滤镜),当然,你也可以不用这样大张旗鼓,直接利用一个真实的黑板照片放上去也行。

教育机构网站页面设计的思路及步骤
图8

  4、增加文字:在上面增加一行手写体字体就基本完成了。下方还有一行小文字,这一行文字设成灰色,因为它是辅助信息。将其中的公司名设为绿色,既增加吸引力,又平衡了整个设计。

教育机构网站页面设计的思路及步骤
图9

键盘也能翻页,试试“← →”键

相关文章

关注我们

最新资讯离线随时看 聊天吐槽赢奖品