生日换新颜 | @全体“上健医er”，您有一份官网新主页待查收——

五月的天

是刚诞生的夏天

五月的风

拂动“上健医”的官方网站换上新装

在这个充满甜蜜与惊喜的五月，在上海健康医学院成立5周年暨办学70周年之际，“上健医er”专属的全新主页即将上线啦！

5月22日，我们不见不散！

根据学校的医工结合、医养结合、医保结合的办学理念，从中提取医学、工学、科技特色。在以往横版大图板块化页面布局的基础上加以更新改造。竖版的页面更加符合阅读习惯，界面干净整齐，有着鲜明的视觉效果。整体以简约主义的设计风格呈现，使用的元素之间有清晰的层次。

快跟小编一起来看看都有哪些亮点与惊喜呢！

图：网站首页

1

排版优化

本次设计使用了极简元素，所以，排版就成了很重要的一环，排版好坏直接影响视觉效果，甚至可能间接影响用户体验。

主页面的排版方式，摒弃了之前的横板，而是采用直版排列。

因此，不管是横向还是纵向，都避免了大面积的色块和文字的堆积。采取将图片左右错落摆放的方式，有效地把各板块组织起来。在获取信息时，可以同时摄取到图片和文字两种表现形式，且界线清晰，不会产生信息错乱。

2

界面元素

采用简单的用户界面元素（图标、图片），以矩形为主，且尽量突出直角外形。之所以采用矩形元素，一方面可以方便用户点击，另一方面也可以极大地减少了用户学习新交互方式的成本。简单直接地将信息和事物的工作方式展示出来，有效减少认知障碍。

小编亲测：

布局明朗清晰

操作流畅使用简单

体验感极佳哦~

图：图文混排

3

色彩搭配

色彩上则使用了学校的标准色——明亮的宝蓝色做为主色调，搭配高明度的红色与灰色，配合页面动效，画面层次分明，更加有张力。大图切换采用区别于传统轮播图的卡片抽拉式展示，带来的视觉传达力更强，达到简洁明确、朴素有力的效果，向师生展示了学校特有的“厚德至善、健行康民”文化气息。

图：主页配色

设计师有话说：

需要注意的是，简洁化设计不是说简单的形状和颜色搭配起来就行，它和其他设计风格一样，是由许多概念与方法组成的。因此，排版设计就成了平衡页面的重点。咱们且往下看~

咱们且往下看~

4

人性化布局

上面咱们说完了页面设计上的巧思，其实新改版的主页在功能布局和用户体验上也做了很多“精打细算”呢！细心的你有没有发现呢？

01

浮动的快捷导航

页面右侧将常用的快捷导航和微信公众号做成悬浮于页面的表现形式，并结合了白玉兰造型，突出了学校的地域属性和城市精神。

02

大图套小图的板块设计

图：页面底部布局

结合图片切换动效，着重体现了校园生活和学校多媒体资讯，阐述学院办学奋斗方向、办学目标，以及丰富多彩的校园文化。

03

随心所欲的栏目切换

04

媒体视点，多端汇聚

“视点”模块汇聚外部主流媒体声音，突破校园与媒体围墙，“风声雨声读书声，声声入耳；家事国事天下事，事事关心。”

设计师有话说：

博尔赫斯曾经说：“如果有天堂，那一定是图书馆的模样。”学海徜徉，最爱不过一次次在讲座和交流报告中经历的知识洗礼。本次主页改版贴心地为喜欢听讲座的“上健医er”们准备了“文化/交流/探索”版块，各种讲座通知，主题、时间、地点、主讲人，再也不会错过啦！

视觉体验一级棒！

05

按角色身份划分的快捷通道

图：教职工通道

图：学生通道

细心的你是否发现了右上角的角色快速通道呢？按访客、教职工和学生三种角色划分，将与身份相关的聚合公告、聚合新闻、网站地图等汇聚在一页内显示，无论是找资讯、找服务，还是找网站，都能在这里快捷直达，是不是很贴心呀~

06

热门文章排行，热点不容错过

点进文章详情页右侧的热点文章排行也是一个小小的亮点呢！想知道大家都在看什么？看这里就好了！

怎么样？

看到这里是不是很期待我们即将上线的新主页呀——

那就静待5月22号，一起来发现更多的亮点吧！

往期推荐

●歌唱祖国！为上海打call！上海健康医学院“生日”表白祖国！

●征集令丨寻找上健医官方新媒体“康康”形象设计小能手，期待你的好作品！

●招生季丨快来看看上健医有什么?

●5月11日起！上海健康医学院图书馆有序恢复开放

●母亲节丨打开母校的相册，是我爱你的另一种表达方式

来源：党委宣传部、信息管理中心

责编：党委宣传部

投稿邮箱：newmedia@sumhs.edu.cn

点亮在看，为更好的上健医点赞！