速读时代,大量浏览者习惯于用社交媒体阅读新闻,作为网站“扛把子”的主页承担学校形象和新闻发布人的重要角色,如何让主页更具特色,“让浏览者多看一眼”?
长安大学新主页给了我们很好的启发。
长安大学直属国家教育部,是教育部和交通运输部、国土资源部、住房和城乡建设部、陕西省人民政府共建的国家211工程重点建设大学,是国家 985工程优势学科创新平台建设高校,座落于历史文化名城西安。
强化视觉冲击

长安大学PC版主页
国内外主流的扁平化平铺风格和卡片样式
让页面显得饱满又清爽
以学校VI系统标准色“长大蓝”为主色调
辅以灰蓝和白色
页头页尾用色呼应
层次分明又显得自成一体、大气稳重

banner区域
有冲击力的图片实力吸睛
不管是banner区通屏的高清大图
或是banner区特别的切换设计
还是新媒体区的图片
都让人印象深刻
突出用户服务

页头区域
面向各类角色的快捷通道、常用链接
集中呈现在顶端
导航条结合半透明的悬浮样式
起到很好的引导效果
融合新媒体
几乎每个高校都开通了微博和微信,但基本上只是在主页提供微博主页或微信公众号。
长安大学在主页中间区域的新媒体文章直接引入了微信公众号的文章,增加了视频宣传片,内容更加多元化,有声有色展示学校网络文化宣传成果。
在维护内容时,也非常简单,只需在网站群配置获取的链接即可。

融合新媒体
栏目清晰,表现丰富
栏目内容经过精心梳理
针对不同栏目呈现新闻的特征进行设计

学校要闻
学校要闻设计卡片式的浏览效果
用户能迅速了解要闻重点
再根据需要选择是否详细阅读

无图片的新闻区域
设计了单标题和标题+部分正文两种显示方式

因通知公告的时效性
在设计时凸显了日期

专题网站以图片链接方式提供
吸引眼球又能让浏览者了解其主旨
满足多终端浏览需要
响应式设计已成为绝大多数高校主页标配
满足浏览者通过手机、平板电脑等智能终端浏览的需要,呈现最佳浏览效果

长安大学移动端主页
明确移动时代的导流目标
考虑到大量浏览者会从不同的社交媒体平台、他人分享浏览新闻,长安大学每条新闻都设计了社交媒体的分享。不管是从PC端,还是移动端,都能满足浏览者分享新闻的需要,也能通过社交媒体吸引更多人关注。
在线投票定稿主页
在设计阶段,长安大学初选了三个设计方案,采用了广泛的投票调查确定主页风格,票选了目前的设计方案,并根据反馈意见进行了优化。
![]() | ![]() | ![]() |
长安大学新主页充分考虑浏览者阅读习惯和需求,创新地融合新媒体,栏目清晰,内容丰富,设计新颖,凸显长安大学特色。