app中的交互手势和意符设计

PART 2 - 屏幕的示能与基本的交互方式

一个人和一块（未通电的）触摸屏幕，在不借助道具的情况下到底能衍生出多少种交互方式？从五感出发去深入剖析的话大概分为：

嗅觉：用鼻子闻一闻这块屏。（发现并没有味道）

听觉：用耳朵听那块屏发出的声音。（发现并听不到什么声音）

味觉：用舌头舔一舔这块屏。（诶有点咸？）

视觉：用眼睛去看这块屏。（这是一块光滑的类似于玻璃的物体）

你们发现了么，对于一个原始的屏幕设备，比如手机，我们忽略按钮什么的物理按键，光思考那块没用通电的屏幕，如果你作为一个心智未开化的人（或者现在假设你就是一只猴），你真正对屏幕有建设的交互一定是在触觉上，我这么说大家能理解吧。我们不妨换位思考一下下，你现在是20年一个准备做概念手机的交互专家，你去穷举任何人和屏幕的交互，唯一有『肢体接触』的方法就是用手指（或者脚趾）去触摸，还有就是用舌头舔。用舌头舔会有口水，不利于屏幕的识别，万一漏电了画面太美不敢想。

所以，结论是，人类看到一块屏幕设备，这块屏幕设备的视觉示能最终导向了，人和屏幕的交互手段被定位在触觉上，而脚趾相对于人类来说没有手指灵活，所以最终我们把交互规定到手与屏幕的交互（简称交互手势）。

触觉：

我们来穷举一下手指和屏幕的交互方式：（图片来自Graphicpear，中文是我自己加上的。)

不要纠结于图，往下看，其实现今的所有的手势交互，我们基本操作分为：

一根手指：单击、双击、长按、拖动、上下滑、左右滑。

两根手指：单击、双击、长按、拖动、上下滑、左右滑、扩张放大、收缩缩小、旋转。

三根手指：单击、双击、长按、拖动、上下滑、左右滑、扩张放大、收缩缩小、旋转、捏按。

四根手指：单击、双击、长按、拖动、上下滑、左右滑、扩张放大、收缩缩小、旋转、捏按。

五根手指：单击、双击、长按、拖动、上下滑、左右滑、扩张放大、收缩缩小、旋转、捏按。

双手双指：单击、双击、长按、拖动、上下滑、左右滑、扩张放大、收缩缩小、旋转。

双手十指：单击、双击、长按、拖动、上下滑、左右滑、扩张放大、收缩缩小、旋转。

（上面写的双手双指是指每只手出一个手指，比如你们在手机修图时候的某些旋转操作）

其实你如果还要穷举的话，还有双手每只手一个指头、双手每只手两个指头、双手每只手三个指头、双手每只手四个指头这些奇怪的情况，但是由于现阶段手势足够完成日常操作，所以日常的人和屏幕交互并没有引入这些别的奇怪的方案。

我相信随着科技的进步和发展，其他的双手的交互操作也会大面积的被引入进来，起码我个人在看类似于黑镜啊还有别的欧美科幻片的时候，不止一次见到了这样的画面。（我印象最深的是黑镜第三季06，女主角操控手机方式是四指横滑，然后胖大叔操作无人驾驶的骑车的时候是双手旋转打开一个屏幕，然后再通过指头拖动目标完成导航交互。）这些电影里面反应的人的未来科技中蕴含了很多交互方法，大家可以看电影的时候多留意一下。

有点扯远了，回到手机app的交互手势，（除开游戏以外）一般单指双指即可解决。而先现今科技下，相对于大屏幕一些的平板电脑，无论是ipad还是Andriod厂商，都会引入三指，四指甚至五指的部分交互手势。

由于今天的主题是手机app，那我们下一部分就着重主要来说说手机app的交互。

PART 3 - 手机app中的意符分析

在设计中，尤其是UI设计中，意符比示能更重要。

理解这句话的本质是因为一块屏幕上人需要设计图形、按钮、内容。去让他完成一些具体事情，所以在屏幕显示的软件中的意义符号就需要有很深的引导性。

还记得之前我的定义么？用户界面上的意义符号，简而言之，就是一切用户感知中可以点击产生反馈的功能集合。

我们闲言少叙，先来看一个例子：

如图是喜马拉雅FM的app首页UI，我将从功能属性、视觉焦点两个角度，一排一排的进行分析：