万字干货!写给新手的插画科普指南

Date 2026-01-22 22:56:25

目前,插图已逐渐成为UI设计中更重要甚至不可或缺的一部分。无论是在操作UI还是UX中,插图设计都以其独特的属性魅力成为UI设计的新趋势。今天,让我们来谈谈插图对不同需求和场景下UI设计的帮助。

插画是什么

1. 起源说

从起源的角度来分析插图可以参考它的意思:西文统称为「illustration」,起源于拉丁文「illustraio」,意思是指照亮。

万字干货!写给新手的插画科普指南

也就是说,插图可以使文本的概念更加清晰,这里清楚地标记了插图本身具有解释信息和解释文本的功能。

以中文为基础「插画」两个字,为什么叫插图?关键是这个“插入”字。他清楚地指出,插图的使用场景很大程度上是插入信息流,特别是携带或伴随着文本信息。

当然,严格来说,插图的形式也包括独立装饰插图的概念,不仅限于常见的伴随信息流的形式。

2. UI中的定义

万字干货!写给新手的插画科普指南

插图在UI中的使用可以看作是一种更集中的使用方式。在这样的场景限制下,我们不能单独看艺术绘画或信笔涂鸦,而是把它带到整个界面和产品中去理解。

此时此刻,插图可以理解为UI中的控制器。由于它是一个控制器,它将配备功能、交互、产品和其他属性来服务于特殊目的。同时,如果布局在UI上,则必须遵守层次属性的限制。

3. 商业意图

万字干货!写给新手的插画科普指南

严格地说,我们目前已知的主流出现在UI中、互联网产品中的插图都属于商业插图的范畴,也就是说,在创作和使用插图时,需求方的价值主张、利润点、品牌价值、产品定位、企业文化基调必须纳入重要的考虑标准。

同时也要考虑用户的期望需求、体验感、趋势偏好等。

这不仅是你创作插图的核心起点,也是决定你的插图成功的关键因素。

插图出现并流行的原因

插图的出现和流行并非偶然,背后有许多逻辑和原因,其中两个最重要的原因需要归因于插图本身的优势;用户和市场的需求。

1. 插图本身的优点

事实上,插图本身的优势是非常明显的,尤其是从视觉的角度来看。与文本相比,插图对信息传输的授权是文本无法比拟的,具体体现在:信息传输效率、视觉隐喻、故事、艺术、包容性和与时俱进性。

万字干货!写给新手的插画科普指南

信息传输效率

说到插图,我们总是用“一图胜千言”的评价来描述插图的作用。具体来说,主要是因为插图的基因中有以下特征。

首先,插图的选择是我们人类生理的选择。实验心理学家赤瑞特拉曾在测试人类获取信息来源的实验中表示,83%的人类获取信息来自视觉,11%来自听觉,3.5%来自嗅觉,1.5%来自触觉,1%来自味觉。因此,很明显,视觉是我们感知世界的主要方式。

因此,在目前需要快速获取信息、注重直接表达意义的用户需求的时刻,插图本身比文本具有更快的信息传输效率。

万字干货!写给新手的插画科普指南

这主要是因为文本的传输特征是单一线性的,对大多数人来说,摄入链接太长,需要一步一步地通过:阅读、理解、想象、翻译和吸收过程,尤其是在阅读过程中,你需要获得时间、地点、人物和情感。。。这些信息只能一个接一个地获得,对同一个场景的描述可能至少需要三到四分钟。

万字干货!写给新手的插画科普指南

图片的信息传输特征是多线同时以总结的方式传输。在同一个场景中,你可以在几秒钟内清楚地捕捉到大部分信息。与纯文本相比,图片(插图)具有更高的视觉信息传输效率。

当然,这并不意味着文本传输一定比图片传输差。与图片相比,文本具有对想象空间限制小的优点。然而,根据产品快速传输和准确接收的需要,图片的效率在很大程度上优于文本。

视觉隐喻

插图之所以能达到如此高的信息传输效率,是因为插图具有视觉隐喻性。

所谓的视觉隐喻实际上是对世界上一切事物的拟态、重组和再现。通过再现这些图像并作为符号传输,它们在图片中以隐喻和隐喻的方式表达了传输的意义。这不仅是在商业插画领域,而且在抽象绘画中,基本上所有的具象绘画都有这一特点,这也是一种经典的创作技术。

