QUTQC|青岛理工大学琴岛学院官方网站全新呈现

为了顺应宣传思想工作不断变化的新形势和网络媒体快速发展的新趋势，围绕育人中心工作，服务教育整体大局，做好做强新思政宣传教育，筑牢网络主阵地，打造结构合理、协同高效的校园媒体平台，助力学院内涵式发展。我院在全面调研国内外高校门户网站现状和设计风格，认真反复更新，不断改进和完善的基础上，青岛理工大学琴岛学院新版校园官方网站正式发布上线。

全新改版上线的网站在形式上汲取欧美及日韩风格的网页设计特点，采用当前国内外较为流行的多屏长页面设计，形式简洁新颖，同时具备强大的搜索功能，不仅体现了最新的现代设计趋势，也有效增大网站信息供给。页面整体排版布局集实用性、功能性、美观性于一体，追求规则中的灵动和理性中的变化，简约而不简单，国际范儿十足。

网站色彩搭配方面，背景以沉稳大气的墨钴蓝色调为主，搭配淡褐色、湖蓝、暗红色、金色、草绿点缀，结合学院校徽、地标性建筑物等形象元素，充分体现了“正心修身”的办学理念和不忘初心、牢记使命的责任担当。

01

板块布局合理高效，浏览体验轻松舒适

我院新版门户网站，由校徽、主导航栏目、滚动Banner头条、学院新闻、教学系部、学院视觉以及一系列快速通道、科教服务常用链接等版块构成。

校徽下方设置主导航栏目9个，分别是“首页”“学院概况”“教育教学”“科学研究”“学院动态”“招生就业”“合作交流”“学院印象”“人才招聘”。

滚动Banner的图片展现精致细腻，采用国内外主流的扁平化平铺风格，使网页看起来层次分明，强化整体美感，更加具有视觉冲击力。

改版之后的首页“学院新闻”版块，由“学院要闻”“党务在线”“媒体聚焦”“名家讲堂”“通知公告”五部分组成。新版块讲究布局和内容的合理性，更加强调图文结合，文字与新闻照片交相呼应，使整个版面生动形象并具有感染力，给用户轻松舒适的浏览体验。其中，“学院要闻”以图文形式滚动循环播放，使页面更具节奏感。

由各系的系徽和系训构成的“教学系部”版块，排列规整，通过对比、平衡、留白、调和、对称等手段，营造出不同感觉的视觉冲击，使页面更加和谐、均衡、重点突出。中英文结合的系名介绍则展现了我院鲜明的教育教学特色和独特的校园文化。识别二级页面的二维码即可通过各系微信平台更加全面、直接地了解系部动态和教学管理等内容。

新增“学院视觉”版块，这里不仅有最美校园照片，更有琴院最难忘的记忆。通过照片高低错落的排列和色彩的巧妙运用，更加直观地展现了学校独特的人文和自然景色，一年四季的美景、风格各异的建筑等，每一个角落都是一道靓丽的风景线。

02

注重交互性，充满时代气息，更具现代感

新上线的校园门户网站，主页栏目设置充分考虑用户的使用需求和浏览习惯，力求提供最高效的信息搜索服务，一键到达用户想要的内容。新网站对各主导航栏目下设的子菜单进行了优化，将“学院简介”“现任领导”“组织机构”“媒体聚焦”“琴院故事”等纳入“学院概况”栏目；“科学研究”栏目包括“科研概况”“科研通知”“科研动态”“科协工作”版块；“学院要闻”“通知公告”“党务在线”“团学动态”“名家讲坛”“信息公开”“语言文字”“专题活动”等内容在“学院动态”栏目中。

主导航栏目的界面设计也更加友好，鼠标移至导航栏即能显示下拉菜单，同时菜单做了透明的效果，不影响下方Banner的滚动和观看，增强首页的吸引力和亲和力。

同时，我院新网站对二级页面进行了设计，多方位展示学校特色与优势，架构更清晰、页面更时尚、浏览起来更加直观，条理清晰，强化阅读体验。

此外，新版网站整合我院资源优势，在“教育教学”栏目的二级网页中，搭建属于琴院师生的互动网络教学平台，里面既有我院优秀骨干教师录制的精品课程，还有知名专家学者主讲的人文史哲、政治经济等专题慕课，互享教学经验，与学生进行互动，充实和丰富了同学们的线上学习生活，增强网站的承载能力。

03

科技感融入，致力打造校园便捷的掌上客户端

我院全新改版上线的官方网站，充分体现校园媒体融合的发展思路，持续发力移动端，采取自适应技术，能够提供不同尺寸屏幕的最佳阅读体验，全面兼容手机、平板、个人电脑等主流终端，进一步突出“首页大图”版块引领作用，采用全屏满图，增强视觉震撼力，移动端可获得与PC端一致的信息内容、服务功能和舒适的浏览感受。

新版网站手机浏览效果

除此之外，新网站更加突出服务理念，致力更好地服务师生。除了网页右侧充满设计感的可伸缩工具栏中“院长信箱”“组织机构”“办公电话”等查询功能，首页的“教务查询系统”“录取查询系统”“邮件系统”“班车查询”等功能更是一目了然、方便快捷。

因时而进、因势而新，校园网站改版立足我院实际及教育改革发展的新趋势、新要求，作为学院核心网络宣传阵地，坚守为党育人、为国育才的初心和使命，以切实推进新闻宣传工作、舆论引导工作、校园文化建设为重点，凝心聚力、外树形象，为建设成为服务人才培养、科学研究、社会服务、国际合作交流与发展、文化传承与创新的大平台而不懈努力。

长按二维码识别体验 ↓

文/孟琦

图片来源于新版官方网站

封底、Gif/ 孙伟波

编辑/ 亓梦遥

审校/ 亓梦遥

责任编辑/ 徐芊

青岛理工大学琴岛学院党委宣传部出品

转载请联系后台获取授权

新浪微博：@青岛理工大学琴岛学院

你“在看”我们的新网站么？