中國科協(xié)科技期刊集群中英文網(wǎng)站設計
發(fā)表于：
01
項目背景
從《關(guān)于深化改革 培育世界一流科技期刊的意見》發(fā)布，到 “中國科技期刊卓越行動計劃” 及二期項目實施，都明確支持期刊集群化發(fā)展與數(shù)字化辦刊。這一設計也是為破解我國科技期刊 “單刊弱、散刊多”、優(yōu)秀成果外流等困境，通過官網(wǎng)整合資源，助力集約化發(fā)展，同時為科研人員提供學術(shù)交流平臺，提升我國科技期刊國際影響力與學術(shù)傳播能力。
一個好的產(chǎn)品產(chǎn)出一定是雙方相互信任，彼此支持的結(jié)果。該項目在合作過程中就證明了這點。接到設計需求后，藍藍團隊專門去客戶現(xiàn)場面對面交流，當時立刻就敲定了合作。在后續(xù)的設計中我們及時交流，丁老師也特別認真，支持我們的工作，初稿提供3個方案，在修改后很快定稿，后續(xù)工作包涵其它頁面、英文版以及手機適配都得到客戶和領導的認可。 網(wǎng)址：https://castscholar.cast.org.cn/。
02
項目概述
產(chǎn)品定位
“學術(shù)科協(xié)（CAST Scholar）” 作為中國科協(xié)科技期刊集群官網(wǎng)，整合全國學會及地方科協(xié)資源，建設涵蓋期刊集群展示、數(shù)字出版等七大功能板塊的綜合性平臺，既實現(xiàn)編輯出版全流程一體化運行與文獻數(shù)據(jù)本地安全存儲，又提供創(chuàng)新成果傳播推廣、助力一流期刊建設，推動科技評價自主化，提升成果國際影響力，最終構(gòu)建深度融合的學術(shù)生態(tài)，支撐科技自立自強。
目標用戶
目標用戶涵蓋科技工作者（包括高校師生、科研院所研究人員及企業(yè)研發(fā)人員等，滿足其獲取學術(shù)資源、發(fā)表成果、開展交流的需求）、科技期刊從業(yè)者（編輯、出版人員及辦刊機構(gòu)，提供全流程出版服務與人才建設支持）、科研相關(guān)機構(gòu)與組織（全國學會、“雙一流” 高校、國家重點實驗室等，形成覆蓋學術(shù)研究、期刊運營、科研管理及科學普及的全鏈條用戶生態(tài)。
設計風格
網(wǎng)站主色調(diào)采用藍紫色，和之前科協(xié)主網(wǎng)站保持主色調(diào)的一致性，設計風格專業(yè)、簡潔且富有科技感。以淺色調(diào)為基礎，搭配清晰規(guī)整的排版，會議場景、文章預覽、期刊展示等板塊有序分布，圖文結(jié)合直觀呈現(xiàn)內(nèi)容，既凸顯學術(shù)嚴謹性，又通過簡潔布局與適度視覺元素，讓用戶便捷獲取會議、論文、期刊等信息，整體營造出專業(yè)權(quán)威又親和易用的科研信息交互氛圍。
03
UI設計
中文首頁
英文首頁
04
設計亮點
好的交互方式如同無形的引導，既簡化了用戶的操作步驟，又能通過貼合用戶習慣的設計傳遞產(chǎn)品溫度擔
運用期刊封面背景的一部分作為整個模塊背景，當切換時，背景也會隨之變化，視覺效果更加生動且有溫度。默認展示期刊右邊展示相關(guān)的4篇文章。下面是期刊列表可以手動切換也可自動切換。
同時在期刊上方增加了期刊名稱和刊號，便于用戶快速看到相關(guān)信息。
設計后
設計前
英文版期刊列表
該模塊是首頁的重點，在英文版的設計中我們采用更加簡潔的展示形式，將選中期刊和期刊列表放在一起展示，正在展示的會有一個選中的動作，上面是選中期刊的相關(guān)文章，同時該模塊也是一個期刊列表頁的一個入口，用戶點擊更多按鈕可跳轉(zhuǎn)至期刊列表頁。上面相關(guān)文章的背景采用半透明設計，下面的底紋也會隨著期刊的切換展示不同效果。
05
手機適配
06
界面欣賞
