淡化UI、部分还原精实感的设计

尹广磊 · 发表于 2010-5-23 19:53:09

iPad用户体验最主要体现在内容和交互：

* 淡化程序UI，以便用户关注所需的内容。
* 美观的内容形式，富有真实感。
* 充分利用设备的性能来增强内容的交互性。

淡化程序UI，以便用户关注所需的内容
UI中的配色，一部分是用来烘托氛围，一部分用来辅助页面布局。
在烘托氛围方面，为了让用户关注所需的内容，需要将UI淡化或抽象。
比如：在设计一些母婴或孩子类网站时，
通常UI设计师都设计了过重的蓝天白云和下面的绿色草地。
这些是能起到烘托氛围的效果，但用户所需关注的内容本身并不是这些。
比如，我在设计大肚妈首页时就对蓝天和绿地进行了抽象淡化，只保留了相近的底色。

部分还原精实感
但是，有时候一些富有真实感效果的还原，恰恰能把人带回到熟悉的环境当中，
用一些人们熟悉的操作过程或环境使人们感到在体验上的自然。
对于这一部分效果，在恰到好处时，则需要在设计中保留并予以体现。
但注意，这种还原需要创意，或者仅是部分起到一定的代表效果即可。
不是完全的模拟真实环境，那样会成为设计的累赘。

ipad滑动触摸，同时配以书本的翻页效果。

一个木质书架。

模拟通讯录本的外形。

模拟便签纸的颜色。

----------------------------------------------------
相关阅读：
从实例对比中理解交互设计中的正确表达，真实感表达和创意表达
http://www.hiaxure.com/thread-1048-1-1.html

拟物化的设计也要适时而用
http://www.hiaxure.com/thread-3564-1-1.html

尹广磊 · 发表于 2010-5-23 20:07:32

更多参考：
设计的真实感与抽象
http://www.gaolewen.com/read.php?101

iPad用户体验准则：
http://daichuanqing.com/index.php/archives/1212

爱多比 · 发表于 2010-5-25 16:38:56

个人觉得所谓的表现形式是要以服务内容为主旨的，简洁不简单就是这个道理吧。

李玉芬 · 发表于 2011-1-24 22:28:10

嗯，灵感产生于例子，谢谢尹兄！

老蔡 · 发表于 2011-1-25 11:28:33

很不错，很受启发。

纯粹Elaine · 发表于 2011-3-3 12:46:37

简洁会更直观。
大多数网站注重华丽的UI设计，但交互设计方面严重欠缺，从而导致用户体验下降。
优秀的网站应该追求的是简单的界面、清晰的流程、便捷的操作~
初学者之愚见~嘻嘻…

卜宪强 · 发表于 2011-3-11 22:33:10

个人认为，在apple的影响下，还原真是现实，是当今便携设备的设计潮流。

徐晓华 · 发表于 2011-6-2 15:44:24

确实有道理谢谢

萧亦婷 · 发表于 2011-6-10 20:06:30

受教了

小妖 · 发表于 2011-6-16 14:04:07

好像是这么回事

apan339 · 发表于 2011-7-11 14:55:14

学习了

guandamao · 发表于 2011-7-12 17:08:21

怎么样才能提高积分呢，求解？

Carey_Wang · 发表于 2011-10-14 09:19:36

可以好好看看怎么用了

有只画笔 · 发表于 2011-10-31 15:30:52

说得真好呀学习了

那个谁 · 发表于 2011-10-31 23:17:09

真不错~顶一个~~~~~

黎颖瑜 · 发表于 2011-11-3 15:57:36

学习啦~~谢谢LG

jerryWeb · 发表于 2011-11-12 15:32:06

实践出真知。这个是真道理。

笨蛋梦幻小熊 · 发表于 2012-10-13 14:34:08

我一直从事警务系统的开发研制，由于用户群体的特殊性，软件开发一直以简洁、高效为宗旨。我们做出的产品也一直受各省公安厅的称赞。所以我觉得，我们的设计必须为高效服务，以简洁为宗旨。

聆夏... · 发表于 2013-3-27 13:57:57

看的入迷了，连续几天都泡在这里，收获了好多

风之矢 · 发表于 2013-3-28 11:48:45

受到了启发了，不错！

[交互文章] 淡化UI、部分还原精实感的设计

评分