河南城建学院校园网主页设计

1、河南城建学院校园网主页设计最顶端logo，搜索栏Tille新闻滚动模块新闻列表模块微博，分享模块学校宣传视频、公告、校训展览模块最底部版权、联系方式已经校内其他功能快捷入口主页展示介绍主页展示介绍 页面全部使用 思源黑体 CN Medium，这种字体在国外很多网站以及国内一些知名网站经常使用。其特点是字体看起来圆滑，浑厚，在小字体下也能保持一定的清晰度，整体看起来会很舒适。 主页设计中，大多参考了国外大学的主设计。国外的网页特点是空间利用率高，可操作强，图片，字体上使用十分大气，其中最引人注目的就是颜色的搭配。 所以我的设计里，首先就想到了，蓝加一点白的颜色做主要颜色。一方面配合了学校的log

2、o颜色，另一方面看起来比较舒适不亮不暗，很温和。 接下来的模块布局，十分谨慎，不紧不宽让每个模块都很好地体现出来，没有带来紧凑的感觉，这样子整个页面看起来很干净，整齐。主页展示介绍 但要给人完美的第一印象还是需要把展示的内容完美的体现出来。 新闻滚动模块，把学校的特色活动新闻，大图片华丽的展示出来，一方面给人视觉上的冲击，直接领会到学校的特色中来。另一方面给予了新闻传播的很好渠道。但这部分对摄影师照相要求很高，目前本人感觉目前新闻照片并没有达到比较完美的地步。（插入例图经过ps处理） 浏览者进入校园网，对新生来讲就是了解学校，教师和在校学生就是浏览新闻公告。所以我把新闻列表放在 新闻滚动模块

3、下方。这样一来浏览者首先就能很清晰的看到学校的近期动态，对学校的大致特色有了一定的了解。主页展示介绍 再接下来是微博的模块。现在学校对微博的宣传十分重视，这一模块建立可以更方便的宣传学校微博，同时分享，十分快捷方便。 然后是学校的宣传视频和公告校训。这三个模块的设计重点在视频上。位置靠下偏左，这个位置特点是，根据人们喜欢从左往右读，那么视频会比较容易优先看到。这么一来浏览者的浏览的时候会很容易看到，而且不大不小，不会令人看着我们很流氓试的宣传视频。 中间的公告会稍显突出，这样的列表设计能比较清晰的看到每个公告，不至于因为公告内容太多，而产生眼睛疲劳。 最右侧的校训与视频一左一右，较为对称，这么

4、一来整个布局就比较规范，中间是校内事务，两边是学校概述宣传，美观不影响浏览主页展示介绍 最后底部的设计用了一定的底色稍微与前面区分开来。 这里填写上一定的学校联系方式，版权等，符合大众网站的习惯。而右侧的办公系统等是合理利用空间将校内或校外的链接充分展示出来。文章列表页介绍 文章列表的好坏影响到浏览者获取信息多少。所以每篇文章之间采取一定的间隔，并且附上一定的图片使浏览器者更快的了解到此类新闻或者文章的大致内容。 这样的设计并不常见。因为对于无图文章或者新闻比较难于排版，同时对于撰写者文笔要求十分高。 所以这类的文章列表我暂时只用在了学校介绍这一块里。优先把这里美化达到极致。 右侧的内容，把学校的很重要的特色部分给展示出来。这么做的好处是给予浏览者更快，更好的了解到学校。重点在快。任何繁琐的步骤都会引起人们的反感，所以必不可少。正文展示页介绍 这里设计的是新闻以及公告正文，个人想法是这种设计笼盖所有文章展示的方式。 正文没什么特别之处，主要在于照片展示这一块。目前学校新闻正文将很多照片一大堆的展示在正文前面。这样一来让新闻内容的吸收率大大降低。不仅花费大量的空间，还增加了浏览者诸多无意义的操作。这样的设计在很多知名新闻网上出现，有趣，简洁，方便，能让浏览者阅读新闻的同时，自己更快捷的寻找自己想看的新闻图片。 最下方的分享给予