UPM 希望创建一个数字平台,以生动展示他们在气候保护和可持续发展方面的工作。我们设计了一个互动网站,展示了 UPM 在全球范围内的工作中的人文关怀。
“UPM 致力于将全球变暖控制在安全范围内,并为当代及未来世代创造一个更美好的地球。”
首页旨在讲述 UPM 的工作和积极愿景。一进入网站,访客会看到被雾霾笼罩的美丽山脉,并可以选择清除这些雾霾(仅限桌面版)。每个后续部分都以对话式、主动的层级和语调呈现故事的不同组成部分。我们希望那些访问网站有明确目的的人能够轻松找到相关信息,同时在浏览过程中发现意想不到的信息。重点放在清晰的标题和真实的图片展示上,让人、地点和工作能够自我表达。
色彩调色板
主色调的类似蓝色传达了专业性和可靠性,同时融入了自然元素,如蓝天、水和山脉。由于蓝色是冷色调,我们在四分色调色方案中找到了一个行动色,带来了温暖并创造了令人愉悦的平衡。
不确定什么是类似色或四分色调色方案?我们在《选择网页设计色彩的科学》中详细阐述了这些内容。
排版
UPM 的品牌指南指定了 Arial 作为网页字体,但由于 Arial 使用非常普遍,我们建议使用 Titillium,以提供更具品牌特色的外观。Titillium 字体易于阅读,其圆润的曲线和独特的角落与 UPM 的 logo 相匹配。对于中文网页字体,我们选择了 Microsoft Yahei,因为它与拉丁字体保持了一致性。
图标风格
图标风格呈现出流畅而整体的感觉,象征着地球上各个元素的相互连接,并展示了生态系统中每个部分对其他部分的持续影响。
按钮风格
按钮设计体现了一个圆形生态系统,其中的小切口(非活动状态)代表 UPM 在填补空白的角色(活动状态)。简单的文本链接用于引导用户获取更多信息,同时不干扰当前信息的呈现。
与 UPM 团队的合作非常愉快。他们对自己的工作充满了自豪和关怀,我们也很高兴能够创建一个体现这一点的网站。
亲自去除雾霾吧 www.upm-cdm.eu
项目范围:
- 信息架构
- 线框图设计
- 用户界面指南
- 响应式原创网页设计
- 信息图动画
- 基于WordPress的开发
- 多语言支持:英语、德语和简体中文