信息呈现是一门层叠的艺术：交互设计表达好从属关系

pnr

[/url]

信息呈现是一门层叠的艺术：交互设计表达好从属关系

最近注意到一个现象： 人认识事物是一个由外到内的过程，是一个包含递进的关系。 而一个屏幕的信息呈现，本源上是一个由上到下、由左到右的线性传递关系。 而我突然认识到，也许正是因为这两者的不同， 所以才产生了在人机交互上，进行交互设计的必要性。 试想一下，如果我们不是要使用一个产品， 而仅仅是想读完一本小说或看完一个电视剧， 那所有信息就按着线性的方式铺开就好了， 这正好也是信息呈现最本源的方式。 然而，更多的时候我们不只是这样被动的接受信息， 而是要更灵活的操作一个应用程序或浏览一个网站。 这样就遇到了两个问题： 一个是用户需要了解认识这个应用程序或网站， 那认识事物就需要像我们前面提到的，最好是一个由外到内的包含递进关系。 二是用户可能即兴的要做各种不同的任务，并不是每次的任务过程都一样， 比如打开邮箱，有的时候是收邮件，有的时候是写邮件，有的时候是添加新联系人。 这就不能像看书或看电视剧一样，永远都是从头看起， 所以，线性信息的呈现方式也无法满足这一要求。 正是因为这两个问题， 人机交互设计才需要将一个本源上是线性呈现方式的载体， 加工成具有包含递进关系形式或感觉的东西， 从而更符合人的认识和操作需要。 如果是这样，那就需要将本来是平铺线性的东西，让它变得层叠立体起来。 结构上需要将相对独立的东西，放在不同的页面里，然后根据主次通过一个全局导航串联起来。 表现上需要不同区块放在一个页面时通过阴影或收缩与前进颜色的运用，表现出这种从属关系。 比如下面这样，就通过了色彩灰度的变化和图形很清晰的表达了它们内容间的从属关系。 让你觉得它们叠放在一起是有一个立体先后、前景与后景关系的。 这才是一个信息呈现，让用户认识了解更自然舒服的方式。 [url=http://www.aipingce.com/attachment.php?aid=5520&k=986bea1bc13c7bc849b10c76ea225a0e&t=1407517226&nothumb=yes&sid=c6220iTHWGIK2UkmJWR0YwJ7YqI0O2USuXM37yJsDgRL1%2F0]下载 (72.74 KB) 2012-4-16 22:51 关于色彩可以参考《网页配色》这本书提到的一些 主要色彩、次要色彩、强调色彩、搭配色彩、背景色彩等。 关于让一个页面连贯的流转起来，可以参考： 交互过程三要素：响应、过渡效果、移位

收藏分享评分