人是视觉动物，人类大脑处理或接收的信息几乎有90％是视觉的。这就是为什么每个人都经常说一张图片胜过千言万语。在许多情况下，图像比复杂文本更快更容易传达信息。网站上的设计师经常使用图像来扩展网站的表现力，创建一个很棒的UI界面，并使访问者之间的互动更加接近。但是越来越多的设计师最近倾向于使用插图，因为插图是所有图片中最具表现力的。使用您网站上的插图可以使枯燥的文字更有趣，并使UI界面更具视觉效果，激发游客的兴趣。同时，网站信息内容的精细化和传播更加直观，生动，有利于提升用户体验。因此，在今天的文章中，Xiaofei将向您介绍插图以及如何应用插图来进行UI界面设计。快来看看吧！

插图

插图实际上是插图的通用名称。原始图片是指报纸，杂志和报纸中添加的图片。它们已成为现代设计中重要的视觉传达方法，在许多领域得到广泛应用。如商业活动，网站设计，文化事业等。插图是英文插图，实际上源自拉丁文illustraio，意思是照亮，这意味着插图可以使文字更清晰，更清晰。此外，它还可以增加文字的趣味性，让文字给用户留下更生动的印象，增强艺术的吸引力。在网页设计中，插图正在成为一种功能元素。作为设计师与用户沟通的工具，它通过视觉元素有效地体验和传递信息。如果文本可以告诉访问者某种信息，插图可以向访问者显示信息。但是，如果你想充分利用插图的功能，我们在使用它们时必须遵循两个标准：一个是插图应该易于识别;另一个是插图可以由不同背景和文化的访问者解释而不含糊。

以下是小飞总结的网站插图的不同使用场景，并分析了一些完成度较高的栗子。我希望每个人都可以向他们学习并获得一些东西。

在主页上使用插图

良好的网页设计通常需要给访问者或潜在用户留下深刻印象，因为人们总是根据网站的质量来判断公司的质量。这可能听起来有点残酷，但这是事实。主页是网站的外观，用于确定网站访问者的第一印象，第一印象通常是可视的，因此许多用户在主页上使用插图。使用网站主页上的插图可以为整个网站带来更多的艺术美感，使主页更加生动。这些主页插图还唤起用户的想象力并在用户和网站之间建立连接。此外，独特的插图可以使您的网站与竞争对手区分开来，并创造更强大的品牌吸引力。

对讲机是板栗。在其主页上，如果“与客户沟通不应该这么难”和“与对讲机一起使用，简单，个性化，对每个人都有趣”这些词语不能形成强烈反差，很难引起访客的兴趣。因此，Intercom使用插图来模拟“您”与用户之间的通信。旧方法和新方法之间的优缺点清晰直观，体现了产品的优势。这种亲密的解释更有利于吸引访客并吸引访客进入用户。

　在不同页面上使用插图如吉祥物

吉祥物是一种插图，通常用作商品标志和企业形象的代表。在网站上使用吉祥物可以带来许多好处。凭借其强大的亲和力和乐趣，吉祥物可以迅速赢得游客的信任，并在访客和网站之间建立情感纽带;它可以使交互过程更加生动，保持用户的注意力。此外，对于参观者来说，这个图形元素是绝对新鲜的，可以给他们留下深刻的印象。

Mailchimp是使用吉祥物来增强用户体验的最着名的网站。在小飞面前，网站上还提到了优秀的404页面设计和CTA按钮。 Mailchimp是一个提供电子邮件营销服务的网站。它的吉祥物是一只叫Freddie的可爱猩猩。一方面，Freddie带着斜挎包，承担着传统邮递员的责任，突出了网站的主题，并与品牌形象相匹配。另一方面，Freddie的吉祥物可以大或小，可以出现在网站的不同页面上，并扮演各种角色，例如引导访问者到某个街区或只是招待访客，使用户体验更加愉快。

　在教程上使用插图

插图的一个重要特征是使枯燥的文本变得生动，并用简单的图片解释复杂的概念。这是网站上一些教程或说明手册的福音。网站上的教程和说明书通常冗长乏味，添加插图可以极大地解决这个问题，为访问者提供更多的视觉信息，减轻阅读负担，让他们更加渴望了解细节。用户界面看起来也更令人愉悦。如果您没有正确的插图来解释教程，动画效果是一个不错的选择。

下图是应用程序的用户界面。当用户登录时，将对软件安全信息提供一些指导，以便用户可以更多地信任该软件。您可以看到此信息不是纯文本，而是与插图结合使用。这些“信用卡，盾牌，账单”的插图使信息更加直观和易懂，并吸引访问者停止浏览。该应用程序的用户界面也采用卡式设计，整体设计布局整洁。由此我们还可以看到，当插图和最小用户界面（如手机界面）结合优势时，插图不仅可以传输某些视觉信息，还可以侵占其他元素所扮演的空间。

　在奖励界面使用插图

奖励界面可能是游戏软件中最常见的。几乎所有游戏都有一定的水平。当你通过一定数量的等级时，你可以获得某种成就或奖励。许多设计师在奖励页面上使用一些插图来关注用户的情感交互。例如，在下图中，Foursquare在奖励页面上使用了市长奖章。这可以给用户带来很多鼓励，同时创造一种感觉，他们觉得手机屏幕的末端不是机器，而是活人。此外，这样的插图可以带来积极的情绪，当访客受到这种情绪的影响时，他们经常会忽略网站上的一些缺点。

我们还可以使用插图来鼓励用户访问网站。例如，当用户完成注册登录时，他们可以获得礼品包或其他奖励等，以帮助为用户创建积极情绪，或者在用户完成购买之后给出积分或抽奖。许多商城网站已经使用过它。技巧。

从上面的栗子中，我们可以看到插图是一种强大的工具，可以增强用户体验并使用户界面更具吸引力。虽然在网站上使用插图尚未形成完整的规则体系，但有一点是毋庸置疑的：插图必须具有价值。使用网站的各种元素应该有一定的目的和插图。只有这样，插图才能在网站上利用自己的利益，并深入了解公司的产品或品牌。在您自己的网站上使用插图！来到起飞页自助网站（http://www.qifeiye.com/?t_wd=a5）并建立一个网站！