万字干货!写给新手的插画科普指南

这些隐喻可能是暗示一个特定的事物,或者一个特定的事物(因为他们有共同点),比如用灌篮表达目标,海燕表达刚毕业的年轻人,这也是最接近我们的基因通过视觉认知世界,生动、熟悉和容易接受。

故事性

每个插图都可以理解为一个小场景,包含场景和角色的概念。每个角色在这个场景中并不孤立,而是存在于一个整体中。在同一场景的组织下,他们的独家故事出现在角色之间。

万字干货!写给新手的插画科普指南

故事不仅能把界面的每一部分串联得更紧密,还能让人感到亲切。

艺术性

插图诞生于艺术绘画的范畴,也是传统艺术绘画的一个分支。因此,无论创作的目的是什么,它都会不由自主地具有一定的艺术气质,这非常有利于风格感、质量感、氛围感和性感的创造。

包容,与时俱进

插图的范围很广,不限于一两种风格,所以这使得插图具有很强的包容性,可以以更多的形式和类型出现在不同的场景中,具有很高的普遍性。

万字干货!写给新手的插画科普指南

更重要的是,随着时代潮流的发展,插画会不断改变自己的风格,以适应每个时代的喜好,与时俱进。

2. 用户和市场的需求

除了插图本身的优点外,市场和用户选择是插图流行的关键原因。

情感化需求

在被称为用户界面设计的下半年,用户对产品有更深层次的需求,不再局限于产品的易用性,也需要更温暖的产品,更能突出产品的品味,基于这种需求,插图无疑是承担更好的载体。

万字干货!写给新手的插画科普指南

图形表达会增加兴趣和情感联系属性,丰富产品色调,扩大产品情感阈值。

品牌差异化需求

当产品的功能趋于完善时,仅在功能方面,类似产品之间很难打开明显的差距。此时,新的增长需要依靠品牌的基调来建立自己独特的知识产权属性。此时,产品代表了一定的个性化品牌形象。

“万字干货!新手插图科普指南”

如果你想在用户心中锚定自己独特的风格,你需要创造自己的视觉语言和品牌元素,选择插图来帮助设计水平无疑是一个值得考虑的方向,这也是品牌意识创造的重要组成部分。

万字干货!写给新手的插画科普指南

插图对UI的意义

说到插图对用户界面的意义,我们需要考虑用户界面本身对产品的意义和主要作用,这对用户界面工作者来说并不陌生,即视觉交流、互动指导和品牌价值。

万字干货!写给新手的插画科普指南

1. 视觉传达

视觉传达是影响UI和用户的最肤浅、最直接的维度。它通过视觉元素与用户视觉感知的第一次连接,直接决定了用户对UI及其产品的第一印象。良好的插图设计将对用户在UI和产品中的吸引力起到非常显著的帮助作用,具体表现为:满足审美需求,更加生动有趣的沟通,增加单位面积的信息承载能力。

满足审美需求

万字干货!写给新手的插画科普指南

就插图本身而言,它属于绘画艺术作品的范畴,因此插图的基因具有自己的艺术欣赏。上面还提到,插图有很多创作形式和风格。因此,对于用户来说,不同的插图偏好反映了不同的受众品味,这也突出了产品企业文化的特点。

从视觉角度来看,这些需求可以被视为个人或集体审美的体现。产品设计、环境艺术设计和数字媒体设计一直是满足审美需求的重要课题。

万字干货!写给新手的插画科普指南

更加生动有趣

万字干货!写给新手的插画科普指南

除了上面提到的插图本身具有更高的信息传输效率外,与文本在许多方面可以实现更快、准确、直观的意义传达相比,因为插图本身的图形表达是亲和力,所以在传达相同的意义时,插图的表达和叙述将更加生动和有趣。

这样,用户不仅可以快速了解需要传达的内容:功能更新、产品特性、不同属性。。。它还可以让用户在第一眼看到的时候迅速缩短与产品的距离,消除陌生感。

增加固定面积信息承载量

这主要是针对动态插图。虽然插图以固定组件的形式存在于UI中,但在固定区域内,插图可以通过动态显示(如滚动播放、微动态效果、组件切换)不断更新固定区域内的不同内容。

万字干货!写给新手的插画科普指南

