【ui】插画出现并流行的原因

插画的出现与流行并非是偶然,其背后存在着众多使之蔚然成风的逻辑和理由,其中两个最重要的原因需要归结为：1插画自身的优势2用户和市场的需求插画自身的优势插画本身自带的优势其实就极为明显,尤其是从视觉的角度来说,相比于文字,插画对于信息传递的赋能是文字无法比拟的,具体体现在：信息传递效率、视觉隐喻、故事性、艺术性、包容性与与时俱进性11信息传递效率谈到插画其实我们一直会以“一图胜千言”这样的评价来描述插画的作用,具体来说主要是因为插画的基因中存在以下几点特性使之如此首先,选择插画是我们人类生理性的选择,实验心理学家赤瑞特拉曾在测试人类获取信息来源的实验中表示,人类获取的信息83%来自视觉,11%来自听觉,35%来自嗅觉,15%来自触觉,1%来自味觉,所以很明显视觉是我们主要感知这个世界的方式所以在目前需要飞速获取信息,讲究直截了当的表达意思的用户需求的当下,插画本身相对于文字有更快的信息传递效率这主要是因为文字的传递特征是单一线性的,而且对于大多数人来说摄取链路过长并需要按部就班地经过：阅读——理解——想象——转译——吸收的过程,尤其是在经过阅读这个过程的时候,你要获取时间、地点、人物、情感这些信息的时候只能一个一个逐一获取,同一个场景描述可能需要花费你至少三四分钟的时间而的信息传递特征是多线同时以一种汇总的方式进行传递,同样的一个场景也许你几秒钟就能清晰的抓取大部分的信息,相对于纯文字来说,（插画）具有更高的视觉信息传递效率当然这里并不是说文字传递就一定比传递差,文字相比于而言具有对想象的空间限制较小等优势,只是在产品中基于快速传达、精准接收的需求而言,的效率在很大程度上是优于文字的12视觉隐喻而插画之所以能达到那么高的信息传递效率,比较重要的一点就是插画是具有视觉隐喻性所谓的视觉隐喻性其实就是一种对于世间万物的拟态、重组、再现,通过再现这些物像并作为符号传递,在画面中以比喻、暗喻的方式来表达想传递的意思这不仅仅是在商业插画领域,而是在除了抽象绘画以外,基本上所有的具象绘画都具有这个特性,这也是经典的创作手法这些隐喻可能是以一个与所要表达事物相似的形状去暗示一个具体的事物,也可以是以一种具体的事物去比喻另一种事物（因为他们具有共同点）,比如用灌篮表现奋勇拼搏夺取目标,用海燕表现刚毕业的年轻人,这也是最贴近我们基因中通过视觉认知这个世界的方式,既生动又让人熟悉且容易接受13故事性每一幅插画都可以理解为一个小情景,情境中包含了场景、角色这些概念每个角色在这个场景中并不孤立而存在组成一个整体,在同一个场景的组织下会角色之间产生了属于他们专属的故事

如今，随着互联网产品的日益成熟，你会发现所有的App都越来越像，似乎都是同一种模版设计的产品；而这种普适化的设计，会导致严重的同质化，使得设计不精致，产品没有气质和品牌。应用程序的设计是否精致，是否富有设计感，取决于它的细节，这意味着我们在进行设计时，要从多个角度去思考如何创作出动人的UI。下面为大家分享12个能够提升UI设计高级感的技巧给大家参考：

1、用颜色深浅构建层次结构

当对UI文本进行样式控制时，最常见的错误莫过于过分依赖字体大小差来建立对比；单纯地使用字体大小对比，所创造的对比还不够，试着将颜色和字重结合起来创造更好的对比效果。

每个颜色都有一个视觉权重，它可以帮助在内容中建立层次；通过使用颜色的深浅来赋予元素不同的重要性。

如有可能，您甚至可以选择两三种颜色：

主内容使用深灰色(例如，标题，但不是黑色)；次要内容用灰色(如商品简介)；辅助内容用淡灰色(如发布日期)；

