网站建设中要注意网页设计中的哪些问题？

时间：2023-09-11 08:12:02 | 来源：网站运营

时间：2023-09-11 08:12:02 来源：网站运营

网站建设中要注意网页设计中的哪些问题？：网站视觉设计的重要性大家应该都清楚，对于普通访客来说，网站框架、交互逻辑等这些都是其次的，访客首先感受到的是网站的视觉设计， 同时视觉也能够直观地表达出我们所要传递的价值。

因此，我们在建设网站时，一方面需要确保网站的视觉效果足够优秀，另一方面需要保证视觉能够传递正确的商业价值。

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

VI（视觉识别系统）是品牌的视觉符号化，是品牌识别中最具传播力和感染力的部分，它可以将品牌识别系统的非可视化内容，转化为静态的视觉识别符号，它包含了品牌 LOGO、标准色、象征图形、标准字体等等。另外还会包含品牌核心价值和个性，不同的品牌 VI 是各个品牌之间形成差异化的根本原因之一。

因此，我们可以通过与品牌 VI 相结合的方式进行设计，品牌 VI 可以有非常丰富多样的应用形式，在广泛的层面上进行直接的传播，能够在不同场景中进行应用，让人们快速辨认出该品牌。品牌 LOGO 则是最具辨识度的视觉符号，通过提取 LOGO 中的基因，延用到我们网站中，更有助于提升品牌辨识度。我们可以从两个维度来提取：

• LOGO 的“形”
• LOGO 的“色”

（1）LOGO 的“形”

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

举个例子，天虹的 logo 是一抹橙色极简的彩虹形状，天虹企业简介Banner以及每个页面的底部导航，都有将 Logo 这一特征延展出来的形设计。

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

（2）LOGO 的“色”

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

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

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

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

艺术与商业的本质其实是感性与理性，两者之间没有绝对的好与坏，相辅相成才是发挥价值的关键。例如在我们看来，企业网站视觉设计必须具备商业思维。在商业环境下的视觉设计本质应该是强化产品，升华价值，因此需做到不为设计而设计。

当然，这并非是抛弃新创意，而是应该更注重于强化产品，给予满足需求的产品力加持。过度强调创意设计，或许会给访客浏览带来负担。

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

我们始终要对设计的结果负责，各个环节的品牌维护及更新必须形成闭环的设计思考，最终达到“设计应时输出，信息精准传达，符合结果预期”，在落地层面始终执行着的“四环建设”：

• 第一环：让出品更好看（视觉侧）
• 第二环：让出品更好用（体验侧）
• 第三环：让出品高转化（营销侧）
• 第四环：让出品高价值（品牌侧）

视觉设计是网站的一个重要层面，网站作为互联网产品，其视觉设计的本质是价值传递，我们一直以增长思维和产品思维与视觉设计相融合，就是为了实现高效传递高价值信息。

访客通过对视觉信息的感知，来决定自己的行为。当我们从信息的角度去理解视觉设计时，可以打破惯性思维对我们的限制，因为视觉设计是一个由抽象信息转换为图像信息的过程，理解这层道理才能真正打造出一个具有高颜值和高价值的网站。

另外，增长超人全新推出了《企业官网建设实战指南》，这本建站白皮书以增长超人的建站三大思维（产品思维、数据思维、增长思维）为核心，从前期市场调研、历史数据分析、原型设计、视觉设计、技术开发、 上线分析优化等六大版块来和你分享如何做出一个高质量的企业官网。

感兴趣的也可以关注我的公众号（增长超人），上面会定期分享 企业增长 | 网站建设 | 新媒体营销 等相关干货内容。