此时,插图就像一个短视频,被赋予了时间的新维度,可以携带的信息量可能会在有限的区域内无限扩展。

一般来说,这一步需要令人愉悦。

3. 交互引导

除了第一眼在视觉层的吸引力外,由于插图本身具有一定的故事叙事性,可以安排在一些简短的情节中。因此,利用这样的故事叙事性,页面中插图对互动体验的改进也不容忽视,具体体现在:

状态提示和指导操作

当用户与UI交互时,往往会出现操作不可预测或操作不明确的问题。此时,为了提高用户交互线的流畅性,消除操作中不可预测带来的不必要的麻烦,插图对用户操作的提示和指导非常重要。

万字干货!写给新手的插画科普指南

万字干货!写给新手的插画科普指南

缓解和肯定情绪

从目前主流用户的APP数量来看,一个用户平均每天与大约10-25个APP互动。除了因工作和生活需要而打开和使用的APP外,如果其他APP产品想要吸引用户尽可能多的使用时间和频率来提高更多的日常生活数据,那么控制用户的操作体验情绪是非常重要的。

在这个情感设计越来越受到重视的时代,正确引导用户在操作体验中的积极和消极情绪是提高用户体验感和增加用户粘性的关键点。对此,更直白地说,就是引导和缓解消极情绪和操作中未知的恐惧,积极肯定正确的操作。

万字干货!写给新手的插画科普指南

万字干货!写给新手的插画科普指南

一般来说,这一步需要取得愉悦。

3. 品牌价值

从产品的角度来看,视觉吸引力和用户体验的根本目的是盈利的核心需求,当产品的功能价值不能显示出明显的优势时,品牌价值带来的巨大升值空间是产品需要在新阶段努力工作。

本质上,品牌贯穿了所有的设计内容,这是一个系统,但最终的立足点是不同的。通过连接这些立足点,形成品牌记忆,最终最大化产品的价值,在设计内容中,插图无疑是一个非常合适的选择。具体来说,主要表现为:

品牌定位

正如上面提到的,产品IP是产品的个性化形象,这些个性化的外观,核心将通过视觉形式给观众第一次传达,通过这种传达,观众可以迅速被告知产品定位、企业文化、气质属性。这也是品牌在用户心中锚定自身特征的重要第一步。

举个最简单的例子,为什么很多人第一眼就看到一个产品:“这个产品是为年轻人制造的”和“这个产品应该为潮人服务”的结论都是因为它第一眼就传达了品牌定位。

插图本身所能做的就是给用户一种“看图说话”的模式来阅读产品。

万字干货!写给新手的插画科普指南

差异定制

锚定品牌形象只是后产品时代品牌进入用户心中的第一步,其基本逻辑是在高度同质化的使用属性中进行差异化竞争,建立自己独特的基调,从而在用户心中品牌产品的独家记忆,独家记忆的连接需要独特的符号语义。

如果符号语义太抽象,请联系插图的艺术属性:艺术风格。就像每个画家都有自己的绘画风格一样,每个产品的基因都有自己独特的属性。创建和定制自己的独家插图符号系统实际上是为了外化这种独特的基因属性,找到自己的“绘画风格”。

例如,为什么每当你提到租赁软件时,你可能会有很多选择,但一旦给出年轻、趋势、插图这些关键词,你就会第一次想到自由,因为自由在产品差异层面创造了自己的“绘画风格”。

“万字干货!新手插图科普指南”

万字干货!写给新手的插画科普指南

重复与衍生

除了差异化和定位锚定外,插图的主要意义在于将产品集成到一个系列中,并且很容易将品牌元素转化为各种形式,并在产品的各个方面进行重用。通过不断的重用,品牌形象可以不断地重复。毕竟,所谓品牌价值最大化的本质是以一定的频率不断重复品牌概念,以实现广告,然后在用户心中留下深刻而三维的形象。例如,在电视上,你总是会听到“收到礼物只收到脑白金”的标志。

在重复这种行为中,对于特定的产品来说,更实际的意义是衍生,衍生在着陆中具体体现在:

跨媒体和媒体的适应性:电脑、手机、平板电脑等客户端和硬件的匹配和嵌入。

品牌材料的多样化:由企业IP产生的一系列商业衍生物,如周边、文化创意等。

万字干货!写给新手的插画科普指南

