动效|网站作为互联网产品如何平衡艺术与商业，网站设计需要掌握哪些思维？

作为互联网产品，网站扮演着举足轻重的角色。它既需要满足用户视觉上的艺术体验，又不可忽略通过其所传递给用户的正确商业价值。因此，网站视觉设计该如何平衡艺术与商业价值？又需要掌握哪些商业网站的设计思维？作者在本文中详细论述了这两大问题，推荐设计小伙伴们阅读学习～

文章插图
相信网站视觉设计的重要性大家应该都清楚，对于访客来说，网站的框架、交互逻辑等这些都是其次的，访客首先感受到的是网站的视觉设计，同时通过视觉也能够直观地表达出我们所要传递的价值。因此，我们在建设网站时，一方面需要确保网站的视觉效果足够优秀，另一方面需要保证视觉能够传递正确的商业价值。
网站视觉设计需要平衡艺术与商业。
艺术与商业的本质其实是感性与理性，两者之间没有绝对的好与坏，相辅相成才是发挥价值的关键。

文章插图
企业以盈利为目的，其网站不可避免也附带了商业属性，甚至是网站本身就是为了商业而创造出来的，其商业价值占比也更重。但人类作为视觉动物，视觉感受对于访客来说尤为重要，视觉上的演绎比起网站其他内容，更会影响网站的可信度，因此，网站的视觉起码需要保证符合受众群体的基础审美。
我们这些年接触了大大小小几千家企业及企业官网，深入探究之后我们找到了一些规律，网站的视觉设计其实关键在于：
一、品牌基础VI设计的应用我们常见的企业网站存在着一个严重的问题，缺乏品牌辨识度，假如你把左上角的品牌LOGO遮住，你可能完全看不出这是那家公司的官网，又或者把左上角的品牌LOGO替换一下，就成了别家公司的企业官网，这是网站严重缺乏品牌视觉识别所导致，这种网站无法让访客记住其品牌，更无法在访客心里占领一席之地。
品牌基础VI设计的应用是最基础也是最容易忽视的细节，它不仅是存在于初期建站，更是在网站迭代中，持续保持企业网站差异化的关键。

文章插图
如何设计一个高辨识度的网站？
VI（视觉识别系统）是品牌的视觉符号化，是品牌识别中最具传播力和感染力的部分，它可以将品牌识别系统的非可视化内容，转化为静态的视觉识别符号，它包含了品牌LOGO、标准色、象征图形、标准字体等等。另外还会包含品牌核心价值和个性，不同的品牌VI是各个品牌之间形成差异化的根本原因之一。
因此，我们可以通过与品牌VI相结合的方式进行设计，品牌VI可以有非常丰富多样的应用形式，在广泛的层面上进行直接的传播，能够在不同场景中的进行应用，让人们快速辨认出该品牌。
品牌LOGO则是最具辨识度的视觉符号，通过提取LOGO中的基因，延用到我们网站中，更有助于提升品牌辨识度。我们可以从两个维度来提取：
1. LOGO的“形”首先，我们可以通过提取logo的形状作为网站视觉设计中的「视觉符号」，也可以参考VI手册中的「象征图形」进行延展，提取logo外形结构做成相应的icon或是动效等，是logo元素的直观体现。
举个例子，天虹的logo是一抹橙色极简的彩虹形状，天虹企业简介的Banner以及每个页面的底部导航，都有将Logo这一特征延展出来的图形设计。

文章插图

文章插图
天虹【企业介绍】页面头尾展示（增长超人出品）