2019

清华大学结构生物学
高精尖创新中心官方网站建设

Strategy/Experience/Content/
策划/用户体验/内容设计/开发/优化

The 21st century is the century of life science, and structural biology is one of the frontier mainstream disciplines of modern life science research. In-depth study of the structure and function of biological macromolecules can not only solve a series of major basic scientific problems, but also help people better understand the nature of life phenomena, and is closely related to human health, which will greatly promote the research of new drugs based on the structure of biological macromolecules. Development.
二十一世纪是生命科学的世纪,而结构生物学是现代生命科学研究的前沿主流学科之一。 对生物大分子结构与功能的深入研究不仅可以解决一系列重大的基础科学问题,帮助人们更好地理解生命现象本质,而且与人类健康息息相关,将极大地促进基于生物大分子结构的新药研究及开发。

视觉定位
让你我领略高校本身的气质

一旦科学插上幻想的翅膀,它就能赢得胜利。

产品定位,以科学和严谨为主。二十一世纪是生命科学的世纪,而结构生物学是现代生命科学研究的前沿主流学科之一。蓝色工匠在此次的官网设计中,图片全部经过精修、调色、定位等手法来处理,UI布局方面采用点、线、面的融合设计方案,最大化呈现机构所特有的科学严谨的风格。

颜色就是第一印象
第一印象又决定了一切

随着互联网的普及,几乎每个人,每天都在通过手机或者电脑浏览大量的网页信息。页面的配色,作为网页的必备元素,可以调度起一个人的情绪、情感,甚至回忆。

清华大学高精尖创新中心官网,我们的设计师采用紫、黄、黑的配色方案进行视觉印象处理。紫色,是清华温婉柔和的倩影,可以有效串联起整站页面的连接与分割。黄色,作为紫色的对比色,用鲜明的对比来衬托治学的棱角分明。黑色,作为高级调性处理的必备色,可以极大地渲染官网的高级感官,它与生俱来的沉稳与高档、低调与内敛,是科学上空一直闪耀的亮丽光景。

#393943
#7a2788
#ffc600
#e6e6e6

成熟完善的响应式
适配方案,让移动端同样魅力无限

网站有千面,当你访问的一瞬间,就决定为你显示哪一面。蓝色工匠成熟的响应式适配方案,成形于手机端兴起的浪潮中,成熟于手机端荣膺“第一屏”的辉煌下。为了给客户提供全终端的浏览体验,我们一直在努力。为了这个目标,我们愿意做的更多。

文字,用“他”勾勒的一道道优雅
将那“千千万万”向我们娓娓道来

关于网页文字,集团站的应该沉稳,平台站的应该规矩,功能站的应该简易。换到行业,政府领域应该大气,艺术领域应该灵动,工业领域应该规整, 科技领域应该分明,文化领域应该儒雅…

清华大学结构生物学高精尖创新中心官网在字体设计上,考量到其对科学的严谨追求,我们理应字字“分明”。

Font

新宋体   微软雅黑

Weight

Demi Medium Regular

栅格化理论设计的运用
让网站底层框架更为科学合理

以规则的网格阵列来指导和规范网页中的版面布局以及信息分布。网页栅格系统是从平面栅格系统中发展而来。对于网页设计来说,栅格系统的使用,不仅可以让网页的信息呈现更加美观易读,更具可用性。而且,对于前端开发来说,网页将更加的灵活与规范。最重要的是,它给整个网站的页面结构定义了一个标准。

1440px

来了解一下
我们是如何设计“中心章程”页面的吧

中心章程页面,一个看似没有必要设计,又无从下手进行设计的页面,在我们看来却并非如此。此页面作为用户了解《清华大学结构生物学高精尖创新中心》对外展示机构整体运行机制的页面,具有重大的意义。页面需要在展示方面做到简洁、高效,仍然记得当时设计师在拿到这个页面的时候说过的那句话,“此页面需要做到一击必中”,“击”其实说的是“用户浏览”,“中”其实说的是“一看就明白”。设计师将章程的各个要点,采用锚点链接的方式进行设计,下拉过程中将标题进行锁定,这样用户在浏览过程中可以随时进入自己想要了解的模块。我们也真正做到了让用户“一击必中”!

更多案例

免费预约资深项目顾问,梳理需求,获取项目方案及报价。

在线咨询
电话咨询
预约顾问

立即与蓝色工匠项目顾问通话

4009-010-767

您也可进行在线咨询或预约项目顾问

隐私条款信息保护中,请放心填写
在线咨询

预约成功

请保持手机畅通,感谢您对蓝色工匠的支持!