同样地，在UI设计中，通常有两种不同的词汇就足以创造出出色的层次：

大部分文本都使用普通的字重(400到500，视字体而定)；对于需要强调的文字，根据字体而定(600到700)；

②主题字重600，其它绿字量均为400字

应尽量不要让正文部分字的重量在400以下，因为这部分字体本身的尺寸就已经小了，低于400会造成可读性差。

若仍需减重，则不妨把字体颜色调淡一些，或替换为其它识别度较强、字重较小的字体。

在无色/彩色背景下，将灰色文本分开处理：

对于有颜色的背景，不要使用灰色的文字，在白色背景下，把黑色的文字改为灰色(或在黑色背景下使用灰色文字)，这对于降低其视觉效果是很好的。

但对于彩色背景，想要降低背景和背景颜色的对比，通常有两种方法：

一是减少白色文字的不透明度；二是让文字逐渐接近背景颜色，而不是变成灰色。

左图设计者位置信息为白色文本降低不透明度，右图是与背景相同色相的颜色

第二，在长内容方面，大面积的深色粗体字会让人有一种沉重感，而且跳跃性强；选择一种类似深灰色(#4F4F4F)的颜色，就能很容易地解决这一问题，使文字更容易辨认。

2、一致色调

选取一种基本色，调整色调和深浅以增加平衡，避免在设计中使用过多的色彩。若专案允许，只用固定的色板，用这个简单的方法来调整底色的饱和度和明度来增加设计的一致性。

3、阴影干净

在UI设计中，阴影是最常见的视觉表现手段，它可以增加元素的深度，使其突出背景，吸引用户的注意，同时还可以增强图像的视觉层次感。

使用较宽范围的扩散模糊阴影，使垂直偏移阴影的效果更加明显和自然，它模拟了光源最常见的特性，即由上到下所创造的阴影效果。

这淡淡的阴影给人一种干净的感觉，使画面更加细腻；如果阴影的范围太小，颜色太深，位置也不会偏移，而是集中在元素的周围，会使画面更扁平，视觉变得厚重，呈现不精致的画面。

影子不一定是黑色的，还有一种扩算阴影是模拟元素本身的色彩投射在背景上，由于阴影和元素的色调一致，所以呈现出非常和谐的画面感。

设计UI时，这一手法不宜过度使用，否则所呈现的各种色彩搭配会令人眼花缭乱。

4、个性化图标设计

一个合格的设计师可以绘制出统一风格的图标，一个好的设计师可以创造出独特的风格。

在追求尺寸一致、圆角一致、线宽一致、配色一致的同时，为其视觉表现力增添更多创意？比如下面这组图标的设计，无论在图形上的创新，还是色彩搭配上都呈现出无与伦比的创意。

在应用程序的全局导航中，标签栏是应用程序的关键部分，其设计影响到整个产品的视觉风格。

一般来说，大多数应用程序都采用iOS规范的设计风格(默认灰色，选择填充颜色)，这样的设计太普通，太普遍了；要想使标签栏图标设计精美、富有个性，可以丰富每一选中状态图标的视觉表现，比如给图标加上背景和表情，就显得生动有趣，又增加了用户的好感，给人留下深刻印象。

三维立体图标设计是近几年的流行趋势，看起来很精致、华丽，但看久了就会产生轻微的视觉疲劳，同时由于其复杂的结构会增加使用者的认知成本，一般在外卖美食应用中比较常见。

5、Tab的设计

Tab是应用程序设计中最常用的控件之一，它来自于MaterialDesign的设计规范；现在很多iOS产品中也开始使用这种导航条样式，而原本属于iOS规范的选择器已经不再常见。

就视觉表现形式而言，标签条和选择条同样可以分为选择中和非选态，它的设计比较简单，一般是使用一组文字标签，通过颜色或标签下面的小长条来区分两者的状态；因为标签很简单，但越难设计出彩，要发挥很大的想象力，跳出设计规范的局限，找到一个完美的方案。

比如虾米音乐的Tab选中态是一段音频波线，再加上文字的尺寸对比，一个富有设计感和产品特色的Tabs创造出来了。

同时，品牌也可以从中获得灵感，品牌形象就是用户所熟悉的形象的最好来源。

以Tab选择态为Tab选择态的长条状，从品牌形象中提取具有独特气质的视觉连结，让使用者产生由内至外的一致感觉；例如，马蜂窝品牌形象中的微笑标志和飞猪旅游品牌形象的猪头，都延伸到Tab的设计，既使界面视觉独特性，也进一步强化了用户对品牌形象的认知。

6、无框设计

用户界面设计中，有很多装饰元素，比如卡片边框、列表分割线等等，虽然有边框，分割线是分隔两个元素的好方法，但它并非唯一的方法；过多的使用会使整个布局的设计感降低，或多或少会干扰用户浏览的视线，使信息内容失去注意力，因此可以减少不必要的装饰元素。

可通过以下几种方法来划分视觉元素的层次，让画面干净、整洁：

1)阴影的使用

