​为什么要在UI中使用插画?

2021-10-29 14:02发布

10条回答
上来打杂的
2楼 · 2021-11-03 11:15

现在对UI设计师的要求,更多的是一种全能型人才,手绘、插画、交互、动效等什么都要会,十八般武艺,UI设计师得会十七成半。

  投递简历的时候,你会在很多招聘UI设计师上的任职要求里看到“会插画的,有一定手绘能力优先。”

UI设计中插画到底有多重要呢?

  1,视觉差异化

  现在APP的数量越来越多,制作也越来越精美,为了抓住用户的眼球,将插画运用在APP当中,增添设计作品的艺术感,吸引用户留存。

  2,表达更加清晰

  一图胜千言,在UI中加入插画元素,可以将信息通过插画的形式传达给用户,表达效果更加清晰,贴切,符合场景。

  3、增添趣味性

  让页面不再单调,增加趣味性,图片插画的形式显然要比文字更加好,能够减轻用户的焦虑。

  4,增添情感化

  让用户体会产品的友善和人性化,拉进与用户之间的距离,产品人格化。

  5,在品牌中添加个性,更容易记住

  图片插画能够根据品牌的需求,从各个方面来定制化内容,进而贴合品牌的需求,能够更加到位地表达品牌所需要的信息。UI设计中插画的重要性https://www.aaa-cg.com.cn/ui/2896.html?seo1增加品牌曝光度,传播品牌理念,优秀的插画作品会让你过目不忘。

  目前比较流行的几类插画

  1、扁平插画

  2、肌理插画

  3、渐变插画

  4、描边插画

  5、立体插画(也叫2.5D插画)

   插画作为设计中最具表现力的元素,始终以一种坚挺的姿态屹立在设计趋势的前沿。一副好的插画本身就是一个故事,而故事是最令人难忘的内容。插画通过线条、色彩和本身独有的情感吸引力,竭尽全力营造氛围,向你阐述故事,撬动你的情绪。


羊羊0531
3楼 · 2021-11-03 14:25


 目前比较流行的几类插画

  1、扁平插画

  2、肌理插画

  3、渐变插画

  4、描边插画

  5、立体插画

1、视觉差异化

  现在APP的数量越来越多,制作也越来越精美,为了更好吸引用户,将插画运用在APP当中,增添设计作品的艺术感,使人感受到美。

  2、表达更加清晰

  一图胜千言,在UI中加入插画元素,可以将要传达的信息概括成插画内容,使表达更加清晰、贴切、符合场景,让设计更具说服力。

  3、增添趣味性

  使页面不显得单调、乏味,相对比文字插画可以减轻用户的焦虑

  4、增添情感化

  能让用户感受到友善及温暖的人性,拉近与用户的距离,更容易接近他们的客户。

  5、容易记住,在品牌中添加个性

  图片插画能够根据品牌的需求,从各个方面来定制化内容,进而贴合品牌的需求,能够更加到位地表达品牌所需要的信息。增加品牌曝光度,传播品牌理念,优秀的插画作品会让你过目不忘。

 


人是高度视觉化的生物,能够即时处理大量的视觉信息,据统计我们所获取的90%的信息都是视觉化的。单一图像比起大块的文本对于用户而言更容易消化吸收

summer
5楼 · 2021-11-04 11:18

ui是一个多功能的,插画图片等等都能用上去,并且呈现的效果都不同。而且还是很醒目的。对人的视觉冲击也是最直观的。

回答: 2021-11-11 15:14

现在在ui里面融入插画,已经是现在这几年的潮流了,而且时尚是轮回的,在集市年前,很多设计都是手工绘画的,现在看都很不错的。

回答: 2021-12-29 14:07

 在现代平面设计中,插画是颇为常用的展示性元素,是视觉传达的重要工具。插画在设计作品中,常常用来引导、启发和呈现信息,更有针对性地、视觉化地同用户进行交流。真正高效的插画一定是有针对性的,易于识别的,并且能够被不同的用户轻松理解的。

  1、视觉差异化

  现在APP的数量越来越多,制作也越来越精美,为了更好吸引用户,将插画运用在APP当中,增添设计作品的艺术感,使人感受到美。

  2、表达更加清晰

  一图胜千言,在UI中加入插画元素,可以将要传达的信息概括成插画内容,使表达更加清晰、贴切、符合场景,让设计更具说服力。

  3、增添趣味性

  使页面不显得单调、乏味,相对比文字插画可以减轻用户的焦虑

  4、增添情感化

  能让用户感受到友善及温暖的人性,拉近与用户的距离,更容易接近他们的客户。

  5、容易记住,在品牌中添加个性

  图片插画能够根据品牌的需求,从各个方面来定制化内容,进而贴合品牌的需求,能够更加到位地表达品牌所需要的信息。增加品牌曝光度,传播品牌理念,优秀的插画作品会让你过目不忘。

