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

河南城建学院校园网主页设计 最顶端logo，搜索栏 Tille 新闻滚动模块 新闻列表模块 微博，分享模块 学校宣传视频、公告、校训展览模块 最底部版权、联系方 式已经校内其他功能 快捷入口 主页展示介绍 主页展示介绍 页面全部使用 思源黑体 CN Medium， 这种字体在国外很多网站以及国内一些知 名网站经常使用。其特点是字体看起来圆 滑，浑厚，在小字体下也能保持一定的清 晰度，整体看起来会很舒适。 主页设计中，大多参考了国外大学的 主设计。国外的网页特点是空间利用率高， 可操作强，图片，字体上使用十分大气， 其中最引人注目的就是颜色的搭配。 所以我的设计里，首先就想到了，蓝 加一点白的颜色做主要颜色。一方面配合 了学校的logo颜色，另一方面看起来比较 舒适不亮不暗，很温和。 接下来的模块布局，十分谨慎，不紧 不宽让每个模块都很好地体现出来，没有 带来紧凑的感觉，这样子整个页面看起来 很干净，整齐。 主页展示介绍 但要给人完美的第一印象还是需要把 展示的内容完美的体现出来。 新闻滚动模块，把学校的特色活动新 闻，大图片华丽的展示出来，一方面给人 视觉上的冲击，直接领会到学校的特色中 来。另一方面给予了新闻传播的很好渠道。 但这部分对摄影师照相要求很高，目前本 人感觉目前新闻照片并没有达到比较完美 的地步。（插入例图经过ps处理） 浏览者进入校园网，对新生来讲就是 了解学校，教师和在校学生就是浏览新闻 公告。所以我把新闻列表放在 新闻滚动 模块 下方。这样一来浏览者首先就能很 清晰的看到学校的近期动态，对学校的大 致特色有了一定的了解。 主页展示介绍 再接下来是微博的模块。现在学校对 微博的宣传十分重视，这一模块建立可以 更方便的宣传学校微博，同时分享，十分 快捷方便。 然后是学校的宣传视频和公告校训。 这三个模块的设计重点在视频上。位置靠 下偏左，这个位置特点是，根据人们喜欢 从左往右读，那么视频会比较容易优先看 到。这么一来浏览者的浏览的时候会很容 易看到，而且不大不小，不会令人看着我 们很流氓试的宣传视频。 中间的公告会稍显突出，这样的列表 设计能比较清晰的看到每个公告，不至于 因为公告内容太多，而产生眼睛疲劳。 最右侧的校训与视频一左一右，较为 对称，这么一来整个布局就比较规范，中 间是校内事务，两边是学校概述宣传，美 观不影响浏览 主页展示介绍 最后底部的设计用了一定的底色稍微 与前面区分开来。 这里填写上一定的学校联系方式，版 权等，符合大众网站的习惯。而右侧的办 公系统等是合理利用空间将校内或校外的 链接充分展示出来。 文章列表页介绍 文章列表的好坏影响到浏览者获取信 息多少。所以每篇文章之间采取一定的间 隔，并且附上一定的图片使浏览器者更快 的了解到此类新闻或者文章的大致内容。 这样的设计并不常见。因为对于无图 文章或者新闻比较难于排版，同时对于撰 写者文笔要求十分高。 所以这类的文章列表我暂时只用在了 学校介绍这一块里。优先把这里美化达到 极致。 右侧的内容，把学校的很重要的特色 部分给展示出来。这么做的好处是给予浏 览者更快，更好的了解到学校。重点在快。 任何繁琐的步骤都会引起人们的反感，所 以必不可少。 正文展示页介绍 这里设计的是新闻以及公告正文，个 人想法是这种设计笼盖所有文章展示的方 式。 正文没什么特别之处，主要在于照片 展示这一块。目前学校新闻正文将很多照 片一大堆的展示在正文前面。这样一来让 新闻内容的吸收率大大降低。不仅花费大 量的空间，还增加了浏览者诸多无意义的 操作。这样的设计在很多知名新闻网上出 现，有趣，简洁，方便，能让浏览者阅读 新闻的同时，自己更快捷的寻找自己想看 的新闻图片。 最下方的分享给予浏览者快捷分享的 空间。能很好的宣传校内活动以及新闻。 左侧和右侧没有太多特别的设计，目 前的设计就是可观性强。整体都比较的清 晰，是现代化网页设计的基本要求。