包网建站——如何平衡艺术与商业？

包网建站——如何平衡艺术与商业？

作为互联网产品的一份子，网站的视觉设计扮演着举足轻重的角色，它是一个平台的颜面。它既需要满足用户视觉上的艺术体验，又不可忽略通过其所传递给用户的正确商业价值。

因此，做一个菠菜网站视觉设计该如何平衡艺术与商业价值？又需要掌握哪些商业网站的设计思维？

相信网站视觉设计的重要性大家应该都清楚，对于到平台来玩的玩家来说，网站的框架、交互逻辑等这些都是其次的，玩家首先感受到的是网站的视觉设计，同时通过视觉也能够直观地表达出我们所要传递的价值。因此，我们在建设网站时，一方面需要确保网站的视觉效果足够优秀，另一方面需要保证视觉能够传递正确的商业价值。

艺术与商业的本质其实是感性与理性，两者之间没有绝对的好与坏，相辅相成才是发挥价值的关键。

运营方以盈利为目的，其网站不可避免也附带了商业属性，甚至是网站本身就是为了商业而创造出来的，其商业价值占比也更重。但人类作为视觉动物，视觉感受对于访客来说尤为重要，视觉上的演绎比起网站其他内容，更会影响网站的可信度，因此，网站的视觉起码需要保证符合受众群体的基础审美。

随着深入探究之后我们找到了一些规律，网站的视觉设计其实关键在于：

1.品牌基础VI设计的应用

2.平衡艺术与商业的网站设计思维

一、品牌基础VI设计的应用

我们常见的企业网站存在着一个严重的问题，缺乏品牌辨识度，假如你把网站上的平台LOGO遮住，你可能完全看不出这是那家公司的官网，又或者把左上角的平台LOGO替换一下，就成了别人家的网站，这是网站严重缺乏品牌视觉识别所导致，这种网站无法让访客记住其品牌，更无法在访客心里占领一席之地。

品牌基础VI设计的应用是最基础也是最容易忽视的细节，它不仅是存在于初期建站，更是在网站迭代中，持续保持企业网站差异化的关键。

那么...

如何设计一个高辨识度的网站？

品牌LOGO则是最具辨识度的视觉符号，通过提取LOGO中的基因，延用到我们网站中，更有助于提升品牌辨识度。我们可以从两个维度来提取：

1. LOGO的“形”

首先，我们可以通过提取logo的形状作为网站视觉设计中的「视觉符号」，也可以参考「象征图形」进行延展，提取logo外形结构做成相应的icon或是动效等，是logo元素的直观体现。

这种方法需要我们很好地提取logo中的部分结构，或根据造型转变为动效、icon等，这样在网页中的融入感是十分可观。

2. LOGO的“色”

提取logo中的标准色或代表性的颜色与网页元素相呼应，也是一种常见的方式。将Logo颜色通过网站中的文字、页面板式、icon设计表现出来，这是很好的一种呼应方法。

比如：黑灰白色是apple的标志性颜色。打开apple官网，可以清晰直观地看到apple将logo中的两组不同灰度的白色与黑色元素，融入到网站界面UI中，需要突出的文案也会运用这两种白色和黑色去做表达和强调。

另外我们还可以通过三个维度应用到网站设计，来提升网站的辨识度：

1. ICON图标设计

常见的方式就是在icon图标的设计上，icon作为网站的重点图形，能够让访客感知品牌，精致的icon可以让表达更简单高效，要打造一套精致的icon，我们可以从识别性、规范性、整体性和品牌感四个方面着手。

识别性：icon的作用即是帮助访客理解网站信息，特别是在没有文字说明的情况下，icon的设计需要具备让访客快速认出的高识别度，不能让访客产生疑惑。

规范性：每个icon要保持视觉大小、色彩等一致性，以及图标饱满度等细节都需遵循同一规律，例如：绘制风格是否一致，使用的圆角或直角是否统一等等。

整体性：除了icon自身的设计之外，整体的设计风格要与网站基调达成一致，不同网站有不同定位，面向的目标访客群体自然有所差别，那么整个网站的icon设计也不一样。

品牌感：提升品牌辨识度离不开品牌感，icon设计要与品牌调性、理念相符合，传达给访客一致的感受。比如：提取品牌色、采取品牌图形作为图标设计视觉元素，从而加深访客对品牌色的感知。

2. 版式设计

版式的如何融入品牌调性是很多设计师会忽略的一点，访客来浏览网站时，首先感受到的第一点是色彩，第二则是版式，也就是整体给访客的感觉。

符合品牌定位且具有辨识度的网页版式设计应该怎么做，它更需要从品牌特性中提取，无法像icon一样从品牌logo和标准色中提取元素就可以做到的，更多是一个风格化的设计。

3. 动效设计

除了静态的图形设计，平台也可以融入网站动效，利用平台LOGO的设计元素和结构，进行设计的动效，可以让整个网站更有品牌风格。一个好的动效是能够满足网站功能的表达，强化品牌特质，而不是只追求表面炫酷花哨的效果。

二、平衡艺术与商业的网站设计思维

在我们看来，企业网站的视觉设计必须具备商业思维，也就是视觉设计需要体现其想表达商业价值，因此，在建设企业网站时，我们需要记住一下几点。

1. 不为设计而设计

不为设计而设计不是将艺术“一棒敲死”，也并非抛弃创新创意，而是应该更注重于强化产品，给满足需求的产品力加持。市面上有很多花里胡哨的网站，第一眼可能能够惊艳到你，但是再深入只是空洞，事实上，能够让访客长时间记住你的并非第一眼，而是其内在，也是我们一直坚持的长期主义价值。

2. 重视UX用户体验

我们一直在讲视觉设计，视觉设计不仅是静态形式，还可以是动态形式，也就是网站上的交互动效，交互不可避免涉及到的领域就是「用户体验」。08年苹果推出AppStore，App兴起至今，用户体验就广为人知，在App的设计领域更是奉为“宗旨”，当然，在网站设计上同样如此，“以用户为本”本就是产品的关键价值，这是我们不可忽视的方面。

3. 增长思维保证商业价值

增长思维作为增长超人网站建设三大思维之一，也是三大思维中最能激发网站商用价值的思维。在视觉设计当中，运用增长思维能够有效强化网站，加强网站价值。

我们需要先探讨“网站内容中哪些信息最重要？”，“传递这些信息的目的是什么？”例如，一个促销活动版块的营销点是免费领取资料，我们需要理解：最打动访客的是资料还是“免费”，是资料的图片需要更突出还是“免费”相关文案。在商业之下，设计也需要理解营销，也需要懂增长。

总结

网站的视觉设计可以被视作一种艺术形式，但与纯艺术截然不同，网站的视觉设计需要建立在牢固的科学基础之上，以理性客观去审视一下这样设计是否真的能有效传递价值。

正因为如此，包网平台作为网站建设的专业设计者，对商业网站的设计都有着长久的实践经验。才能在最短的时间内拿出商户在商业上与用户视觉上都理想的网站设计解决方案。

抢饭碗的来了

来自安卓APP客户端