QUTQC|青島理工大學(xué)琴島學(xué)院官方網(wǎng)站全新呈現(xiàn)

為了順應(yīng)宣傳思想工作不斷變化的新形勢和網(wǎng)絡(luò)媒體快速發(fā)展的新趨勢，圍繞育人中心工作，服務(wù)教育整體大局，做好做強新思政宣傳教育，筑牢網(wǎng)絡(luò)主陣地，打造結(jié)構(gòu)合理、協(xié)同高效的校園媒體平臺，助力學(xué)院內(nèi)涵式發(fā)展。我院在全面調(diào)研國內(nèi)外高校門戶網(wǎng)站現(xiàn)狀和設(shè)計風(fēng)格，認真反復(fù)更新，不斷改進和完善的基礎(chǔ)上，青島理工大學(xué)琴島學(xué)院新版校園官方網(wǎng)站正式發(fā)布上線。

全新改版上線的網(wǎng)站在形式上汲取歐美及日韓風(fēng)格的網(wǎng)頁設(shè)計特點，采用當(dāng)前國內(nèi)外較為流行的多屏長頁面設(shè)計，形式簡潔新穎，同時具備強大的搜索功能，不僅體現(xiàn)了最新的現(xiàn)代設(shè)計趨勢，也有效增大網(wǎng)站信息供給。頁面整體排版布局集實用性、功能性、美觀性于一體，追求規(guī)則中的靈動和理性中的變化，簡約而不簡單，國際范兒十足。

網(wǎng)站色彩搭配方面，背景以沉穩(wěn)大氣的墨鈷藍色調(diào)為主，搭配淡褐色、湖藍、暗紅色、金色、草綠點綴，結(jié)合學(xué)院校徽、地標(biāo)性建筑物等形象元素，充分體現(xiàn)了“正心修身”的辦學(xué)理念和不忘初心、牢記使命的責(zé)任擔(dān)當(dāng)。

01

板塊布局合理高效，瀏覽體驗輕松舒適

我院新版門戶網(wǎng)站，由�；�、主導(dǎo)航欄目、滾動Banner頭條、學(xué)院新聞、教學(xué)系部、學(xué)院視覺以及一系列快速通道、科教服務(wù)常用鏈接等版塊構(gòu)成。

校徽下方設(shè)置主導(dǎo)航欄目9個，分別是“首頁”“學(xué)院概況”“教育教學(xué)”“科學(xué)研究”“學(xué)院動態(tài)”“招生就業(yè)”“合作交流”“學(xué)院印象”“人才招聘”。

滾動Banner的圖片展現(xiàn)精致細膩，采用國內(nèi)外主流的扁平化平鋪風(fēng)格，使網(wǎng)頁看起來層次分明，強化整體美感，更加具有視覺沖擊力。

改版之后的首頁“學(xué)院新聞”版塊，由“學(xué)院要聞”“黨務(wù)在線”“媒體聚焦”“名家講堂”“通知公告”五部分組成。新版塊講究布局和內(nèi)容的合理性，更加強調(diào)圖文結(jié)合，文字與新聞?wù)掌�交相呼�?yīng)，使整個版面生動形象并具有感染力，給用戶輕松舒適的瀏覽體驗。其中，“學(xué)院要聞”以圖文形式滾動循環(huán)播放，使頁面更具節(jié)奏感。

由各系的系徽和系訓(xùn)構(gòu)成的“教學(xué)系部”版塊，排列規(guī)整，通過對比、平衡、留白、調(diào)和、對稱等手段，營造出不同感覺的視覺沖擊，使頁面更加和諧、均衡、重點突出。中英文結(jié)合的系名介紹則展現(xiàn)了我院鮮明的教育教學(xué)特色和獨特的校園文化。識別二級頁面的二維碼即可通過各系微信平臺更加全面、直接地了解系部動態(tài)和教學(xué)管理等內(nèi)容。

新增“學(xué)院視覺”版塊，這里不僅有最美校園照片，更有琴院最難忘的記憶。通過照片高低錯落的排列和色彩的巧妙運用，更加直觀地展現(xiàn)了學(xué)校獨特的人文和自然景色，一年四季的美景、風(fēng)格各異的建筑等，每一個角落都是一道靚麗的風(fēng)景線。

02

注重交互性，充滿時代氣息，更具現(xiàn)代感

