巧用插图做好UI界面设计

网站中设计师经常使用图片来扩大网站的表现力，创造出色的UI界面，拉近与访客之间的互动。不过近年来越来越多的设计师开始倾向于使用插图，这是因为插图在所有的图片之中是最有表现意味的。在网站中使用插图可以使枯燥的文本更加有趣，可以让UI界面更有画面感、激发访客的兴趣。与此同时，网站信息内容的阐述与传递也更加直观、生动，有利于提升用户体验。在今天这篇文章中，小编将向大家介绍一下什么是插图以及如何应用插图做好UI界面设计。插图其实是插画的俗称，原指我们平时看的报纸、杂志、报刊的文字中所添加的图画，现已成为现代设计中一种重要的视觉传达方式，广泛应用于多个领域之中，如商业活动、网站设计、文化事业等。插图用英语来说是illustration，这其实是由拉丁文illustraio演变而来，意指照亮，也就是说插图可以使文字更加明确清晰。除此以外，它还能够增加文字的趣味性，让文字给用户留下更生动的印象，增强艺术的感染力。在网页设计之中，插图正成为一个功能性的元素。它作为设计师与用户交流沟通的工具，正通过视觉元素有效率地阐述、传递信息。如果说文字可以告知访客某种信息，那么插图就能将这些信息展示给访客看。不过如果想要充分发挥插图的功能，我们在使用时还必须遵循两个准则：一是插图要易于辨认;二是插图可以为不同语境、不同文化的访客所解读，不出现歧义等现象。那么在网站中该如何合理使用插图增强用户互动呢?以下是小编总结的网站中插图的不同使用情境，并分析了一些完成度比较高的例子，希望大家可以借鉴并有所收获。1、在主页上使用插图优秀的网页设计常常需要给访客或者说潜在用户留下深刻的印象，这是因为人们总是基于网站的质量来评判一个公司的好坏。主页是一个网站的门面，决定着访客对网站的第一印象，而第一印象往往是是视觉上的，因此不少网站在主页上使用插图。在网站的主页使用插图能够给整个网站带来更多的艺术美感、让主页更加生动活泼。这些主页插图还能够激发用户的想象力，在用户和网站之间建立一定的联系。除此之外，独一无二的插图还可以将你的网站与一众竞争对手区别开来，形成更强的品牌号召力。Intercom就是一个典型的例子。在它的首页，如果仅靠"Communicating with customers shouldn't be this hard"和"With Intercom it's simple，personal， and fun for everyone"这两句话无法形成强烈的对比，难以激起访客的兴趣。因此，Intercom使用了插图，模拟"你"和用户的沟通方式，老方法和新方法之间的优劣一目了然，直观的展示了自己产品的优势所在。这种贴心的讲解更有利于吸引访客，将访客转化成用户。2、在不同页面上使用插图如吉祥物吉祥物是插图的一种，它常作为商品标志和企业形象的代表。在网站中使用吉祥物可以带来很多好处。吉祥物以其强大的亲和力和趣味性能够很快赢得访客们的信任，建立访客与网站之间的情感纽带;可以让交互过程更生动，更能维持用户的注意力。而且，对于访客来说这种图形元素绝对是鲜活的，是能够给他们赢下深刻印象的。使用吉祥物提升用户体验最出名的一个网站就是Mailchimp。Mailchimp是一家提供电子邮箱营销服务的网站，它的吉祥物一只叫做Freddie的可爱猩猩。一方面，Freddie身背邮差包，肩负传统邮递员的重责，突出了网站的主题，与品牌形象相吻合;另一方面，Freddie这个吉祥物可大可小，能出现在网站的不同页面上，充分发挥各种作用，比如引导访客前往某个区块或是仅仅娱乐访客，让用户体验更加愉悦。3、在教程上使用插图插图很大的一个特征就是在于让枯燥的文字富有生机，用简单的图片解释复杂的概念。这一点对于网站中的一些教程或是指导手册来说简直就是福音。网站中的教程和指导手册通常都是长篇大论、乏味无趣的，而增加插图可以极大的化解这个问题，提供给访客更多的视觉信息，减轻阅读负担，让他们更有了解详情的欲望，这样的用户界面看起来也会更加赏心悦目。如果你并没有合适的插图可以用来讲解教程，动画效果也是比较好的选择。当插图和极小的用户界面(如手机界面)结合起来优势更加明显，插图既能传递一定的视觉信息，又不会侵占其他元素发挥的空间。4、在奖励界面使用插图奖励界面可能在游戏软件中最为常见，几乎所有的游戏都设有一定的关卡，当你通过一定数量的关卡，就能够获得某种成就或奖项。而不少设计师就在奖励页面使用一些插图，注重引起用户情感上的互动。比如Foursquare在奖励页面使用了一个市长勋章。这能给用户很大的鼓励，同时营造一种感觉，让他们觉得手机屏幕的那一端并不是机器，而是活生生的人。另外，这种插图可以带来积极情绪，当访客受到这种情绪的影响时，常常会忽略网站上的一些缺点。在网站中我们同样可以使用插图鼓励用户。比如，当用户完成注册登录时，可以获得一份礼包或者是其他奖励等等，帮助营造用户的积极情绪，或是在用户完成购买后赠送积分或抽奖环节，不少商城网站早已在使用这一技巧了。插图是提升用户体验，让用户界面更具吸引力一项强有力的工具。插图一定要有价值。只有这样，插图才能发挥自己在网站中的益处，让用户对公司产品或品牌产生深刻的认识。

本文名称：巧用插图做好UI界面设计
网址分享：https://www.cdcxhl.com/news/43450.html

成都网站建设公司_创新互联，为您提供标签优化、网站内链、面包屑导航、外贸建站、响应式网站、自适应网站

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联