一般来说,这一步需要达到悦神的地步。

小结一下

插图对UI的意义在于:

视觉上,为了满足审美需求,更生动地传达信息,扩大单位面积信息的承载能力交互,引导用户优化操作,引导和控制品牌,定位品牌,提高差异化竞争力,创造重复和衍生的可行性

万字干货!写给新手的插画科普指南

插图实际应用方法论

1. 需要的时间和场景

说到插图的实际应用,很多人的惯性思维是对各种风格进行具体分析,然后筛选出具体的产品特性,这是可以理解的。然而,本文认为,从产品层面考虑插图在UI中所需的场景和时间比讨论风格定位更重要。

经过大量的实际案例和优秀的产品研究,插图在UI场景中所需的时间和场景体现在:

吸引活动内容

万字干货!写给新手的插画科普指南

当产品中有新的活动和高级信息需要通知用户,并且需要吸引用户来诱导他们点击时,插图的作用需要在当前主流操作UI设计中最著名的插图应用场景之一。插图在这个场景中的主要目的是吸引用户的注意力,触发点击行为。

具体实际场景:Banner、启动页面、活动页面等。

总结主要内容

万字干货!写给新手的插画科普指南

在用户与UI界面的交互中,他们将面临在单个页面上阅读大量信息流的情况。当这些信息流呈现复杂冗长的文本时,用户需要快速被告知信息流的主要内容,并对信息做出快速的内容判断。除了有能力的文本标题外,用插图在头部进行一般叙述也是一种非常合适的做法,这也是插图所需的重要时机。

我们可以通过细化信息流的主要本质和核心关键点,以此为出发点,在插图中替换相关的人类行为和社会行为,最后以再现、隐喻和重构的方式对文本信息进行最精细的一般叙述,从而达到主题的效果。

具体实际场景:文章头部、应用功能介绍板等。

万字干货!写给新手的插画科普指南

需要统一感和整体感

万字干货!写给新手的插画科普指南

同样基于产品层,如上述,插图由于其自身的艺术属性风格,因此有能力从视觉层面整合元素形成套装感,将反映单一品牌的色彩、形式、艺术风格独特的基因特征,越来越多的产品基于这些需求,需要插图在各个层面创建自己的套装属性。

具体实际场景:ICON设计,相同类别等

万字干货!写给新手的插画科普指南

情绪接力处于正负状态

万字干货!写给新手的插画科普指南

除了创建一套系统感外,插图还具有正确引导用户情绪的积极和消极情绪,以提高用户体验的效果。在实际的用户交互中,经常会出现从积极和消极两个方面影响用户体验的系统状态:

正:任务完成、操作执行成功等负:空白状态、功能执行、调用失败、网络连接失败、等待加载等。

此时插图的作用非常明显,即用户此时产生的负面情绪将得到解决,并配合文本提出合理的建议。相反,积极情绪将再次得到肯定,以提高用户在使用过程中的成就感,实现情绪的接力。

具体实际场景:状态空白页、操作成功状态显示、网络断开提示页等。

新手指导和新更新信息提示

万字干货!写给新手的插画科普指南

每个人都有第一次接触应用程序或面对应用程序升级带来新功能,当产品需要准确告知用户这些新信息时,通常可以将插图放在界面的合理位置,以达到与新用户有效沟通的目的,降低操作学习成本。

具体实际场景:新上线功能提示遮罩,启动页面新功能解释等。

核心内容强调和辅助叙述

万字干货!写给新手的插画科普指南

当用户快速阅读较长的文本信息流时,其核心表达意义很容易随着文本信息密度的提高而产生阅读核心丢失的可能性或混淆,此时需要插图作为视觉照明弹简洁清晰的叙述和细化主题,减少阅读干扰,作为文本信息流的辅助叙述功能,同时提高视觉透气性。

具体实际场景:工具应用网站主页介绍等。

2. 常规落地五步法

在讨论这一步之前,我们需要声明和强调的是,这并不意味着插图创作作品的具体步骤教学演示(毕竟,从绘画过程来看,成千上万的人和成千上万的方法,而图画书不一定是昂贵的),而是基于项目中从提出到构思到最终输出和实施插图的一套完整的实践链接模型,这是普遍的,当然,这并不意味着只有一个。

万字干货!写给新手的插画科普指南