新上線的校園門戶網(wǎng)站，主頁欄目設(shè)置充分考慮用戶的使用需求和瀏覽習(xí)慣，力求提供最高效的信息搜索服務(wù)，一鍵到達用戶想要的內(nèi)容。新網(wǎng)站對各主導(dǎo)航欄目下設(shè)的子菜單進行了優(yōu)化，將“學(xué)院簡介”“現(xiàn)任領(lǐng)導(dǎo)”“組織機構(gòu)”“媒體聚焦”“琴院故事”等納入“學(xué)院概況”欄目；“科學(xué)研究”欄目包括“科研概況”“科研通知”“科研動態(tài)”“科協(xié)工作”版塊；“學(xué)院要聞”“通知公告”“黨務(wù)在線”“團學(xué)動態(tài)”“名家講壇”“信息公開”“語言文字”“專題活動”等內(nèi)容在“學(xué)院動態(tài)”欄目中。

主導(dǎo)航欄目的界面設(shè)計也更加友好，鼠標(biāo)移至導(dǎo)航欄即能顯示下拉菜單，同時菜單做了透明的效果，不影響下方Banner的滾動和觀看，增強首頁的吸引力和親和力。

同時，我院新網(wǎng)站對二級頁面進行了設(shè)計，多方位展示學(xué)校特色與優(yōu)勢，架構(gòu)更清晰、頁面更時尚、瀏覽起來更加直觀，條理清晰，強化閱讀體驗。

此外，新版網(wǎng)站整合我院資源優(yōu)勢，在“教育教學(xué)”欄目的二級網(wǎng)頁中，搭建屬于琴院師生的互動網(wǎng)絡(luò)教學(xué)平臺，里面既有我院優(yōu)秀骨干教師錄制的精品課程，還有知名專家學(xué)者主講的人文史哲、政治經(jīng)濟等專題慕課，互享教學(xué)經(jīng)驗，與學(xué)生進行互動，充實和豐富了同學(xué)們的線上學(xué)習(xí)生活，增強網(wǎng)站的承載能力。

03

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

我院全新改版上線的官方網(wǎng)站，充分體現(xiàn)校園媒體融合的發(fā)展思路，持續(xù)發(fā)力移動端，采取自適應(yīng)技術(shù)，能夠提供不同尺寸屏幕的最佳閱讀體驗，全面兼容手機、平板、個人電腦等主流終端，進一步突出“首頁大圖”版塊引領(lǐng)作用，采用全屏滿圖，增強視覺震撼力，移動端可獲得與PC端一致的信息內(nèi)容、服務(wù)功能和舒適的瀏覽感受。

新版網(wǎng)站手機瀏覽效果

除此之外，新網(wǎng)站更加突出服務(wù)理念，致力更好地服務(wù)師生。除了網(wǎng)頁右側(cè)充滿設(shè)計感的可伸縮工具欄中“院長信箱”“組織機構(gòu)”“辦公電話”等查詢功能，首頁的“教務(wù)查詢系統(tǒng)”“錄取查詢系統(tǒng)”“郵件系統(tǒng)”“班車查詢”等功能更是一目了然、方便快捷。

因時而進、因勢而新，校園網(wǎng)站改版立足我院實際及教育改革發(fā)展的新趨勢、新要求，作為學(xué)院核心網(wǎng)絡(luò)宣傳陣地，堅守為黨育人、為國育才的初心和使命，以切實推進新聞宣傳工作、輿論引導(dǎo)工作、校園文化建設(shè)為重點，凝心聚力、外樹形象，為建設(shè)成為服務(wù)人才培養(yǎng)、科學(xué)研究、社會服務(wù)、國際合作交流與發(fā)展、文化傳承與創(chuàng)新的大平臺而不懈努力。

長按二維碼識別體驗 ↓

文/孟琦

圖片來源于新版官方網(wǎng)站

封底、Gif/ 孫偉波

編輯/ 亓夢遙

審校/ 亓夢遙

責(zé)任編輯/ 徐芊

青島理工大學(xué)琴島學(xué)院黨委宣傳部出品

轉(zhuǎn)載請聯(lián)系后臺獲取授權(quán)

新浪微博：@青島理工大學(xué)琴島學(xué)院

你“在看”我們的新網(wǎng)站么？