一个Ai
6楼 · 2021-11-04 16:27

插画所传达和表达的信息比文字更为丰富。所以讲插画运用在UI和网页设计中来传达信息,更加到位。

一、承载充足的信息量

相较于传统的表达方式而言,设计师通过插画中能够向公众传输更多的重要信息。并且插画具有更加直观、形象的属性,更有利于公众对于UI界面内容的理解,减少公众由于自身愿意在理解方面产生的偏差,使公众的操作更加准确。

二、强调故事性和趣味性

优秀的UI界面设计能够充分吸收和借鉴插画艺术的表现技法和形式,进而起到营造氛围、渲染情绪以及描摹环境的作用,有一定的故事性或者趣味性,进而以情动人,以此来增加公众的视觉愉悦感,提升公众对于UI界面的满意程度。


帅帅马
8楼 · 2021-11-07 20:17

在过去几年当中,插画开始以一种坚挺的姿势,站在设计趋势的最前列。不止是原本身处各个领域的画手和插画师开始越来越受追捧,而且连网页、UI和动效设计师都纷纷学习插画设计。当然,更显著的变化,是插画在网页和UI中的使用越来越多,越来越频繁,甚至越来越多样。

多年来,插画被广泛地运用在杂志、图书、报纸、海报、传单等不同的传统载体之上,新的工具和技术使得它更加轻松地植根于数字化媒体当中。

作为设计中,最具有表现力的元素,一张插画所传递的信息比文字更多更丰富。在UI和网页中,使用插画来辅助传达信息,无疑更加直接到位。而插画的可定制性之强,犹在图片之上。

插画

插画在UI界面中的运用,可以说相当广泛了,它更清晰,更时尚,也可以更加精准,甚至更有表现力,为什么不用呢?就适用范畴而言,我们可以观察到,它可以运用到这些地方:

页面主题图网页首图和Banner 吉祥物和形象插画博客文章配图新用户引导教程工具提示奖励页面和成就页面游戏化设计的页面通知和系统消息聊天表情讲故事的辅助配图信息图营销和广告图图标和装饰性内容社交媒体页面支持性内容的页面

插画的适用范围之广,这些总结出来的使用场景,并不是全部。插画本身的属性很有意思,它连接了设计,作为内容呈现,还带着明显的艺术化的属性。今天的文章,我们总结一下在设计中使用插画的10个理由和注意事项。

插画

1. 插画是设计的原创性和艺术性的基础

无论是印刷品、品牌设计还是UI界面,更加风格化的插画能够将不同的风格和创意加入其中,在激烈的竞争中更容易因此脱颖而出。留下用户才有转化。

插画

同样的,在博客、新闻和Banner 中使用插画,也是看准了插画可以根据内容进行深度定制的优势,这种微调能让内容更加统一一致,更加符合产品目标,借助色彩、角色、环境甚至暗藏的隐喻,来吸引特定的用户。

2. 插画是视觉触发器,瞬间传达大量信息

我们常说「一图胜千言」不是没有道理的。人的视觉感知能力很强,看到图片的一瞬间,也许还没有来得及进行逻辑思考,但是大脑已经接收到大量的信息和内容。

心理学研究表明,人类只需要大概1/10秒就可以感知到场景中绝大多数的元素和基本视觉信息。视觉信息可以更快传递到大脑,而重要的信息,人类也通常会被固化为视觉图像,而非文本化的记忆。文本需要依托可读性设计,而图片和插画则会被直接识别。图片和插画更容易打破文化和语言隔阂,传递内容含义。对于视障用户、阅读障碍用户和儿童,图片插画更容易被理解。

插画

插画

3. 插画是标题和文本的重要支撑

