全球化視野,讓科技閃光
科大立足北京,展望全球
結(jié)合擬物化的科技元素
挖掘北科大不一樣的特質(zhì)
方案設(shè)計
一、形象功能區(qū):
首頁的第一屏是網(wǎng)站的靈魂,是學(xué)校打造形象和展現(xiàn)信息、功能的區(qū)域。我們采用適應(yīng)各種屏幕的大圖來提升視覺沖擊力,;招C又袛[放在主導(dǎo)航上,主導(dǎo)航又采用半透明的幽靈設(shè)計,增加了頁面的層次感。
二、欄目板塊區(qū):
這個區(qū)域是又一大亮點設(shè)計。
首先背景設(shè)計融入“全球”的概念,采用立體球面元素分割版面,使得頁面的排版不拘一格。
其次把北科要聞單獨呈現(xiàn),新聞導(dǎo)讀、通知公告、學(xué)術(shù)講座三個欄目做成按鈕切換形式,既節(jié)省了版面空間又有互動感。切換按鈕巧妙地與球面背景結(jié)合,增加了頁面的設(shè)計感。
第三球面背景形成一個“S”形,“S”為science的首字母,也切合科大的名稱。
最后北科事記做成圖片墻的形式,打破普通的橫向排版,鼠標(biāo)經(jīng)過每一張圖片都會有變暗、出現(xiàn)白線框和文字說明。是整個頁面比較活躍輕松的部分。
三、服務(wù)欄目區(qū):
這個部分增加了頁面高度,用科大建筑圖作為背景,加強網(wǎng)站的屬性。
改版前
改版后
科技元素是本次設(shè)計的重點。運用擬物化的球形、按鈕增加頁面的科技感;分子原子結(jié)構(gòu)的抽象圖形作為主體內(nèi)容的背景增強科技感;欄目版塊采用按鈕切換的形式,節(jié)省空間的同時也增強了科技感。
這次改版雖然經(jīng)過長時間的設(shè)計、討論,但最終獲得了北科大老師的一致好評。333體育將帶著這份鼓勵,繼續(xù)出發(fā),為北科大的信息平臺增加更多色彩。