UPM 网站互动设计

2019年9月26日

UPM 希望创建一个数字平台,以生动展示他们在气候保护和可持续发展方面的工作。我们设计了一个互动网站,展示了 UPM 在全球范围内的工作中的人文关怀。


“UPM 致力于将全球变暖控制在安全范围内,并为当代及未来世代创造一个更美好的地球。”


首页旨在讲述 UPM 的工作和积极愿景。一进入网站,访客会看到被雾霾笼罩的美丽山脉,并可以选择清除这些雾霾(仅限桌面版)。每个后续部分都以对话式、主动的层级和语调呈现故事的不同组成部分。我们希望那些访问网站有明确目的的人能够轻松找到相关信息,同时在浏览过程中发现意想不到的信息。重点放在清晰的标题和真实的图片展示上,让人、地点和工作能够自我表达。

色彩调色板

主色调的类似蓝色传达了专业性和可靠性,同时融入了自然元素,如蓝天、水和山脉。由于蓝色是冷色调,我们在四分色调色方案中找到了一个行动色,带来了温暖并创造了令人愉悦的平衡。

不确定什么是类似色或四分色调色方案?我们在《选择网页设计色彩的科学》中详细阐述了这些内容。

排版

UPM 的品牌指南指定了 Arial 作为网页字体,但由于 Arial 使用非常普遍,我们建议使用 Titillium,以提供更具品牌特色的外观。Titillium 字体易于阅读,其圆润的曲线和独特的角落与 UPM 的 logo 相匹配。对于中文网页字体,我们选择了 Microsoft Yahei,因为它与拉丁字体保持了一致性。

图标风格

图标风格呈现出流畅而整体的感觉,象征着地球上各个元素的相互连接,并展示了生态系统中每个部分对其他部分的持续影响。

按钮风格

按钮设计体现了一个圆形生态系统,其中的小切口(非活动状态)代表 UPM 在填补空白的角色(活动状态)。简单的文本链接用于引导用户获取更多信息,同时不干扰当前信息的呈现。

与 UPM 团队的合作非常愉快。他们对自己的工作充满了自豪和关怀,我们也很高兴能够创建一个体现这一点的网站。

亲自去除雾霾吧 www.upm-cdm.eu

项目范围:

  • 信息架构
  • 线框图设计
  • 用户界面指南
  • 响应式原创网页设计
  • 信息图动画
  • 基于WordPress的开发
  • 多语言支持:英语、德语和简体中文

相关文章

与熊信科技共迎新篇章 - 国际化企业品牌LOGO

与熊信科技共迎新篇章 - 国际化企业品牌LOGO

0 min read
October 14, 2024
如何从零开始构建网站国际化策略

如何从零开始构建网站国际化策略

0 min read
October 09, 2024
立即咨询

立即联系我们的专业顾问,
为您的项目出谋划策。

这个字段是用于验证目的,应该保持不变。