AI时代，为了追求更先进的通用人工智能，需要高度智能的虚拟世界供AI学习，在此背景下超参数应运而生。超参数致力于构建高智能虚拟世界，加速AI在其中学习与进化的过程，并将成果反哺于现实世界。通过将AI能力和游戏场景进行深度结合，为棋牌类、休闲类、角色扮演类、开放生存类等不同品类的游戏公司提供人工智能解决方案。

而随时代的变化，设计趋势与受众审美也发生了变化。超参数的旧官网风格老旧且较为同质化，希望对原有的官网进行一次全面的更新，打造独特的品牌官网形象，加强品牌宣传力，使官网能更好地传达品牌理念和传递自身品牌价值和企业文化。

本次需求是对旧官网进行全面的改版设计，我们对网站信息重新进行了梳理，输出页面框架和设计出新的主视觉，建立后台管理系统。甲方考虑到国外客户的需求，增加了双语言功能的开发，最后进行可用性测试，无误后上线。

客户在视觉侧上寄予非常高的厚望，希望能设计出一款全新高大上的品牌官网，提升品牌形象。整体网站需清晰、简洁、美观，能够在用户心中留下深刻印象，在同类产品中脱颖而出。

如何将品牌官网主视觉做到差异化，提升品牌形象的识别度和记忆度是我们需要考虑的重点。

有效的的信息呈现可以帮助官网更好地宣传。信息呈现的重点不同，用户关注焦点就会不一样。

我们输出了两版方案。

• 方案一

  侧重品牌宣传，拉高banner高度，以具有视觉冲击力的图片，去传达公司理念，博客使用比较突出视觉效果的排版，尽可能拉满视觉空间。

• 方案二

  侧重业务，以图文形式去承载核心业务介绍，博客的排版方式是比较传统的上图下文的方式，阅读体验更佳。

客户最终选择了方案一，客户更注重品牌形象传递与更具有视觉张力的视觉效果。

2.打造专属设计风格

建立设计语言，创造独特视觉风格，可以更好地传达自身品牌概念与企业文化，让品牌形象在众多竞品中脱颖而出。

2.1 特色首屏Banner，引人注目

网站Banner是浏览者进入网站后的第一视觉落点，一个有质量、美观的Banner，可以第一眼迅速抓住浏览者的眼球，也是推广宣传的有效手段。

品牌官网主视觉的图形推导

主视觉图形需要融入品牌自身的理念，打造差异化。我们对超参数进行了调研，了解其品牌VI系统与业务。紧接着我们分别从logo图形、产品属性、slogan出发，提炼出关键字，确定品牌图形。

我们将品牌图形“银河”融入Banner中，将银河与科技感结合作主视觉，背景营造太空感氛围去呈现视觉效果，强化浏览者对品牌的认知，打造具有超参数特色的主视觉。客户对此主视觉风格的方案确定后，我们在此方向上开始对整体视觉效果进行产出。

经过多次讨论，我们发现客户想要的视觉效果更倾向于类似天文站摄影照片的质量，这对我们来说是不小的挑战。

过程稿：

在造型方面，我们先将星星与星球做了三维环绕效果，增强沉浸式体验和空间感；在动效方面，对主体的光柱与光圈渲染制作了循环动效，让视觉效果更为生动。

整个主视觉场景与logo造型形成呼应，在打造生动而宏伟的视觉画面中，也对品牌精神“打造有生命的AI”寓意延展有所体现，最终获得了客户的认可。

最终效果：

2.2 展现品牌气质

品牌官网是属于品牌VI系统的一部分，气质应与品牌VI系统相契合。我们首先对超参数的VI进行了调研，推导出沉稳大气、简约优质的设计风格。于是我们从以下几点去强化品牌气质：

提高图版率，烘托沉稳大气氛围

制造大留白，让用户更加专注内容信息，提升品质感

2.3 建立鲜明的品牌认知

大范围使用品牌色，强化品牌印象

官网配色选用了LOGO中的蓝色为主色调，强调品牌的行业属性，烘托智能科技的氛围，同时大范围蓝色使用，从色彩上强化品牌印象，给用户带来从色彩上对品牌的认知。

部分场景：

3. 移动端自适应设计

目前主流的移动端适配主要有自适应设计与响应式设计两种方案，自适应设计与响应式设计最直观的不同是：自适应需要开发多套界面来适配移动端，响应式只需要开发一套界面来适配。

为了让官网展现独有气质，我们对每一张页面都进行了特殊设计，在排版布局上不同于常规，因此只用一套界面来适配，在移动端上不足以良好地呈现信息和适配排版，会影响到浏览者的浏览体验。因此我们选择自适应方案对移动端重新进行设计。

4. 双语言版本

超参数向国内外用户都提供了信息服务，让他们都能浏览网站内容。我们建立了资料数据库，对客户提供的双语言资料进行存储与维护。根据浏览者的选择进行语言切换。

1. 后台管理系统

网站后台管理系统主要是用于对官网前台的信息管理，如博客、案例的发布、更新、删除等操作，使内容能够得到实时更新和调整。我们基于后期维护的考虑，选择Ubuntu系统部署， 对比Centos ，Ubuntu较好维护，对运维比较友好。数据库选用比主流的MySQL。

功能上，我们主要开发了以下几种功能：

• 用户权限管理

• 编辑功能

• 系统配置

• 访问日志

• 操作审计

• 留言箱

• 数据备份

  
  

  

  
  

2. SEO优化

针对seo的优化，我们使用nuxt实现ssr服务端渲染，让爬虫读取到页面内容，提高页面收录率。用pm2进行进程管理，保持应用程序在线。

回顾超参数项目，通过频繁的项目沟通及设计师多次风格的探索，成功对原版网站进行全面的改版重塑，提升了企业形象，也助力了后续品牌的线下宣传。

品牌官网是企业的门面之一，承载着品牌宣传，信息传递等功能，关系着企业的形象，怎么样的品牌官网算成功的，我们也一直在探索和完善做好品牌官网的方法，在这里针对此项目，我们也作一些总结分享：

• 展现差异化和独特性

  与众不同的形象，更具有记忆点，在同行中独树一帜

• 有效传递信息

  你所传达的内容、感受，能让用户接收到并能形成印象

• 设计风格与时俱进

  时代在变化，用户的审美也在变化，过于老旧的设计风格让人觉得没有新鲜感，缺乏积极性和生命力。但也不能一味追求新潮而忽略了品牌本身的调性和风格应服务于内容传达的使命。

  
  

  经典存在着流传的价值，例如：大多数人已经熟悉的导航栏，文章的信息结构化展示，这些多年来对人们“潜移默化”，产生了用户习惯，在设计时，非必要原因，最好不执行“颠覆式”改动，影响用户体验。

  
  

  而有一些部分在遵循品牌的调性的基础下，可以进行“与时俱进”的设计，提升品牌形象。例如：网站的Banner风格、图标、背景等。但对于“新”的理解，应该多与客户沟通，达成共识，避免设计师的主观设计，造成多次返工修改。

  
  

• SEO优化提高浏览量

  任何宣传手段都是希望能增加浏览量，多一点人看总是好的，让目标人群能在搜索引擎里搜到官网是基础，做好seo优化是做好官网建设必要的手段。