根据 密苏里科□□□□技大学经□□□常引用的□□一项研究□□□结果， 访问者只□□需不到十※分之二秒□□的时间就□□□□可以对您□□的商业网□□站形成意□□□见。视觉环境□□可以帮助▼他们了解□□□正在发生☆的事情，形成坚实□□□□的印象并□□□□停留更长▽时间。视觉效果□□对用户产❖生了引人□□注目的影▼响，因为它们□□□可以比文◥本内容更□□有效地传□□□递快速信□□息。
就书面文□□□字而言，缺乏上下□□□文使读者□□□□难以理解◈作者想要★传达的内□□容。这也发生□□在网页设□□□□计中。一个网站□□□需要创建□□□□一个视觉□□□环境来传▽达其所属□□□组织的背□□景知识和·故事。 
什么是视❖觉上下文？视觉上下□□□□文是指改☆进网站信□□□□息传递的※内容呈现。
例如，建筑师的□□网站可能□□包含一系□□列成功的•项目。用户可以□□自行决定□□是否探索◣此专业知□□□识部分。但从一开□□始的视觉□□环境（图像、颜色、空间的使▲用）将确保用□□户了解建□□□筑师的设□□□计知识、建筑和施□□□□工经验以□□□□及管理专□□□□业知识。
再举这家□□□航空工程□□公司的例□□□子。飞机和工□□程的大胆□□□展示一目□□□了然地阐□□明了它们□□在航空航□□□天工业中□□的地位。用户甚至□□没有义务◎阅读横幅□□□□文本。

 
想象一下，如果我们□□□□要删除飞□□□□机的图像，同样的着◤陆页会如□□□□何出现？无疑更加□□□模糊和复□□□杂。Merc Aerospace 为不同行□□业提供广◥泛的工程□□□解决方案，但主要涉□□□□及航空航□□□□天业，所有这些□□都通过视◤觉适当地□□□表现出来。
视觉上下□□文是如何●创建的？创建视觉□□□上下文取·决于了解◤您的用户。用户的视◥角随着年□□□龄、性别和种□□□□族而变化。例如，添加白色□□□□图像可能□□会鼓励一◥个社区的□□□□幸福概念，但会传达□□□□给其他社□□区悲伤的□□迹象。因此，为了将视□□□□觉效果完□□□□美地融入□□□□业务环境△中，您需要评◆估对您需□□□要接触的□□人的理解，用户角色□□□□可以帮助☆您解决这□□□些问题。
以下是创建视觉上下文的一些有价值的成分：
         与业务性质有关的图像
         信息图表以可扫描的方式总结正文
         箭头、线条和花饰以突出显示数字或显示方向
         单词和短语的选择丰富了视觉上下文
         通过创意编织的图形讲故事
         吸引人的导航图标 
 
视觉环境◉有多重要？让我们看□□□□看视觉上□□□□下文的重□□□□要性背后□□□的一些原□□□□因：
第一印象□□□计数如前□□□□所述，用户需要·几分之一□□□□秒的时间◉来形成对□□□您网站的□□□□看法。在那之后□□□□的几秒钟□□内，一个更集◇中的意见◥得到了加□□□强。品牌、形象和图△标必须在▲短时间内○创造出宽□□□宏大量的□□□□第一印象。为了鼓励□□□用户停留●更长时间，确保视觉□□□□环境能让□□□他们了解◆网站的内□□容和含义。
它有助于□□信息传递◇与文本上□□□下文相比，网站的视※觉效果具□□有“感官”吸引力。用户可能□□会注意到□□证实整体□□□上下文的□□□□互补图像，而不是短□□□语和段落。不管你的□□□□故事讲得□□多么好，用户最初□□的情绪反□□□应在很大□□□程度上取□□□□决于视觉□□效果，有助于最□□□□终传达信□□□□息。
更好的用□□□□户理解视□□觉背景使□□故事变得□□生动。它使用户（网站不知◢道）了解企业□□及其运营。他或她将□□□□从上下文□□□□中获得核★心业务理▽念，然后搜索◇可用的选□□项、产品和服□□□务。 
如果您正□□□□在追求创□□□□新的用户□□□界面，它违反了□□□惯例，视觉上下◈文将有助♦于弥合用●户和您的□□产品之间◣的差距。
情感纽带很重要视觉上下文有助于触发目标受众的情绪。以小额信贷组织 Lend With Care 为例。计算主页上的人脸数量，立即提供上下文并与用户建立联系。温暖、柔和的色彩使网站更具吸引力，微笑传达了积极性和社区感。


 
很快，访问者就与网站建立了情感纽带。
这同样适用于产品——客户同样可以与各种产品建立联系。作为一名设计师，你的工作是创造能够触动目标受众内在感官的视觉效果。 
结论视觉□□□上下文帮□□助用户，尤其是首□□次访问者，解释网站★的特征和□□价值。作为设计□□□师，您可以使□□用我们讨□□□□论过的内□□□□容——图像、颜色、视觉数据、信息图表、视频、动画、图标、方向和所◆有其他可□□□视化工具□□□□的重要组□□□合——来创建最□□□重要的上□□下文.