暗影同样能创造出边界感，而且比起边缘分割线更为微妙，不会显得突出，不会分散用户的注意力，让内容更加集中。

2)用不同的背景色区别

一般来说，仅仅需要细微的差别就可以使相邻的元素背景区别开来；因此，你所要做的就是在不同的块设置不同的背景颜色，然后尝试删除分割线，因为根本不需要。

3)添加附加留白

在两个元素之间创建分离效果时，不必通过线框来表现，只需增加留白，让它们分开，通过留白和间隔来实现元素分组是用户界面设计的常用技巧。

7、协调设计要素

应用程序的每个界面都有大量的元素，而那些同类元素的设计风格应该保持一致。

在个人中心，标签栏图标是代表用户的一种形状剪影，因此在界面上继续显示用户头像和用户形象。

假如图形具有独特的外观，例如椭圆矩形，也可以作为一种视觉符号，延续到其他界面，成为图形或按钮的外观；这样，整个界面与统一的设计元素相结合，给予使用者一致的一致性。

8、适合产品气质的字体

选用符合产品气质的字体，能与产品定位相吻合，传递给用户正确的情感感受。

尽管缺省字体能满足大多数应用程序的设计需要，但有一个问题是——系统字体的普适性在某些特定场合不具有什么特点，而且在某些特定情况下效果不大；例如，运动App更适合粗壮的斜体以传递力量、爆发力、速度等感觉，而在系统中使用后，整体感觉变弱了。

9、统一样式的第三方图标

大部分App支持三方登录，这样可以减少用户注册的时间成本。

一般在注册登录页面底部显示第三方图标入口，这也是设计者最常忽视的内容，往往是直接将第三方图标的尺寸和排列整齐，没有针对它们再进行设计；一个设计精巧的App不应该漏掉任何细节，我们可以以自己App的图标风格为基础，对第三方图标进行优化。

10、寻找色彩

应用程序图形化的优美设计，可以给用户带来如沐春风的视觉享受，它非常重要。在背景上叠加文本的设计风格常常会出现；为了减少复杂背景对文本的干扰，通常的做法是将半透明的黑色蒙版叠加起来，让白色文字清晰可见，但这并非最佳方案。

从中提取主调，用来覆盖背景的填充颜色，使得文本、色块和融合在一起，使画面更加高级和富有设计感。

11、改善图像质量

图像质量影响到整个应用程序的风格和用户的心情，高质量的给人愉悦的视觉享受，产生美好的联想；低质量的会瞬间拉低应用程序的质感。

应用程序设计中，一幅美丽的从收集到上线，需要经过剪裁、调色等过程，才能使用；即使是普通的商品，我们将其抠图后调整为统一大小，加上干净的背景，就能立刻提升商品的美感，界面视觉也会变得美观、整洁。

12、卡片式设计

在当今UI界面设计中，卡牌设计已经是一种非常常见的设计形式，它有利于信息的分层与整合，划分出更清晰的组织结构，实现复杂内容的简化处理，提高空间利用率；同时，卡片式设计通常很依赖视觉元素，而视觉元素则是卡片式设计的优势之一，也是提升设计品性的良方。

