ui 插画-9种UI/UX设计案例，让你做出漂亮实用的设计界面

一、信息量

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

二、趣味性

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

三、需求性

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

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

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

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

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

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

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

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

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

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

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

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

4. 插画更适宜呈现故事

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

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

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

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

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

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

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

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

1. 深色主题

对于大家现在也看到很多的深色主题的app设计,它是2020年这年的设计趋势无疑。如果深色主题不会设计的同学,推荐看看相关教学视频。

2. UI插画

现在大多数界面已经加入插画设计,在UI设计中扁平化UI插画风格是使用最多的。

3. 动效设计&微交互

加入细微的动效,让界面灵动起来。我们知道如果加入动画会让网页内容增大,即使未来是5G网络也会让网页加载时间增加,这对于使用手机访问的用户来说,是非常致命的,2020年依然建议使用微动效即可。

4. 渐变

从18年开始就已经说渐变是未来趋势,其实到了20年也是一样,渐变还没过时,设计师们可以继续使用。

5. 大面积颜色

界面中填充大面积的颜色,这个可能比较少见,大量使用色彩时注意不要太多颜色,建议1-3种颜色为宜,否则会让页面花哨。这个颜色通常是与品牌有主色调有关。

6. 交互体验

产品除了需要漂亮的UI界面外,在功能方面必须符合用户实际使用需求,交互动效除了能提升视觉体验,且必须实用不花哨,这是用户喜欢你产品的重要条件之一。

7. 故事画板

小朋友为什么喜欢看绘本?因为有好看的图像吸引,所以为你的产品加入一些图文形式的故事解说也许更能取悦用户。

8. UI视频动画

在必要的情况下加入视频动画让用户更加了解你的产品,当然这样的制作成本会更加。

综上所述,在这8种UI/UX设计案例中,主要有UI插画、微动效、深色模式等设计风格,这是未来一年的UI/UX设计趋势。其中「动效」和「插画」设计是设计师必备技能,如果还不会的同学要赶紧学习哦!