Galapagos生物技术相关网站设计

网站赏析：

正如标题所言，这是一个与生物技术有关的网站。在浏览了整个网站之后 , 我们可以发现这个网站还是比较有个人特色的 。不同于其他相关行业的网站的古板 , 这一网站并没有太过拘束。不仅是配色还是图片的选择搭配上 , 这一网站都挺有新意的 。线条元素、插画元素、动态图片元素等等都能够起到平衡页面美感的作用 , 为网页增添了许多亮点。通过对网站的分析 , 可以归结出以下几个值得学习的地方 :

    ○ 在颜色表现力上 , 橘色、墨绿色、灰色作为辅助色调装饰网站 , 使得整个网站主次分明。选用了logo的两种颜色 , 具有对比度的两种颜色可以产生视觉上的美感 , 也能第一时间让用户看到主要信息。

    ○ 配图的选择使用上 , 这一网站很有自己的特色。动态效果的图片不仅能在视觉上带来一定的新鲜感 , 还能让用户在思维上向外延伸 , 对图片的含义加以思索。

    ○ 文字样式及排版上 , 超大字号的文字展示特别大胆并且给人一种有力的感觉。每个模块的区分很明显 , 所展示的信息以内容简洁明了。

设计看点：

进入页面后 , 如下图显示。可以看到的是 , 首页是呈左右结构的展示形式的 , 左侧的类似涂鸦形式的文字展示很有特色。在颜色搭配上 , 首页的橘色能够吸引用户眼球 , 这样的设计效果能够第一时间传递出首页的展示内容 , 简单明了。首页左右布局中只有文字元素的显示 , 让整个界面看上去大气。

在下拉的过程中 , 我们会发现右侧的栏目包括logo都向右侧渐隐。当首页完全滚动过后 , 右侧会出现如下图显示中的侧边栏。作为之后界面中的固定组件 , "join"这一栏目应该是网站较为重要的模块。不仅仅是一种装饰性的组件 , 也是实现良好人机交互的一个枢纽 , 便于用户直接点击按钮。

在接下来的两张动态图中有一个亮点。如下图两张动图显示的那样 , 网站在这两个模块中都是用超大号的文字与动态图片的搭配来展示网页内容的。第一张动态图是一个锁孔的模样 , 而第二张动态图则是一把钥匙的模样。这样的设计起到了前后呼应的效果 , 不仅很好的表达出网页要展示的内容 , 还增加了网页的趣味性 , 激发用户的浏览兴趣。

在下面的展示模块中 , 网站用到了插画这一元素。手绘人物插画也能够极大还原人物特征 , 在人物配色的选择上可以避免多种复杂的颜色 , 主要选用网页的主题色调。这样一来 , 页面会看上去更加和谐。在这一模块中 , 不管是颜色的搭配还是icon的使用都很巧妙 , 让页面布局看着很舒服。