其实，UI设计讲究的不单止是需求的完善，还要讲究其高级感提升！以上共计12个UI设计高级感提升的小技巧，必要掌握~如果你想要学习更多的UI设计技巧，就上，这里推荐大家学习课程：web网页UI设计从入门到实战

UI的全称是User Interface，即用户界面。主要方向是人机操作过程中的操作逻辑和界面的设计。但现在我们一般说的UI设计，主要是图形界面的设计。

UE的全称是User Experience,既用户体验。UE=UX，UE是国内的说话，国内一般取全称的首字母作为简称。UX是国外的叫法，但也有一些国内的公司的用户体验叫UX的。用户体验指的是用户在使用产品过程中的主观上的个人感受。包括用户在使用前、使用中、使用后过程中的整体感受，从感官体验、交互体验、情感体验、信任体验、浏览体验这五个体验来提升用户的用户体验。最终的工作的目的就是让用户用起来顺畅、简单并且可以产生情感上的某种情感。

用户体验强调以人为本，用户体验的设计原则有：界面的可见性、一致性原则、防错和容错原则、融入智能化服务、简约易读原则、帮助反馈原则，让用户在整个产品使用过程中简单、轻松、有趣的使用产品，减少用户在使用产品中的疑问，避免出面模棱两可的操作或语言，让用户迟疑或卡顿思考下一步怎么办。

用户体验从抽象到具象的过程经历5个用户体验要素。分别是战略层、范围层、结构层、框架层、表现层。这5个要素准确的回答了“为什么做、做什么、怎么做”等一系列关于产品的问题。

UI设计需要掌握表现层内容。视觉方面的系统知识体系和一定的交互设计，明白产品的定位，属性。做出符合产品气质的用户界面。在实际的工作中，主要处理视觉方面的内容包括产品的色调、图标设计、插画设计、字体设计、logo设计、视觉规范制定、动效设计、产品切图和标注等内容和产于产品前期需求分析和原型图制定等内容。

UE设计除了掌握UI设计需要掌握的表现层内容以外，还需要掌握战略层、范围层、结构层、框架层四个方面的内容，包括用户调研、需求挖掘、用户画像、流程分析、竞品分析、产品战略等下面一张图中是UX设计师的职责，其中蓝色部分是UI设计师的职责。同时蓝色也是UE设计师应该具备的技能，所以可以看出，UE设计师从最开始的需求确定，到最后的产品上线及后期反馈，迭代更新全部都要进行参与，相比UI设计师，UE设计师更加懂产品、懂商业、懂用户，在整个产品形成和成长过程中UI设计师和UE设计师各司其职，完善好自己的部分，才能产出用户满意的产品。

ui设计的三个等级分类划分

　导语：按照UI设计界面的三类划分，有助于考察设计界面的多种因素。当然，应该说设计界面的划分是不可能完全绝对的，三类界面之间有涵义上也可能交互与重叠，如宗教文化是一种环境性因素，但它带给信仰者的往往更多的却是宗教的情感因素。下面就由我为大家介绍一下ui设计的三个等级分类划分，希望对大家有所帮助！

　1 、功能性界面

　对功能性界面来说，它实现的是使用性内容，任何'件产品或内外环境或平面视觉传达作品，其存在的价值首要的是在于使用性，由使用性牵涉到多种功能因素的分析及实现功能的技术方法与材料运用。在这一方面，分析思维作为一种理性思维而存在。如果作为一种处理方式来设计产品，则这种产品会使多种特征性(如民族性、纯粹性)因素中性化，如果去除产品商标，就很难认出是哪国的或哪个公司的产品。当然，这方面也说明了产品中存在着共同性因素，它使全人类能做出同样的反应。人的感觉和判断能力有着国际性的、客观性的特征。 功能性UI界面设计要建立在符号学的基础上。国际符号学会对符号学所下定义是：符号是关于信号标志系统(即通过某种渠道传递信息的系统)的理论，它研究自然符号系统和人造符号系统的特征。广义的说，能够代表其他事物的东西都是符号，如字母、数字、仪式、意识、动作等，最复杂的一种符号系统可能就是语言。设计功能界面，不可避免地要让使用者明白功能操作。每一操作对人来说应是符合思维逻辑的，是人性的，而对机械、电子来说则应是准确的、确定无疑的，这双方的信息传递是功能界面的核心内涵。