虽然图片一瞬间传递的信息很多,但是图片在很多时候是无法提供精准而详细的内容。用户依然需要文本来呈现清晰而可以被阅读和记录的内容,所以文本依然是不可或缺的。在另外一方面,文本和标题已经具备的情况下,经过定制的插画能够辅助用户理解,更清晰的记忆。

插画

在很多特定的领域,举个例子比如说金融,插画能够借助色彩、图形和形象来讲述故事,让用户更清晰的理解复杂的金融功能,甚至强化信任感,而这是文本所不具备的。插画能带来强烈的情感连接。

4. 插画更适宜呈现故事

故事是最令人难忘的内容,剧情的走向和起承转合会给人留下深刻的印象。而插画则以清晰的形象将文字和意象勾连起来,无论是在网页、UI设计还是内容和体验上,都有着足够突出的体现。

插画

营造氛围,渲染情绪,描摹环境,呈现角色,插画让故事更加鲜活、易于理解。在内容制造上,有着难以替代的作用。

插画

5. 插画独有的情感吸引力

人是情感动物,看似理性的皮囊之下,几乎每个决定都是在情感和情绪的驱动下完成的。如果某个设计除了能够帮你达成某个目标,还能让你感到愉悦,会心一笑,那么通常下一步就是将它收藏起来并且分享给朋友。而在诸多设计因素当中,插画在撬动用户情绪这一点上,有着无与伦比的效用——从线条、色彩到面部表情和曲线和动效,都在竭尽全力地为你阐述故事,营造氛围,将你拉到故事和场景当中去。

插画

6. 插画赋予设计以美学价值,更容易被接受

即使所有人都在分析和争论产品的可用性和易用性,大家在对美的追求上,始终保持着一致的态度。一个设计是否具备可取性,是否能够通过甲方、客户和实际用户,是每个设计人都需要面对,都力求做到最好的事情。精心设计的插画在美学和风格上更加扎实,风格化的设计不弱于现成设计素材所提供的价值。

插画

7. 插画能让品牌识别度更高

和文本相比,插画的视觉化属性无疑是更强的。图片插画所提供的定制化内容能够从各个方面来贴合品牌的需求,更加到位地表达品牌所需呈现的信息。这也使得插画不仅仅在品牌宣传的时候,运用在广告、海报等显而易见的地方,而且也成了品牌 APP 中新用户引导和教程中必不可少的元素。

插画

就像 Perfect Recipes 这个应用的新用户引导屏中,就借助插画来呈现。而 Toonie 这个可爱的闹钟应用当中,甚至借助游戏化的设计,集成了大量有趣的表情和贴纸,当然,它们都是使用定制化的插画来呈现的。

插画

8. 数字插画还能强化交互,应用在短视频中

数字化的好处就在这里,通过不同的数字软件,合理的处理之后,不仅能够变成动态的,运用于视频当中,还能够作为微交互,强化产品的整体体验。

一旦涉及到的动效和短视频,整个数字插画就开始具备更多的可能性了,不同的动效能带来截然不同的感觉和体验,更不用说这种玩法正贴合时下的流行趋势。

插画

Whizzly 这个动态图标就是基于插画,给一个创意分享社区所准备的。

9. 插画的独特性来自于其中的隐喻和引人入胜的视觉

和艺术一样,设计中同样需要借助隐喻来传达一些相对更有趣、更深刻、更有意思的信息。插画的独特性也是借此来构成,包含的隐喻使得其中的价值更加复合,值得反复咂摸,而不是一眼就可以完全看穿。

插画

在这个约会应用的网页当中,插画无疑传递出了多重的信息,暗含的隐喻告知了用户产品的功能和属性。而下面这幅插画则是为一篇如何找到原创风格的文章所准备的,图中的金鱼指代的则是难以被抓住的灵感和风格。

插画

10. 插画让用户可以更快理解和操作

无论是图标还是大幅的插画,都能帮助用户理解,更加直观地知道要看哪里,要做什么。面对如今的数字界面,用户的注意力持续的时间越来越短,而插画则让用户更快、更直接地获取信息,并且决策下一步要做什么。如果插画或者图标内容不能被用户一眼看出来,那么用户就只能借助文本标签来了解功能是什么。设计师可以通过测试来测试图标和插画的可用性和识别度。

插画

值得思考的问题

当然,插画的设计是没有门槛的,在设计的时候,要求也是比较高的。在使用和设计插画的时候,需要考虑以下的几个方面:

目标受众(身体能力,年龄,文化背景,教育水平等)产品的使用环境产品和内容的在全球范围内和当地的传播水平所选图形的隐喻以及是否容易被识别插画是否会让人分心。


Danke - 四有青年
9楼 · 2021-11-11 15:05

在UI和网页中,通过插画传达信息,往往更容易让用户接受。而插画的可定制性之强,犹在图片之上。

相关问题推荐

  • 回答 100

    个人感受,有机会得话就直接先进大厂吧。如果没有机会也可以这样:前期可以先进入小型的公司:优点:自身成长较快,一般情况下,小型企业资金和人员都有限,这就需要你独挡一面,充分理解项目的全流程设计。可能短短两三个月你就脱胎换骨。管理更直接,没有中...

  • 回答 5

    前端跟ui的话都有各自的一个发展,这个也说不好。

  • 回答 24

    AE是做动效的软件,现在UI必须会动效设计。

  • 回答 23

    UI设计现在的市场还是蛮不错的呢,需求量比较大,而且你还有一定的基础,比较好学的,建议选择大一点的机构,有一定的保障,可以实地考察一下

  • Sketch可以抠图吗?2020-09-09 09:23
    回答 10

    Sketch是可以做一些简单的抠图操作的

  • 回答 24

    是的,UI主要是设计,会使用设计类软件就可以,不过会简单的前端代码,找工作会比较有有事的。

  • 回答 24

    可以学,不过你之前没有接触过这个的话,你可能自学起来还是比较难得,最好还是去找个靠谱的培训机构,从入门开始学起

  • UI需要美术基础吗2020-12-16 15:28
    回答 22

    对于设计来说,创意想法是一方面,想到能否准确的表达出自己的想法又是一方面,就比如说有美术基础的会有更多的表现形式,常用到的技能有手绘,写实图标等,优势更多的体现在技能上。UI设计对于视觉表达只是其中的一个方面,只要是被广大用户认可接受的表达都...

  • 回答 9

    首先来说平面设计,通常指的是线下生活中传达信息为主的视觉设计。也是我们常说的视觉传达设计。主要目的是将视觉作为沟通和表现的方式,更好地宣传品牌信息。在我们的日常生活中常见的有标识、出版物、平面广告、海报、广告牌、标志和产品包装。而网页设计则...

  • 回答 11

    没有美术基础可以学习UI设计吗?关于这个问题,我在这里想要先给大家介绍下美术基础是指什么,UI当中需要的又是什么,很多人因为自己没有美术技术就害怕学不好等问题。那么我们首先要了解UI设计当中的美术基础指的是什么,UI设计中的美术基础主要是以素描手绘...

  • 回答 12

    ps软件通常指的是 Adobe Photoshop,简称PS,是由 Adobe Systems 开发和发行的图像处理软件。Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具,可以有效地进行图片编辑工作。PS 有很多功能,在图像、图形、文字、视频、出版等各方面都...

  • 回答 5

    矢量蒙板用矢量图形建立蒙板,以约束其下面一层图像的显示和隐藏,矢量蒙板只能用矢量工具(钢笔、自由钢笔、矢量图形)来编辑。图层蒙板通过像素来约束下面图层的显示和隐藏,可以通过像素工具(画笔,橡皮插等工具)画编辑。剪切蒙板则通其本身形状对下面图...

  • 回答 3

    设计师在进行信息的编排与构建时,已经花了较多的时间与精力理解了产品的全部信息和信息之间的层级关系。但是,用户接收信息是从一些具体的信息片段开始,然后到另一个信息片段,他们需要将这些具体的信息补全成设计师脑海中的信息地图。设计师的信息地图是立...

  • 回答 2

    作为一个设计师的最重要技能之一就是你要学习如何去选择排版。这是因为文本是设计师与用户沟通的主要方式之一。排版能成就你的设计,也能毁灭你的设计。一个美观又复杂的排版。有些人将他们全部的事业奉献在了排版上。值得庆幸的是,他们的工作是有据可查的,...

  • 回答 3

    漂亮美观的设计作品,就是好的设计吗?当我在media上发表第一篇文章时,有一位读者问了我一个问题,引起了我的共鸣。她说评判设计的优劣是一种偏主观性的行为,她想知道,是否有人能够设计出一套能够辨别出优秀设计作品的准则。于是我生出了为什么我自己不试...

没有解决我的问题,去提问