在设计中，我们可以将标准色换到标题文字、icon、控件。打开网站时会很容易被这些颜色吸引，也不会感到突兀，合理运用logo颜色，可以统一网站的整体，且做到突出重点与更有效地传达信息。

品牌VI在网站设计中的应该如何？

品牌VI可以在三个维度应用到网站设计，来提升网站的辨识度：

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

icon设计中的品牌感是将品牌VI应用到网站的关键，比如上方的那套icon，是由增长超人根据英威腾本身的品牌色彩和品牌调性进行设计，应用于官网是这样的：

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

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

举个例子，这是一家高端的共享办公室服务企业，从他们的品牌VI中可以感受到高端、轻奢、个性等关键词，在其官网中，我们可以看到其与众不同的板式设计，一眼就能感受出其品牌调性。

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

在网站视觉设计中，品牌VI的应用不仅能够形成区别于同行的差异化，为品牌赋能，还能通过规范化的VI应用，提高访客对其品牌的信任度。

品牌的基础VI设计应用于网站是我们的常规操作，但要注意细节，别忽视了其作为网站基础的重要性，对于网站视觉设计，我们在保证基础设计无误的情况下，需要深入到思维上，一个网站的设计看似简单，像是色调、排版，都是设计师的基础功夫，但是要真正做到一个优质的网站，其实并没有想象中那么容易。

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

开头我们有提到：视觉设计如何平衡艺术与商业？大多数设计师在初入职场时，都不具备商业思维，首先会经历一段自我怀疑的过程：完成一个稿件后，反反复复被要求改稿，始终无法达到上级的要求，个人价值开始逐渐模糊，沦为一介改稿工具人。

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

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

过于强调设计、艺术、创意，不仅会给网站带来开发难度，更是给访客浏览带来沉重的负担。

商业环境下，视觉设计的本质应该是强化产品，升华价值，实际上，设计同样需要具备产品思维，增长超人建站更是将产品思维全流程化，这种模式下，每一环都串联起来，不管是用户体验，还是价值传递都非常有利。

产品思维全流程化

设计需要理解功能目的，为什么策划这个功能？如何通过设计让访客使用更顺畅？如何让访客爱上这个功能？这都是设计需要不断探讨和思考的问题。这时设计与产品之间通过产品思维进行联动，能够确保核心目标一致、步调一致，真正创造出一个有价值网站。

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

我们可以参考以下提高用户体验的关键因素：

网站的视觉设计一方面需要服务于内部，另一方面则服务于用户，内部指的是内部需求，比如上级、老板等他们的视觉审美，这是不可避免的，其中平衡的技巧在这里就不过多讲解了。

重点还是在于用户身上，也就访客，先前通过市场调研分析出访客画像，可以掌握对访客的审美基础和交互逻辑认知，结合起来进行设计，当然我们也提倡尽可能简化交互，并且让网站贴合访客喜好，内容一目了然。

举个例子，儿童教育服务的品牌网站，在惯性思维中，大多数人会将其设计得更偏向儿童向，迎合儿童的喜好，但是，真正浏览这个网站的访客其实是父母，因此，从偏向儿童向的思路开始就是错误的，这也是很多企业建设网站的时候会掉入的误区，了解用户是设计不可缺少的一步。

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

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

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

视觉动线是指人们在阅读时，视觉移动时所形成的方向路径。早在十多年前，用户体验专家雅各布·尼尔森博士提到“人们很少逐字阅读网页，相反，他们扫描页面，挑选单个单词和句子”。正是如此，人们在阅读的时候才会形成几种常见的视觉动线规律。

基于这两种常见的视觉动线，我们在做网站的板式设计时，可以更合理地策划视觉动线。其好处不仅能够帮助访客快速阅读，快速获取信息，提升用户体验，还可以帮助我们引导访客阅读预设的信息，高效传递高价值信息，提高营销效率。

视觉层次应该很好理解，即人们在阅读时，能从视觉中感受到信息的层次，优秀的视觉层次能够非常高效地引导.访客阅读更多内容，并且通过信息的优先级设计能更直观地帮助我们传网站达成相应的数据指标。

比如下面两个示例：

视觉动线可以作为网站整体的板式设计思路，而视觉层次则是单个版块的设计方向，版块的视觉层级设计应分为三层：

第一层：访客扫一眼就能理解整个版块的主要内容；

第二层：访客通过仔细浏览能够获取关键内容；

一	二	三	四	五	六	日
				1	2	3
4	5	6	7	8	9	10
11		13	14	15	16	17
18	19	20	21	22	23	24
25	26	27	28	29	30	31

标签： 网站作为互联网产品如何平衡艺术与商业、 网站设计需要掌握哪些思维？、 视觉、 访客、 网站、 思维、 应用、 网站收录、 网址收录、 金山嘴、 金山嘴收录网、 金山嘴收录网、

本文地址： https://yihaiquanyi.com/article/fdfdb09c10dd17dbc763.html

上一篇：软件开发分类有哪些？热点新闻...
下一篇：提高网站收录必看SEO优化全攻略热点新闻...