　2、情感性界面

　一个家庭装饰要赋予人家居的温馨，一副平面作品要以情动人，一件宗教器具要体现信仰者的虔诚。其实任何一件产品或作品只有与人的情感产生共鸣才能为人所接受，"敝帚自珍"正体现着人的感情寄托，也体现着设计作品的魅力所在。 现代符号学的发展也日益这一领域开拓，以努力使这种不确定性得到压缩，部分加强理性化成分。符号学逐渐应用于民俗学、神话学、宗教学、广告学等领域，如日本符号学界把符号学用于认识论研究，考察认识知觉、认识过程的符号学问题。同时，符号学还用于分析利用人体感官进行的交际，并将音乐、舞蹈、服装、装饰等都作为符号系统加以分析研究，这都为设计艺术提供了宝贵与有借鉴价值的情感界面设计方法与技术手段。

　3 、环境性界面

　任何的设计都要与环境因素相联系，它包括社会、政治和文化等综合领域。处于外界环境之中，"是以社会群体而不是以个体为基础的"，所以环境性因素一般处于非受控与难以预见的变化状态。 联系到设计的历史，我们可以利用艺术社会学的观点去认识各时期的设计潮流。18世纪起，西方一批美学家已注意到艺术创造与审美趣味深受地理、气候、民族、历史条件等环境因素的影响。法国实证主义哲学家孔德指出："文学艺术是人的创造物，原则上是由创造它的人所处的环境条件决定。"法国文艺理论家丹纳认为"物质文明与精神文明的性质面貌都取决于种族、环境、时代三大因素"。无论是工艺美术运动、包豪斯现代主义或20世纪80年代的反设计，现代的多元化，"游牧主义"(Nemadism)都反映着环境因素的影响。 环境性界面设计所涵盖的因素是极为广泛的，它包括有政治、历史、经济、文化、科技、民族等，这方面的界面设计正体现了设计艺术的社会性。 以上说明了设计艺术界面存在的特征因素，说明在理性与非理性上都存在明确、合理、有规则、有根据的认识方法与手段。 成功的作品都是完善地处理了这三个界面的结晶。如贝聿铭设计的卢浮宫扩建工程，功能性处理得很好，没有屈从于形式而损害功能；但同时又通过新材料及形式反映新的时代性特征及美学倾向，这是环境性界面处理的典范；人们观看卢浮宫，不是回到古代，而是以新的价值观去重新审视、欣赏，它的三角形外观符合了人们的心理期望，这是情感性界面处理的极致。

;

User Interface（用户界面)，简称UI，是指对软件的人机交互、操作逻辑、界面美观的整体设计。

那么UI设计主要分一下三个分支：

第一，研究界面—-图形设计师Graphic UI designer，简称GUI,目前国内大多数UI工作者都是从事GUI这个行业。包括软件界面设计，网页设计，移动端界面设计等，也就是每天工作做着各种界面设计。

第二，交互设计师，就是做整个项目的交互流程。 交互设计是一种目标导向设计，所有的工作内容都是在围绕着用户行为去设计的。

第三，用户体验研究师，主要是通过各种方法去了解用户现在需要什么样的体验，什么样的界面，从而对这个项目的总体性体验做决策的。

