中国科协科技期刊集群官网设计

发表于:

交互设计 | 视觉设计

01

项目背景

科协期刊官网设计 学术科协网站设计 期刊门户网站设计 中国科协 中英文网站设计

从《关于深化改革 培育世界一流科技期刊的意见》发布,到 “中国科技期刊卓越行动计划” 及二期项目实施,都明确支持期刊集群化发展与数字化办刊。这一设计也是为破解我国科技期刊 “单刊弱、散刊多”、优秀成果外流等困境,通过官网整合资源,助力集约化发展,同时为科研人员提供学术交流平台,提升我国科技期刊国际影响力与学术传播能力。

科协期刊官网设计 学术科协网站设计 期刊门户网站设计 中国科协 中英文网站设计

一个好的产品产出一定是双方相互信任,彼此支持的结果。该项目在合作过程中就证明了这点。接到设计需求后,蓝蓝团队专门去客户现场面对面交流,当时立刻就敲定了合作。在后续的设计中我们及时交流,丁老师也特别认真,支持我们的工作,初稿提供3个方案,在修改后很快定稿,后续工作包涵其它页面、英文版以及手机适配都得到客户和领导的认可。

02

项目概述

产品定位

“学术科协(CAST Scholar)” 作为中国科协科技期刊集群官网,整合全国学会及地方科协资源,建设涵盖期刊集群展示、数字出版等七大功能板块的综合性平台,既实现编辑出版全流程一体化运行与文献数据本地安全存储,又提供创新成果传播推广、助力一流期刊建设,推动科技评价自主化,提升成果国际影响力,最终构建深度融合的学术生态,支撑科技自立自强。

目标用户

目标用户涵盖科技工作者(包括高校师生、科研院所研究人员及企业研发人员等,满足其获取学术资源、发表成果、开展交流的需求)、科技期刊从业者(编辑、出版人员及办刊机构,提供全流程出版服务与人才建设支持)、科研相关机构与组织(全国学会、“双一流” 高校、国家重点实验室等,形成覆盖学术研究、期刊运营、科研管理及科学普及的全链条用户生态。

设计风格

网站主色调采用蓝紫色,和之前科协主网站保持主色调的一致性,设计风格专业、简洁且富有科技感。以浅色调为基础,搭配清晰规整的排版,会议场景、文章预览、期刊展示等板块有序分布,图文结合直观呈现内容,既凸显学术严谨性,又通过简洁布局与适度视觉元素,让用户便捷获取会议、论文、期刊等信息,整体营造出专业权威又亲和易用的科研信息交互氛围。

03

UI设计

中文首页

科协期刊官网设计 学术科协网站设计 期刊门户网站设计 中国科协 中英文网站设计

英文首页

科协期刊官网设计 学术科协网站设计 期刊门户网站设计 中国科协 中英文网站设计

04

设计亮点

科协期刊官网设计 学术科协网站设计 期刊门户网站设计 中国科协 中英文网站设计

好的交互方式如同无形的引导,既简化了用户的操作步骤,又能通过贴合用户习惯的设计传递产品温度担

运用期刊封面背景的一部分作为整个模块背景,当切换时,背景也会随之变化,视觉效果更加生动且有温度。默认展示期刊右边展示相关的4篇文章。下面是期刊列表可以手动切换也可自动切换。

同时在期刊上方增加了期刊名称和刊号,便于用户快速看到相关信息。

科协期刊官网设计 学术科协网站设计 期刊门户网站设计 中国科协 中英文网站设计

设计后

设计亮点:中英文网站设计

设计前

英文版期刊列表

该模块是首页的重点,在英文版的设计中我们采用更加简洁的展示形式,将选中期刊和期刊列表放在一起展示,正在展示的会有一个选中的动作,上面是选中期刊的相关文章,同时该模块也是一个期刊列表页的一个入口,用户点击更多按钮可跳转至期刊列表页。上面相关文章的背景采用半透明设计,下面的底纹也会随着期刊的切换展示不同效果。

科协期刊官网设计 学术科协网站设计 期刊门户网站设计 中国科协 中英文网站设计

05

手机适配

科协期刊官网设计 学术科协网站设计 期刊门户网站设计 中国科协 中英文网站设计、
科协期刊官网设计 学术科协网站设计 期刊门户网站设计 中国科协 中英文网站设计、
科协期刊官网设计 学术科协网站设计 期刊门户网站设计 中国科协 中英文网站设计、

06

界面欣赏

科协期刊官网设计 学术科协网站设计 期刊门户网站设计 中国科协 中英文网站设计
  • 科协期刊官网设计 学术科协网站设计 期刊门户网站设计 中国科协 中英文网站设计
  • 科协期刊官网设计 学术科协网站设计 期刊门户网站设计 中国科协 中英文网站设计
  • 科协期刊官网设计 学术科协网站设计 期刊门户网站设计 中国科协 中英文网站设计
  • 科协期刊官网设计 学术科协网站设计 期刊门户网站设计 中国科协 中英文网站设计
大数据可视化、B端UI设计、系统UI设计、移动端UI设计、图标设计、软件开发、高端网站设计、logo设计、平面设计,兰亭妙微UI设计官方微信二维码

快速咨询

欢迎进群每天推

送国际优秀设计