当用户接触一个产品或物品的步，永远是外观视觉。固然，企业官网作为互联网产品，优质的官网必然是为它的用户有针对性地服务。虽然访客首先感受到的是网站的视觉设计，但我们不仅要对网站视觉美观与否有所重视，更好的访问体验、更实用的网站功能、更高的网站辨识度，以及通过视觉实现直观的价值传递表达，都需进行深度探讨。
网站呈现给访客的印象尤其重要，而网站首屏则会作为传递网站风格及功能的媒介。我们从界面的品牌设计理念出发，以直观的视觉形式来体现科技感。
一个视觉效果好的网站，80%以上是靠优质的图片支撑。我们首先在官网首页Banner采用产品渲染图来呈现界面核心产品。首屏的功能性常会被忽视，其实，企业官网附带着商业属性，商业环境下的视觉应该更注重强化产品，满足需求的产品力加持。
为了提升banner的视觉质感，我们对界面三款主打产品重新建模渲染，通过主要光源及补光掌握好产品形态，在将产品细节充分展现清晰的前提下，产品暗面加入环境光使整个画面更丰富饱满。
图标是比文字更容易理解的可视化语言，它对于信息传递十分高效，可以说图标将这个世界结合起来。界面图标体系由两部分构成，分别是UI icon和3D icon。
3D icon可帮助访客更简易、高效地理解界面两大核心技术的实际属性。UI icon拥有清晰、简洁单色线性的特征，其风格符合界面品牌气质，每个图标特征和细节保持一致，在视觉上呈现出更好的统一性。
在网站中较为常用且能保障性能的微动效有四个变化属性：大小、位置、旋转、透明度。这四个属性任何一种或是几种有所变化时，就能达到交互微动效的目的，如果再加入其它不必要的属性，则会影响动效的流畅度。
首页第四屏的四个核心产品展示中，移动鼠标放置各个产品版块触发的微动效，缓动的效果能让版块更自然顺滑，看起来十分舒服和谐，符合访客认知及预期。