学ui首先要掌握一些基础的工具，之后要学设计学、心理学等等。。学UI要用到哪些软件呢？新手先集中精力学习两个最基础的工具：PS和AI。如果要安装的话，建议安装最新版的Photoshop CC2017 ， IllustratorCC2017。然后你能力到了一定的地步，恰好有钱买了MAC，可以学习下Sketch。建议安装最新版本，功能比较强大。Axure有时间也可以学习一下，会简单的操作就行。再往后，可以学习下AE和C4D。到这个底部已经算很牛的了。UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。从字面上看是用户与界面两个组成部分，但实际上还包括用户与界面之间的交互关系。界面设计不是单纯的平面设计，他需要定位使用者、使用环境、使用方式并且为最终用户而设计。检验一个界面的标准即不是某个项目开发组领导的意见也不是项目成员投票的结果，而是最终用户的感受。所以界面设计要和用户研究紧密结合，是一个不断为最终用户设计满意视觉效果的过程。UI设计是什么？

UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计，统称界面设计。界面设计不是单纯的美术绘画，他需要定位使用者、使用环境、使用方式并且为最终用户而设计，是纯粹的科学性的艺术设计。检验一个界面的标准既不是某个项目开发组领导的意见也不是项目成员投票的结果，而是最终用户的感受。所以界面设计要和用户研究紧密结合，是一个不断为最终用户设计满意视觉效果的过程。

UI 设计师做哪些工作？

UI设计师的职能大体包括三方面：

一是图形设计，即传统意义上的“美工”。当然，实际上他们承担的不是单纯意义上美术工人的工作，而是软件产品的产品“外形”设计。

二是交互设计，主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计，并且确立交互模型，交互规范。

三是用户测试/研究，这里所谓的“测试”，其目标恰在于测试交互设计的合理性及图形设计的美观性，主要通过以目标用户问卷的形式衡量UI设计的合理性。如果没有这方面的测试研究，UI设计的好坏只能凭借设计师的经验或者领导的审美来评判，这样就会给企业带来极大的风险。

从互联网的角度来讲，具体的工作就是：

（1） Web 网页设计

（2） APP 设计

（3） IOCN、图标、海报等设计你拿出你的手机看一下你手机的界面和图标，再回想一下你的第一部手机的界面以及应用软件的图标，看到不同了就知道什么是ui了UI设计师看到一个交互设计，需要考虑的是：

1、这样的排布是否合理(比如960的屏和1136的屏幕是否都可以容下足够的设计关键信息)

2、信息重点在哪里

3、用户人群是哪一类

等等分析都是自己的事。

然后我们开始着手UI设计：

1、从产品需求入手，考虑我们到底要用什么主色调。

比如同样是团购，糯米用的是桃红色，而美团是翠绿色。那么我们在UI设计的时候首先就要考虑主色调的问题。

2、配色和辅助色用什么颜色。

在考虑到产品气质和品牌色的同事，我们经常要考虑配合衬托产品主色调的辅助色。在不同的产品中，辅助色运用的策略是不同的，比如我们经常说的：邻近色、对比色等。都是我们选择辅助色的方法。

3、用什么风格来表达。

现在来说，说到风格一句话，扁平风。但是在扁平中也有区别。

同样的信息，在UI的表达上也有不同的表达方式。那么只能在具体你的UI设计中去考虑具体你需要用什么风格。这些都是UI的工作内容。

4、图标化成什么风格。

同样是设置、发现、首页，不同的app在基本结构一致的情况下也有很多细微的差别。倒是是要用圆角的icon、还是直角，是用面还是线形，这背后的设计语言逻辑是什么，设计目的是什么。都是需要UI设计来考虑。

比如：同样是腾讯的产品，手Q和微信的icon就完全不一样。其原因是由于产品面面对的人群不同，手Q更偏年轻化。同样，你去看陌陌、来往、易信的聊天icon也是不一样的。这都是需要UI设计师一点点抠细节的去画出来的。

5、如何表达情感化设计。

在一些细节页面我们常常要考虑情感化设计，以此来提升app的品质，降低用户在异常情况下的挫败感。同时好的设计师还会考虑到如何引导用户去解决，从而满足产品诉求。不同的产品在做情感化设计的时候方式方法不同，风格也不一样。这些也都是需要UI设计来处理的。

6、动效如何做。

因为手机交互是动态的。所以我们如果可以用在一些跳转页面引用动效设计，无意是对整个app加分的好方法。

7、万年的大头疼图标icon。

