News
新聞中(zhōng)心

熱烈祝賀北(běi)京工(gōng)商(shāng)大(dà)學新版官網上線運行

2019-07-17
摘要:新版主站立足對外(wài)展示獨有的北(běi)工(gōng)商(shāng)品牌形象、網站頁面設計給人井然有序, 并由北(běi)京通元軟件負責網站的整體(tǐ)規劃、設計、數據遷移、實施部署工(gōng)作, 本次網站的升級改版工(gōng)作得到了學校領導的高度重視

6月28日,由北(běi)京通元軟件全案參與設計并實施部署的北(běi)京工(gōng)商(shāng)大(dà)學新版校園主站正式上線運行。本次網站的升級改版工(gōng)作得到了學校領導的高度重視,在黨委宣傳部和信息網絡中(zhōng)心老師們的牽頭下(xià),經過一(yī)次次的設計修改,多個日日夜夜緊張的數據遷移,内測調試後,新版網站與舊(jiù)版網站正式實現切換,并順利上線運行。

cce14ef83d764596bd950c3f4da060ef.jpg

北(běi)京工(gōng)商(shāng)大(dà)學舊(jiù)版校園主站自2015年開(kāi)通以來,承載了學校招生(shēng)宣傳、教學科研、信息咨迅和相關業務管理工(gōng)作,爲學生(shēng)和老師們源源不斷的提供了溝通和交流的平台。經過4年多的運行,在面對當下(xià)的主流信息技術、設計理念和數據服務時,舊(jiù)版網站已經顯得力不從心,無法滿足廣大(dà)師生(shēng)和教職工(gōng)的業務需求。爲滿足學校各項工(gōng)作的發展節奏,更好地展現學校品牌形象,順應高校網站的發展潮流,與世界名校看齊。于今年3月,由黨委宣傳部、信息網絡中(zhōng)心牽頭對學校舊(jiù)版主站提出升級改造要求,并由北(běi)京通元軟件負責網站的整體(tǐ)規劃、設計、數據遷移、實施部署工(gōng)作。

我(wǒ)(wǒ)們在改版前對北(běi)工(gōng)商(shāng)原版網站進行了充分(fēn)的梳理、分(fēn)析,吃透每一(yī)個欄目,每一(yī)項業務,每一(yī)條核心數據;參考了國内外(wài)多所名校的設計理念和欄目設置風格,通過精心的調研分(fēn)析,數據梳理與北(běi)工(gōng)商(shāng)老師們充分(fēn)的溝通并交換意見,逐步理清了新版網站的架構,明确了學校主站的定位和功能需求。

新版主站立足對外(wài)展示獨有的北(běi)工(gōng)商(shāng)品牌形象、網站頁面設計給人井然有序,煥然一(yī)新的視覺沖擊力,對内服務師生(shēng),對外(wài)彰顯品牌,明确了網站在整體(tǐ)的架構上:邏輯更科學,交互更便捷、結構更清晰、頁面更時尚的改版目标,進一(yī)步服務學校中(zhōng)心工(gōng)作和滿足廣大(dà)師生(shēng)的需求。

02e404d05d8043eb8cbb412b25162f2d.png

在設計理念上:

北(běi)京工(gōng)商(shāng)大(dà)學作爲以商(shāng)科、輕工(gōng)和食品爲特色的綜合性大(dà)學,具有獨特而顯著的校園特色。本次主站的設計方案以厚重而沉穩的風格爲主,傳達學校幾十年曆史的積澱和務實風格。新版主頁以工(gōng)商(shāng)藍(lán)爲主色調,采用寬幅版式,構圖具有鮮明的視覺沖擊力。給人營造出沉穩厚重,又(yòu)不失青春活力。

色彩與配色應用:

網站配色分(fēn)别選用VI系統中(zhōng)的藍(lán)作爲主色調,分(fēn)别配以紅色作爲局部點綴;紅色的加入使沉穩而理性的藍(lán)色更具廣闊感,搭配使用可以緩沖長時間觀看較深的藍(lán)色所帶來的壓抑和枯燥感。

圖形符号的提取亮點:

1、通知(zhī)公告欄下(xià)方淺色塊造型,同樣提取自LOGO中(zhōng)“GS”變形,緊緊貼合學校圖形文化符号,作爲網站提味小(xiǎo)圖标來應用,爲頁面增添别具一(yī)格的韻味。

e47a90773d2740bca650830dacc9bd50.jpg

2、底部LOGO底色塊提取LOGO中(zhōng)“GS”變形的組合,像是倒置的鑽石,寓意學校穩固而堅定的辦學理念。

499be34f5ce74450b911aa84dc10b0fa.jpg

新版網頁主要變化有:

第一(yī):更新主頁面的結構,采用扁平化首頁高清主題圖片滾動展示重要節點、學校重要新聞事件、校園風景等内容,增加“工(gōng)商(shāng)印象”版塊,用大(dà)篇幅圖片展現學校優美風景,提升首頁整體(tǐ)美觀度,同時,将頁面增加至5.5屏,增加了信息的顯示量。

第二:優化欄目設置與欄目顯示。爲增強新聞可讀性,改變綜合新聞簡單标題的陳列方式,改爲1篇帶圖新聞、8篇新聞标題陳列方式,形式更美觀、更清晰;爲展現我(wǒ)(wǒ)校國際化成果,提升學校國際化水平,增加了“國際交流的版塊;爲方便師生(shēng)讀取信息,在“通知(zhī)公告”“學術空間”“招标采購”欄目中(zhōng)增加來源部門及發布時間顯示;在首頁顯示各學院,使用戶可以通過首頁直達學院網站等。

QQ截圖20190712154717.jpg

高校主站的改版是一(yī)項複雜(zá)龐大(dà)的系統工(gōng)程,涉及多個部門多個工(gōng)種的聯動工(gōng)作。網站的改版不僅僅隻是更換頁面、布局、顔色、樣式這麽簡單。改版背後還蘊藏着大(dà)量前期準備溝通工(gōng)作,複雜(zá)的數據遷移工(gōng)作、校園文化的梳理工(gōng)作以及前沿技術的頂層設計工(gōng)作。是老師們工(gōng)作成果的結晶,是學校整體(tǐ)形象的濃縮;是展現大(dà)學綜合實力的“一(yī)面鏡子”,也是記錄高校時代變遷的“一(yī)扇大(dà)門”。相信北(běi)京工(gōng)商(shāng)大(dà)學這套全新改版後的網站必定會以一(yī)個具有國際水準并且處處散發出自身品牌文化氣息的全新形象呈現在公衆面前。

部分(fēn)改版後的二級頁面

ec272ce645d14fc98e5cc8e1684d0bcd.jpg

96077fac91fb450ab6796cb3d7de9b5f.jpg

969792bc6f7447b493f1a94fc9c3b5f7.jpg

250f15af5bf44383b5c7921be3b037c8.jpg


分(fēn)享到:
幫助中(zhōng)心
TOP