你学的都是套路,蓝桥说这才是交互真性情!

2017-07-18

UI设计初学者每天都要拜师学艺,听资深设计师们讲一些自己应该很懂却好像又不懂的交互知识,只见行业大咖从调研讲到数据分析,从数据分析一直扯到后期开发……真可谓乐此不疲!可是在UI初学者还没有摸清套路时,总感觉大师讲的很有道理,可是,可是,又总觉得运用到真实工作中是另一番风味……


你是不是时常想送给他们一句:你说的都对,但就是没用……


现在就让非一般的蓝桥资深设计师给你讲讲不一样的交互!在此,我们拒绝套路,有的只是真诚……


调侃一下那所谓的“套路的交互”


当我跟一些有一定经验,做过几个项目,对产品较为熟悉的入门UI设计师聊移动端软件产品,问他们都做过什么样的产品以及设计思路是什么样时,得到的答案跟高中背诵的古诗词似的,相似度高达99%!回答基本可总结为:对于移动端类APP产品,大致就是调研,数据分析,痛点,笑点,痒点……各种点的分析,接着对比竞品,头脑风暴,功能需求列表罗列,逻辑整理,划分功能模块,再制定交互设计,页面跳转,到UI视觉设计到技术开发。


简单一点就是:



1.jpg



这个只是初步产品开发流程,但是绝不是每个公司,每个产品,每个阶段都这么开发,在真实的研发过程中总是会根据很多不确定因素进行调整,所以对于上图这样的开发过程,一定是要有大前提。如果设计师只会套用,那必败无疑!


必备的“硬件套路”


不论哪种交互一定要有一个目标,并且在这个过程中我们要围绕目标让用户去做事情,达到最后的目标,并且做的事情必须,快,狠,准。


现在移动互联网端快速发展,硬件作为软件(不论是APP还是H5,还是系统)基础而存在,倘若没有硬件,软件部分没有办法独立实现操作。那么硬件才是交互设计的上限,不仅仅是你的那些前端工程师技术能力。(会得到IT们的掌声吧)



2.jpg


交互:从点到线的变化


通俗点说每一个行为都是交互,当我们人类开始和猩猩有区分的时候就开始了交互行为。


因为我们开始使用工具。今天我们只做使用者在使用产品上的逻辑拆分。


这里我们需要一个行为路径以分析接下来我们要讲的内容。


案例一:点的开始


如果要点击一个按钮,需要触碰它,或者感应它、叫唤它。总之我们需要发布一个命令,对吧?我们这里先不考虑触发机制,暂且还是用点击触碰它,那么它会怎样?会不会改变自身的一个状态?被你点击和触碰,就好像你点了一下身边的妹子,她会没有反应还是害羞?那么这个按钮也会害羞,因此它有两个不同的状态,一个正常态到另一个状态。此处学过AXURE的同学逻辑会比较清晰。



3.jpg


延伸:点组成线,视觉设计


刚才说的情况也有一种复杂版本,多了一个悬停。这时候会有很多人说这个太容易,并且会觉得这里咱们讨论的都只是按钮状态的变化,实则就是这样,我们要考虑在一个点上有多少内容并有多少可能性才可能延展出多少种设计方案。我们都知道在现在这个点击按钮的行为上可能还有好几个可能性,例如正常态不是可以被点击的。也就是大家经常讨论的默认状态。


以上都是我们说的一些点交互的基本情况,并不能把市面上所有的交互样式都总结出来,那么基于更多的视觉效果,以及交互状态,还有更多的可能性就不在这里一一举例,这些都是我们要说的交互的视觉部分的一些常用的内容,那么在微交互的理解上,有更多的视觉做法,例如渐变,发散,闪烁,等等。


上一篇:折叠字体设计,蓝桥小课堂来袭

下一篇:蓝桥教你如何制作一款“bigger”的书法字