查看: 935|回复: 0
打印 上一主题 下一主题

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

[复制链接]

6

主题

6

帖子

-137

积分

限制用户

积分
-137
跳转到指定楼层
楼主
发表于 2014-8-9 01:24:42 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
[/url]

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


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

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


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

下载 (89.05 KB)
2010-5-23 19:53





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

ipad滑动触摸,同时配以书本的翻页效果。
下载 (25.01 KB)
2010-5-23 20:06




一个木质书架。
下载 (24.37 KB)
2010-5-23 20:06




模拟通讯录本的外形。
下载 (108.18 KB)
2010-5-23 20:06




模拟便签纸的颜色。
下载 (124.83 KB)
2010-5-23 20:06



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

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

1评分次数
收藏分享评分

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?马上注册

x
分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 马上注册

本版积分规则

毒镜头:老镜头、摄影器材资料库、老镜头样片、摄影
爱评测 aipingce.com  
快速回复 返回顶部 返回列表