一万个人有一万个答案，那么具体怎么做，还是要考虑用户、场景、需求等细节。产品可以提供方向，但是具体的落地还是需要UI设计师来完成。

8、适配、切图。

也算是万年话题了。你不是做个好看的东西，要能用，开发要能开发。你要考虑iphone456，还要考虑不同的安卓720/1280/1920，甚至有些公司要特殊考虑某些屏幕。

在某些小公司，UI要肩负和产品一起考虑交互的问题。这时候经常需要UI在自己储备足够的视觉设计能力的同时有良好的交互设计能力。手机端界面设计，可以称网页设计，

1、确认目标用户：

在UI设计过程中，需求设计角色会确定软件的目标用户，获取最终用户和直接用户的需求。用户交互要考虑到目标用户的不同引起的交互设计重点的不同。

2、采集目标用户的习惯交互方式：

不同类型的目标用户有不同的交互习惯。这种习惯的交互方式往往来源于其原有的针对现实的交互流程、已有软件工具的交互流程。

当然还要在此基础上通过调研分析找到用户希望达到的交互效果，并且以流程确认下来。

3、提示和引导用户：

软件是用户的工具。因此应该由用户来操作和控制软件。软件响应用户的动作和设定的规则。对于用户交互的结果和反馈，提示用户结果和反馈信息，引导用户进行用户需要的下一步操作。

4、一致性原则：

软件中往往存在多个组成部分（组件、元素）。不同组成部分之间的交互设计目标需要一致。

例如：如果以电脑操作初级用户作为目标用户，以简化界面逻辑为设计目标，那么该目标需要贯彻软件（软件包）整体，而不是局部。

5、可用性原则：

软件要为用户使用，用户必须可以理解软件各元素对应的功能。

比如：删除操作元素。用户可以点击删除操作按钮，提示用户如何删除操作或者是否确认删除操作，用户可以更加详细的理解该元素对应的功能，同时可以取消该操作。

扩展资料

UI设计师的职能大体包括三方面：

一是图形设计，软件产品的“外形”设计。

二是交互设计，主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计，并且确立交互模型，交互规范。

三是用户测试/研究，这里所谓的“测试”，其目标恰在于测试交互设计的合理性及图形设计的美观性，主要通过以目标用户问卷的形式衡量UI设计的合理性。

如果没有这方面的测试研究，UI设计的好坏只能凭借设计师的经验或者领导的审美来评判，这样就会给企业带来极大的风险。

-UI设计

UI设计从工作内容上来说分为3个方向。图 它主要是由UI 研究的3个因素决定的， 其分别是研究工具，研究人与界面的关系，研究人。 研究界面----图形设计师Graphic UI designer 国内目前大部分UI工作者都是从事这个行业。也有人称之为美工，但实际上不是单纯意义上的美术工人，而是软件产品的产品外形设计师。 这些设计师大多是美术院校毕业的，其中大部分是有美术设计教育背景，例如工业外形设计，装潢设计，信息多媒体设计等。 蓝色代表工具，红色代表关系，绿色代表人研究人与界面的关系---交互设计师，interaction designer 在图形界面产生之前，长期以来UI设计师就是指交互设计师。交互设计师的工作内容就是设计软件的操作流程，树状结构，软件的结构与操作规范（spec）等。一个软件产品在编码之前需要作的就是交互设计，并且确立交互模型，交互规范。 交互设计师一般都是软件工程师背景居多。 研究人----用户测试/研究工程师User experience engineer 任何的产品为了保证质量都需要测试，软件的编码需要测试，自然UI设计也需要被测试。这个测试和编码没有任何关系，主要是测试交互设计的合理性以及图形设计的美观性。测试方法一般都是采用焦点小组，用目标用户问卷的形式来衡量UI设计的合理性。这个职位很重要，如果没有这个职位，UI设计的好坏只能凭借设计师的经验或者领导的审美来评判，这样就会给企业带来严重的风险性。 用户研究工程师一般是心理学人文学背景比较合适。 综上所述UI设计师就是：软件图形设计师、交互设计师和用户研究工程师。