从大量的项目研究和项目经验来看,插图的实施大致可以分为五个步骤:基本规范-风格探索-风格建立-图片绘制-检查交付。

基本规范

这一步通常出现在任务的早期阶段(通常是开始)。设计师需要根据需求方(甲方或PM)提出的品牌需求,结合产品的企业形象、市场定位和规模。。。与需求方沟通,协商一套双方都认可的设计规范标准,以便作为后续设计的参考,这也是对后续一系列设计行为的约束。

这样做的最大好处是尽可能避免偏离设计目标等类似风险,有效提高整体设计效率。

万字干货!写给新手的插画科普指南

在这一步中,它可以,但不一定需要具体到色值的微观层面,而是需要在宏观战略层面上向受众和开发者传达的核心词汇,如一致性、可控性、效率性、增长性等。

风格探索

当插图设计的基本规范建立后,可以进一步探索风格,风格元素的探索仍然围绕品牌的基因属性提取,给插图中的元素一个统一的世界观,不会造成视觉分离感。

万字干货!写给新手的插画科普指南

首先,我们需要在这一步进行风格测试,即使用多个版本有明显的差异,但满足上述风格比较的约束,非常类似于设计,此时不需要覆盖图片,但必须满足第一眼就能感受到差异的条件,这将很容易让我们快速找到最合适的一般风格方向来做出决定。

意味的彰显

在风格测试中,不可避免地要考虑使用哪些元素作为视觉传达符号来突出其意义。事实上,这个问题可以参考著名美学研究者李泽厚先生对意义来源的看法,即“意义来自于原始积累、艺术积累和生活积累。”最具指导意义的是生活的积累。

你为什么这么说?这是因为目前,我们大多数商业插图中几乎没有纯粹抽象的创作形式。即使有一定程度的夸张、解构和变形,它的本质仍然是对我们生活、工作和生活环境等现实形象的再现。在艺术创作术语中,这是一种现实主义的表达形式,李泽厚先生所说的“生活积累”明确指出,它包括“捕捉社会氛围,感知时代、潮流和人们的命运”。

万字干货!写给新手的插画科普指南

因此,面对元素的选择,我们应该更多地观察和联系需要表达的对象,用核心对象或词汇发散联想。联想的每个节点都可以是相关的具体对象,然后整合这些元素。

其次,从视觉层面来看,统一的世界观主要表现为统一的造型风格和统一的色彩风格。

造型风格:

万字干货!写给新手的插画科普指南

造型风格是设计资产的重要组成部分,具有高度的统一性。以角色材料为例,无论测试哪种版本的风格,都需要建立一个统一的比例结构。这是动画角色设计中的一个老话题,即统一世界观下的头身比例。角色之间可能存在高、矮、胖、瘦的差异,但比例不能过于不平衡。这种比例要求也适用于角色与风景之间的比例建模关系。

假如在绘制组件化人物系统时,甚至可以为其准备一个统一的骨骼系统,以扩展适用性和动态应用性。

色彩风格:

万字干货!写给新手的插画科普指南

色彩风格的探索并不僵化和单一,但其核心必须是控制各种颜色之间的权重。它大致可以分为:主色、辅色和装饰色的比例从大到小(理论比例为70%)、25%、当然,5%的价值不是绝对的。)在主色的选择上,我们可以靠近品牌色本身,或者通过“脑暴”找出关键词,根据关键词联想的发散推导出主色的思路进行创作。主色的选择要尽量在同一个色系中选择,不要超过三种。但是对于单幅相对独立的创作,只需要设置图片的主色调,做好色彩的对立统一。

万字干货!写给新手的插画科普指南

最后,在前几步的基础上,我们继续深入细化思维,根据最终大致使用的实际场景进行筛选和调整。实际使用场景中需要考虑的因素包括整个界面的整体视觉效果、开发层可行性的最小可行性、可用性、灵活性和可重用性。。。通过这些更实施的条件,我们可以限制和识别更可行的方案。

风格确立

经过一系列的比较、筛选和筛选,基本的风格趋势已经确立。这一步是对风格的深度抛光,就像修剪花卉和植物维护的旁枝一样,突出树干。我们需要做的主要是两件事:风格的演变和延展性测试,以及公共属性的迁移。

万字干货!写给新手的插画科普指南

