从“新”出发
又到了用新主页辞旧迎新的高峰
主页设计除了满足“颜值”需要
如何满足用户阅读体验需要
抓住“读者眼球”
吸引点击
已经成为各个高校考虑的重点
除了“简洁”风
“大图区”流行起三幅切换
既避免长图变形也丰富了画面
居中显示的高清大图能迅速吸引关注
图：上海中医药大学banner区
栏目布局以清晰明快为主
突出重点
区块分割也有较大空间，视野开阔
让人阅读时心情舒畅
图：上海震旦职业学院部分栏目布局
栏目设计根据侧重点不同采用不同展现方式
如要闻侧重图片新闻
活动侧重日期
图：上海济光职业技术学院部分栏目设计
“响应式”设计已经成了主页标配
得到广泛使用的还有社交媒体的融入
除了官方微博、微信的展示
还提供微博、人人网、QQ空间、微信等分享通道
满足浏览者的分享需求
也让学校在社交媒体保持活跃
图：上海中医药大学新闻分享
除了上述一些共性特点
高校主页还会融入独有特色
我们将分几期探寻
本次介绍上海区域的三所高校
1
上海中医药大学
图：上海中医药大学主页PC端
图：上海中医药大学主页移动端
配色：采用红色作为主色调，底图叠加植物图案作为纹理，logo采用的是淡雅的黄色，整体配色古朴庄重，既能体现学校作为中医药高等院校的办学特色，又富有传统的文化底蕴。
布局：
焦点新闻栏目占据较大篇幅，采用图文结合的方式突出重点新闻。
其他栏目图文搭配，避免视觉疲劳。
快速链接、友情链接、专题栏目入口清晰，方便点击。
底部放置主要栏目的链接、学校logo图案，版权信息以及微信微博图标，使网站整体内容丰富，又首尾呼应。
2
上海济光职业技术学院
图：上海济光职业技术学院主页PC端
图：上海济光职业技术学院主页移动端
配色：采用学校标准色为主色调，与学校视觉识别系统保持统一，同时绿色也传达出青春活力。
布局：
条理清晰，美观大方，各栏目根据栏目内容采取了有针对性的设计。
要闻以较大篇幅吸引注意、活动、新闻以日期突出时效性、精彩一刻、人物风采、菁菁校园集中展示学校人文风貌。
其他栏目图文搭配，避免视觉疲劳。
校园风光、快速通道、专题集中放置在底部，便于维护又与新闻区域形成区分。
网站地图的运用，方便浏览者快速找到需要的栏目。
3
上海震旦职业学院
图：上海震旦职业学院主页PC端
图：上海震旦职业学院主页移动端
配色：红灰为主，增强视觉冲击力。
栏目设置：
主页提供主要新闻栏目和快速链接，重点突出，清爽简约。
快速链接区域采用统一的扁平化图标设计，整齐美观。
通过网站地图，也可让浏览者快速找到所需栏目。
新主页，新体验。
2018年元旦，我们还将迎来更多新主页的切换，让我们拭目以待。