为什么插画在UI设计中这么火

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

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

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

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

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

心理学研究表明,人类只需要大概1/10秒就可以感知到场景中绝大多数的元素和基本视觉信息。

视觉信息可以更快传递到大脑,而重要的信息,人类也通常会被固化为视觉图像,而非文本化的记忆

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

虽然一瞬间传递的信息很多,但是在很多时候是无法提供精准而详细的内容。

用户依然需要文本来呈现清晰而可以被阅读和记录的内容,所以文本依然是不可或缺的。在另外一方面,文本和标题已经具备的情况下,经过定制的插画能够辅助用户理解,更清晰的记忆。

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

4插画更适宜呈现故事

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

5插画独有的情感吸引力

人是情感动物,看似理性的皮囊之下,几乎每个决定都是在情感和情绪的驱动下完成的。如果某个设计除了能够帮你达成某个目标,还能让你感到愉悦,会心一笑,那么通常下一步就是将它收藏起来并且分享给朋友。

而在诸多设计因素当中,插画在撬动用户情绪这一点上,有着无与伦比的效用——从线条、色彩到面部表情和曲线和动效,都在竭尽全力地为你阐述故事,营造氛围,将你拉到故事和场景当中去。

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

即使所有人都在分析和争论产品的可用性和易用性,大家在对美的追求上,始终保持着一致的态度。

一个设计是否具备可取性,是否能够通过甲方、客户和实际用户,是每个设计人都需要面对,都力求做到最好的事情。

精心设计的插画在美学和风格上更加扎实,风格化的设计不弱于现成设计素材所提供的价值。

UI设计中使用插画有什么优势

一、信息量

更接近实物的具象图像更能够符合用户的经验认知,并且更加容易识别,对于ui设计来说,在设计中加入商业插画的信息量能够有一定的提升,它注重将信息充分展现,进而使用户的理解更为顺畅,认识并熟悉该产品。

二、趣味性

其实插画的运用得到能够更增添设计中的故事和趣味性,有过这方面经验的设计师,很容易就能够发现,如果能够充分吸收和借鉴插画艺术的表现技法和形式,进而起到营造氛围、渲染情绪、描摹环境的作用,有一定的故事性或者趣味性,进而以情动人,以此来增加用户的视觉愉悦感。

三、需求性

虽然ui设计是一种商业竞争手段,但是对于设计师而言,更注重的是信息的有效传达,用户不可能仅满足于接受信息,插画元素为原本平淡的设计增添了美丽的色彩,强化了界面的视觉吸引力,同时也给用户带来了美的艺术享受。

在UI设计中，插画该如何运用？

1、首页插画

首页的插画设计是UI设计中比较常见的一种,这种设计能够吸引用户,激发大家的想象力,而且能和用户构建起紧密的关联,独特的插画艺术的价值就在这里,尤其是当这些插画呈现在打开率最高的网页首页的时候。这些与品牌气质所匹配的插画不仅能够帮网站筛选用户,而且能够强化品牌属性。

2、吉祥物

优秀的吉祥物设计是激发用户体验的基础。吉祥物的呈现形式很多,在UI设计中,它通常是以插画的形式出现的。吉祥物在UI界面中出现,能够赋予界面交互以生命力,保持用户持续的注意力,成为整个用户体验中无法忽略的重要元素,提升整体的参与度。

3、新手教程和新用户引导流程

新手教程和新用户引导流程在UI设计中使用广泛,通常用户在使用时需要学习这些新手教程以及引导流程,那么怎么样才能设计出适合大多数用户观看的优秀教程,插画的方式是个不错的选择。富有吸引力的插画和强互动性的功能让刚刚进入新用户引导流程的用户对APP产生兴趣,从中感到快乐的用户会更加渴望使用APP。

插画增强了用户的体验,是提高UI设计吸引力的强大工具。另外,插画比起可控性更强,更容易发挥创意,传递信息。希望设计师们能够让插画最大化地为用户创造价值,把它应用到产品当中,成为产品和品牌不可或缺的一部分。