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