行业动态
基地新闻
联系我们
- 电话:0531-86558833
- QQ:464510412 / 864615817
- 地址:济南和平路18号(燕山银座写字楼五楼)
UI设计中人文诉求的交互设计
人文诉求的情感化设计是大趋势,好的诉求化设计甚至能够让用户忽略产品在本能层次、行为层次上的一些不足(当然只是一些小不足啦,如果产品基本的可用性、易用性都达不到的,。在UI设计中也不仅仅只需要设计绘制界面中的各式icon了,而是更需要符合应用场景的诉求化插画设计。一定的UI插画绘制和设计能力已逐渐成为了一个UI设计师不可或缺的能力之一。
异常场景设计,包括空态页面。在产品的实际使用中,异常状态是无法避免的,比如空态、断网、APP因自身特性而会出现的一些异常状况--如手机淘宝的限流场景。当用户遭遇到异常场景时,会打断其体验流程,造成挫败感,而好的充满人情味的情感化异常场景设计则能有效的化解用户的负面情绪,甚至引导用户的情绪,从而达到优质的情感化体验,积累用户口碑。
● 引导页,简洁易懂的引导页设计,不仅能让用户初次接触产品时快速理解产品的功能和亮点,还能在产品升级版本的时候快速消解用户对产品“到底升级了哪些地方”疑惑。若在此之上,用有趣美观的插画场景化设计,则能很好的消除用户对产品的陌生感、不安感,获取用户的认可与好感。
● 闪屏,即APP启动页。闪屏作为一个产品很重要的“门脸”,是一块运营重地。好的闪屏设计能帮助用户定位产品气质(如lofter的闪屏,文艺气息铺面而来),能在日常运营(如节日、气节主题闪屏等)给用户带来亲切感,甚至惊喜点,更能进一步巩固强化用户认可度和产品气质。
● loding加载,刷新等待对于用户来说是非常乏味且易中断的一个体验过程,因此有趣的高美观度且耐看的加载动效的设计十分重要,要让用户愿意等下去,甚至为了看加载动效而去加载。
● 其他,如运营活动,结果通知,升级提示等等。
1.图像类型
UI图标、插画主要分为是矢量插画和手绘。
在UI图标和插画设计中,矢量图的运用占有绝对比例,手绘相对而言运用则少很多(这里的手绘并不是传统意义上的在纸上用各式绘画工具绘制,而是用数位板/鼠标在图形处理软件和绘制软件上绘制,如PS、AI、SAI),因此这里将以矢量绘制的UI图标和插画设计介绍为主。
1.维度类型
2D即平面,不管是界面也好,图标也好,都是大家最常接触的,就不赘述了。
2.5D即伪3D,以等轴测图为主。与3D不同的是,等轴测图并不遵从严格意义上的透视关系(比如近大远小),而是等比例缩短。其优势是逼真、立体、能全面直观的呈现绘制对象的结构、元素分布,不足之处则是由于其不遵从严格意义上透视关系因而度量性差,层级性差。
3D需使用3D软件进行建模绘制。当前大热的C4D便是一种3D软件,且由于其不同于传统3D软件,门槛相对较低,因此大受追捧。
3.基本风格
主要分为线性(Line)、实心(Solid)、填充(Filled Line)、扁平(Flat);其中线性(仅用线条刻画)和实心(仅用单色填充刻画)都是是UI设计中最常用且必须掌握的基本风格。填充则是结合了线条与色块填充的一种风格,扁平是将物体极度抽象化简洁化后使用颜色、质感等手段绘制元素的一种风格。具体区别可见下图。
4.颜色
颜色有三大决定性要素--色相、明度、纯度。色相即常说的赤橙黄绿青蓝紫之分;明度则是由浅到深的一个变化,最直观的来说,就是从白到黑。纯度则是平时说的饱和度。颜色搭配是个经久不衰的经典话题。这里将简单介绍几种UI图标与插画中常用的几种颜色搭配方法。
5.拟人化
由于太过独特,且效果显著,这一项单独一列~拟人化是通过将画面元素、图标添加一些特征使其看起来像“人”,从而达到高效传达情感的目的。这些特征,或者说是手法,包括但不限于添加表情、添加手脚、人类行为等等。
UI设计风格从超写实到半写实再到扁平化,界面、图标也越来越扁平、简洁。不过当前半扁平化、3D质感等也在逐渐兴起,这并不是设计风格的简单回潮,而是在提升视觉上的感官体验。
通过在新视觉实训UI设计专业的学习,一定会对对UI图标、插画的风格进行分类,相信大家会对其有进一步的了解,进行相关工作的时候也会更加顺利。
- 上一篇:ps转线稿图的方法
- 下一篇:室内装修隐形杀手——甲醛的危害及治理