全球化視野，讓科技閃光
科大(dà)立足北(běi)京，展望全球
結合拟物(wù)化的科技元素
挖掘北(běi)科大(dà)不一(yī)樣的特質
方案設計
一(yī)、形象功能區：
首頁的第一(yī)屏是網站的靈魂，是學校打造形象和展現信息、功能的區域。我(wǒ)(wǒ)們采用适應各種屏幕的大(dà)圖來提升視覺沖擊力，校徽校名居中(zhōng)擺放(fàng)在主導航上，主導航又(yòu)采用半透明的幽靈設計，增加了頁面的層次感。
二、欄目闆塊區：
這個區域是又(yòu)一(yī)大(dà)亮點設計。
首先背景設計融入“全球”的概念，采用立體(tǐ)球面元素分(fēn)割版面，使得頁面的排版不拘一(yī)格。
其次把北(běi)科要聞單獨呈現，新聞導讀、通知(zhī)公告、學術講座三個欄目做成按鈕切換形式，既節省了版面空間又(yòu)有互動感。切換按鈕巧妙地與球面背景結合，增加了頁面的設計感。
第三球面背景形成一(yī)個“S”形，“S”爲science的首字母，也切合科大(dà)的名稱。
最後北(běi)科事記做成圖片牆的形式，打破普通的橫向排版，鼠标經過每一(yī)張圖片都會有變暗、出現白(bái)線框和文字說明。是整個頁面比較活躍輕松的部分(fēn)。
三、服務欄目區：
這個部分(fēn)增加了頁面高度，用科大(dà)建築圖作爲背景，加強網站的屬性。
改版前
改版後
科技元素是本次設計的重點。運用拟物(wù)化的球形、按鈕增加頁面的科技感；分(fēn)子原子結構的抽象圖形作爲主體(tǐ)内容的背景增強科技感；欄目版塊采用按鈕切換的形式，節省空間的同時也增強了科技感。
這次改版雖然經過長時間的設計、讨論，但最終獲得了北(běi)科大(dà)老師的一(yī)緻好評。通元将帶着這份鼓勵，繼續出發，爲北(běi)科大(dà)的信息平台增加更多色彩。