事实上,风格的演变和延展性更容易理解,即将既定风格更接近实际应用水平的组合尝试,探索风格下图像元素的最大潜力,并应用于更接近实际使用环境的Mockup,反复确定其最小可行性。

大众属性转移的实际意义在于最大限度地满足受众的接受度。UI中存在的大多数商业插图的受众组成相对复杂。如果个性风格太强,很容易引起一定的争议。我们需要非常克制这种插图设计,保持美观,避免过于独特的个性,达到所谓的平均风格,这通常是插图设计的最佳解决方案。

万字干货!写给新手的插画科普指南

画面绘制

如果图片的绘制部分要严格划分每一类,真的可以称之为千人千法,所以本文只给出一些通用的绘制思路供大家参考。

如果你是一名大学和高中艺术专业的设计师,你必须熟悉插图的绘制过程。可分为五个阶段:手稿-线稿-着色-塑造-调整。

万字干货!写给新手的插画科普指南

在手稿阶段,基本上要确立的是 1.图片的整体构图,物体与物体之间的比例关系 2.整体透视关系 3.图片的密集组织关系 4.远、在这一步中,中近景之间的虚实关系已经出来,这一步越详细,对以后的转线稿工作就越有利。

万字干货!写给新手的插画科普指南

绘制基本手稿后,下一步是开始转移更准确的电子手稿,可以使用Illlustrator、Photoshop等工具分层转稿。在这一步中,需要描述比手稿更多的细节,使具体的线面表达更加清晰,层次感更加丰富。到目前为止,造型工作已经基本结束。

万字干货!写给新手的插画科普指南

当造型结束时,我们可以开始我们的着色阶段。在着色阶段没有固定的套路。有一种方法可以直接铺设大色调,然后嵌入辅色和装饰色。也有一些颜色可以一步一步地铺设到位,点、面、步一步地着色,这符合我们自己的习惯,但在着色过程中,我们也需要时刻注意整体色调的比例协调,以免造成色调偏差。

“万字干货!新手插图科普指南”

深度塑造是一个相对的步骤。当画面的整体色调固定时,由于每个创作者的习惯不同,画面的深度会有所不同。这一步是绘制没有完美或需要深入描绘的细节。当然,在深入塑造时,我们应该非常注意整体关系,不要因为沉迷于某个细节而开始自我激励,然后在主体中跳得太远。这是一个非常耐心和克制的过程(当然,对于具有强烈整体控制感的老司机来说,一切都是随意的)。

万字干货!写给新手的插画科普指南

调整整作为整个画面的最后一步是必不可少的一步。从整体角度观察画面。如果有非常局部的主体需要适当减少,如果主体的一些细节不够突出,那么可以适当丰富画面,达到最佳效果。这一步是加减之间的平衡。

这里需要再次强调的是,并不是说一定要一步一步来,而是这种模式有一定的普遍性,相对严谨。每个设计师都有自己独特的绘画过程,绘画没有固定的方法。

组件复用

整体工作完成后,在效率设计需求下,我们需要尽可能提高单幅图片的二次利用率,使图片中的每个元素都能被替换和多次使用,这出现了我们熟悉的组件绘制设计方法,大大提高了设计效率。

万字干货!写给新手的插画科普指南

所谓组件化绘制,其实就是对图片中的分子元素进行分类整理,如人物、树木、花卉甚至文字,并内置在一个单独的图书馆中,也就是我们常说的组件图书馆。当我们需要更换某个位置的特定元素时,我们可以快速更换图书馆中的资源。

万字干货!写给新手的插画科普指南

当然,如果继续拆分,分子库可以拆分成更小的原子,即人物的一个关键部位,花草树木的花瓣和树枝,以便更详细地组合和重用更多的可能性

万字干货!写给新手的插画科普指南

检查交付

当所需的插图绘制完成时,需要进行最终的检查和交付阶段。这一阶段主要是将插图放入最终使用场景进行检查,可以是高保真Mockup。这一步不同于上述放置Mockup的行为,因为这一步侧重于纠错和调整,而上一步侧重于探索和验证。

面对一些即将上线的动态插图,设计师应特别注意和开发,再次验证其最终效果和可行性。

上线后,可以通过数据埋点、用户反馈、日常生活等数据信息反馈进行反馈和复制。检测问题是否解决的标准可分为以上三个方面:

是否优化视觉完成了用户审美满意度和兴趣吸引力是否减轻了用户互动的负担,提高了使用体验是否作为不同层次的品牌沟通工具,有利于品牌价值的最大化

扩展部分:日常修炼

感谢您耐心地看到现在,在文章的最后一部分,我想和大家谈谈自己在日常插图练习中的一些经历。

1. 观察习惯良好

首先,我们应该养成观察事物的习惯。我们目前从事的大部分UI插图操作仍然是生活中实物的再现。当我们收到需求时,我们如何快速联想到特定物体的特定状态?这与日常生活中的大量观察是分不开的。在观察过程中,我们需要特别注意物体的光色关系、光影关系和形状差异,我们应该有意识地积极构图和选择混乱的事物。

主动构图是指学习从混乱的自然,生活事物与框架的概念截取更美丽的构图,通过大量的构图思维,一旦绘画自然有构图意识,这真的很重要,这是很多人学习很短的绘画时间仍然容易忽略习惯,但这是你的组织能力是一个决定性的习惯。

景深选择意味着我们需要学会像相机一样观看物体——知道如何关注观察。据说设计师需要像素眼,但事实上,他们也需要关注眼睛。关注的意义在于,我们将对物体的观察有一个主要和次要的概念。关注意味着一部分模糊,另一部分清晰,特别是在视觉Z轴上形成这种层次感,绘画中前、中、后景的处理方法大多与此相似。从长远来看,这将有助于我们处理图片主次关系的能力。

2. 勤奋和材料推荐

当然,无论是什么技能和意识,还是老生常谈的笔耕,都会随着时间的推移而积累。毕竟,长期的练习是磨合能力和意识的最佳方式。推荐一些经常访问的插图网站:

Behance:https://www.behance.net/

万字干货!写给新手的插画科普指南

大家对此并不陌生,设计师必备

Notefolio:https://www.notefolio.net

万字干货!写给新手的插画科普指南

这是一个相对较小的韩国设计网站,有点像韩国的Behance,但风格也更独特,是一个很好的插图案例参考网站。

Pinterest:https://www.pinterest.com

万字干货!写给新手的插画科普指南

它也是一个熟悉的材料网站。除了瀑布流的分布外,最方便的是联想推荐功能,并将根据每个设计师自己的情感版本特征进行更准确的定向推送,以实时更新最新的相关内容。

Free illustrations:https://freeillustrations.xyz/

万字干货!写给新手的插画科普指南

非常垂直的插图材料集合网站可以根据标签选择所需的格式,并支持源文件下载,以获得最真实、最还原的插图材料。

Stories by Freepik:https://stories.freepik.com/

万字干货!写给新手的插画科普指南

除了拥有大量的场景人物场景应用插图材料外,该网站最大的杀手锏是,它具有在线动态现实功能,可以通过设置脚本来动态显示和查看材料。

3. 创意思维

创造性思维可以抽象地理解为想象力。考虑到这是一个非常广泛的概念,我只分享了一些我常用的思维训练方法。

首先,对于绘画想象力的延伸,我们可以通过拍照拍摄生活中许多自然不完整的东西(如桌子上的碰撞痕迹),想象成一个完整形状的一部分,然后在不完整的基础上慢慢地通过大脑形成一个完整的设备大象的形状,这种完整的形状可以通过刷子逐渐形成,这是一种非常可靠的方法来练习创造衍生思维,帮助设计师发散原始材料的联想能力。

第二,对于形状的举一反三能力,可以将形状作为一个共同点进行联系练习,即通过形状和形状之间的相似性对这些形状相似但类型可能不同的物体进行分类,然后在组合中拆卸。很多时候,它们会结合出完全意想不到的效果,在完成一些视觉上荒谬组合效果的插图操作时,它们会产生意想不到的效果。

万字干货!写给新手的插画科普指南

第三,对于发散的思维想象,你可以在业余时间画两幅画,这些涂鸦在业余时间不断补充,这非常有利于从0到1的创造,这样我们就不会不知所措,头脑是空的。

当然,以上只是我的拙见。如果能对你有所帮助,那就不是很荣幸了。

再次感谢您看到最后,对插图在UI中的帮助探索远不止于此。欢迎留下您的意见和意见。祝每一个热爱设计的人都更强大。来吧