我设计的学校官网, 首页,我说一下我的设计说明,我选用的颜色是蓝色,以学校校徽的色彩为主,对于学校官网来讲,选用蓝色,更能体现它的严谨和沉稳.除了蓝色之外,其他大部分都是白色,利用白色更加突出主题,让人看出简洁大方,一目了然.接下来我就来解说一下我是怎样设计的.
第一部分:标题栏
先选一张比较高清线,适合导航栏这一板块的图,如图:
我选的是一张以蓝色天空为主的推荐图,给人一种清新,宽阔的感觉.我是让导航栏还有推荐图结合一起的,为了能够看清楚导航栏,我添加来透明的矩形,在左上角放学校LOGO,旁边放搜索,标题.
第二部分:关于我们
我拉了8个框架,4个大的放图,4个小的放字.放图的时候一定不能拉变形,尽量找比较符合推荐图又符合校园的.下面的字的大小与标题字体一样大,选用的字体都是微软雅黑.为了更有创意一点,我在每个小标题左边添加了简笔画的学校图标.
第三部分:通知公告
通知公告一看就知道,肯定是少不了字的,要知道怎样介绍才会吸引他人,我先介绍的是学校的热点,我分了两个部分来介绍,每一部分左边放一张图,为了避免太拥挤的情况,一定要注意每个间隔距离,关于热点的图片,我寻找出来的素材是有点复古的学院,如:
第一张
第二张
注意了.在打字的时候尽量把字对齐,好让旁边没那么空,打完内容后,我们可以在后面添加日期.要是右边空的太多的话,可以写另外的介绍了,由于我空的比较多,我又添加了一个内容,是学习园地,和学校热点差不多,只是放的格式不同了,上面放图下面放字,尽量和旁边的图层对齐.整体弄完后,我们可以装饰一下了,每个内容小标题的框架可以有创意点,我将它的框架设计为小旗形状.每个小标题旁边也添加了小图标,还添加了许多装饰。
安放在许多小角落,装饰物尽量用校园风格的
第四部分:企业交流
我第四个部分就比较忽略了,写的是友情链接,还是与第三部分结合的,拉一个框架,我写了6个链接,每个链接左右两边是虚线,中间是字,最右边添加了一个➕.要不然太单调了.
第五部分:底部栏
背景颜色与主题色一样的,我在中间放了学校LOGO,其他的都是联系方式,由于背景是蓝色的,为了看得清楚,我把字体改成了白色的,还是那句话注意细节问题!