作为互联网产品，网站扮演着举足轻重的角色 。它既需要满足用户视觉上的艺术体验，又不可忽略通过其所传递给用户的正确商业价值 。因此，网站视觉设计该如何平衡艺术与商业价值？又需要掌握哪些商业网站的设计思维？作者在本文中详细论述了这两大问题，推荐设计小伙伴们阅读学习～
相信网站视觉设计的重要性大家应该都清楚，对于访客来说，网站的框架、交互逻辑等这些都是其次的，访客首先感受到的是网站的视觉设计，同时通过视觉也能够直观地表达出我们所要传递的价值 。因此，我们在建设网站时，一方面需要确保网站的视觉效果足够优秀，另一方面需要保证视觉能够传递正确的商业价值 。
网站视觉设计需要平衡艺术与商业 。
艺术与商业的本质其实是感性与理性，两者之间没有绝对的好与坏，相辅相成才是发挥价值的关键 。
企业以盈利为目的，其网站不可避免也附带了商业属性，甚至是网站本身就是为了商业而创造出来的，其商业价值占比也更重 。但人类作为视觉动物，视觉感受对于访客来说尤为重要，视觉上的演绎比起网站其他内容，更会影响网站的可信度，因此，网站的视觉起码需要保证符合受众群体的基础审美 。
我们这些年接触了大大小小几千家企业及企业官网，深入探究之后我们找到了一些规律，网站的视觉设计其实关键在于：
一、品牌基础VI设计的应用我们常见的企业网站存在着一个严重的问题，缺乏品牌辨识度，假如你把左上角的品牌LOGO遮住，你可能完全看不出这是那家公司的官网，又或者把左上角的品牌LOGO替换一下，就成了别家公司的企业官网，这是网站严重缺乏品牌视觉识别所导致，这种网站无法让访客记住其品牌，更无法在访客心里占领一席之地 。
品牌基础VI设计的应用是最基础也是最容易忽视的细节，它不仅是存在于初期建站，更是在网站迭代中，持续保持企业网站差异化的关键 。
如何设计一个高辨识度的网站？
VI（视觉识别系统）是品牌的视觉符号化，是品牌识别中最具传播力和感染力的部分，它可以将品牌识别系统的非可视化内容，转化为静态的视觉识别符号，它包含了品牌LOGO、标准色、象征图形、标准字体等等 。另外还会包含品牌核心价值和个性，不同的品牌VI是各个品牌之间形成差异化的根本原因之一 。
因此，我们可以通过与品牌VI相结合的方式进行设计，品牌VI可以有非常丰富多样的应用形式，在广泛的层面上进行直接的传播，能够在不同场景中的进行应用，让人们快速辨认出该品牌 。
品牌LOGO则是最具辨识度的视觉符号，通过提取LOGO中的基因，延用到我们网站中，更有助于提升品牌辨识度 。我们可以从两个维度来提取：
1. LOGO的“形”首先，我们可以通过提取logo的形状作为网站视觉设计中的「视觉符号」，也可以参考VI手册中的「象征图形」进行延展，提取logo外形结构做成相应的icon或是动效等，是logo元素的直观体现 。
举个例子，天虹的logo是一抹橙色极简的彩虹形状，天虹企业简介的Banner以及每个页面的底部导航，都有将Logo这一特征延展出来的图形设计 。
天虹【企业介绍】页面头尾展示（增长超人出品）
这种方法需要我们很好地提取logo中的部分结构，或根据造型转变为动效、icon等，这样在网页中的融入感是十分可观 。
2. LOGO的“色”提取logo中的标准色或代表性的颜色与网页元素相呼应，也是一种常见的方式 。将Logo颜色通过网站中的文字、页面板式、icon设计表现出来，这是很好的一种呼应方法 。
比如：绿色是绿革的标志性颜色 。打开绿革官网，可以清晰直观地看到绿革将logo中的两种绿色元素，融入到网站界面UI中，需要突出的文案也会运用这两种绿色去做表达和强调 。
绿革LOGO
绿革官网首页展示
在网站设计中，我们可以将标准色换到标题文字、icon、控件 。访客打开网站时会很容易被这些颜色吸引，也不会感到突兀，合理运用logo颜色，可以统一网站的整体视觉，且做到突出重点与更有效地传达信息 。
品牌VI在网站设计中的应该如何应用？
品牌VI可以在三个维度应用到网站设计，来提升网站的辨识度：
1. ICON图标设计品牌VI的应用常见的方式就是在icon图标的设计上，icon作为网站的重点图形，能够让访客感知品牌，精致的icon可以让表达更简单高效，要打造一套精致的icon，我们可以从识别性、规范性、整体性和品牌感四个方面着手 。
推荐阅读
- 重阳节有感四年级作文
- 如何看待网红现象 如何看待网红艺人？
- b站是一个什么样的网站?用户是谁?具有什么样的特征? B站是一个怎么样的网站
- 联想Boot设置 联想boot设置
- 5个渠道推荐顶级复刻表在哪个网站买靠谱
- 京东快递站点怎么加盟 想加盟快递站点，怎么做？
- 为啥男生喜欢用夸克【为什么有的网站只支持夸克】
- 明日之后蜂蜜怎么得 蜂蜜获取方法 明日之后蜂蜜怎么得
- 包含doi网站的词条
- 二手奢侈品网站设计调查问卷 二手奢侈品网站