写实主义设计

程序显示和">现实生活中的实物越为相似,用户就越容易理解程序如何操作并喜欢使用。——《iPad-Human-Interface-Guidelines》

iPad强调了界面真实感,而想起以前翻阅web设计书籍中有将写实列为反面教材,这两者是否矛盾呢?遂想查找资料并进行考证这一点。

首先是概念,与写实主义相近的还有虚拟现实和拟物化,看了腾讯CDC的这两篇文章,对比推敲之后还是写实主义比较贴切。

虚拟现实是近年来出现的高新技术利用电脑模拟产生一个三维空间的虚拟世界,提供使用者关于视觉、听觉、触觉等感官的模拟,让使用者如同身历其境一般,虚拟现实是未来交互设计的趋势,比起写实主义技术性更强。

iPad版QQ

拟物化比较陌生,Google之后发现多是腾讯在使用此概念,但是没有概念解释。从字面意义上,拟物化和拟人化同属一种概念,拟人化是“使人格化”,或许解释为“被人格化”更有意思,赋予事物本不具备的特征。按照这种思路,拟物化是赋予界面本不具备的实体特征,这种说法似乎牵强,界面可以有实体特征,也可以没有,并没有明显的倾向。从iPadQQ的效果图上看出,tab和照片呈现等细节上“拟物化”,视觉效果很好。

写实主义是从视觉设计、声音、运动轨迹和操作反馈模拟实物。

Mac应用程序图标的光源在正上方,其角度和阴影也取决于在现实生活中如何显示的,图标的视角就是你观看放置在桌面上物体的视角。使用何种光源和视觉角度取决于用户的使用情境,是一种强写实主义。

回到文章前的问题,为什么像上图的模拟实体的界面设计却很难用呢?

从尼葛洛庞帝的《数字化生存》中找到了以下观点:

视觉经验的真实程度是由两个因素共同决定的。其一是图像的质量,即图像中显示的边和其间结构的数量的多少,数量越多,质量越好。其二是响应时间,即画面更新的速度,速度越快越好,响应时间越短越好。

这两点对于技术的要求比较高,如图像显示不佳,锯齿状的色块会影响用户的视觉感受,与现实生活中的体验相去甚远。

显示的质量确实不单和视觉有关。它是一种典型地运用了其他感官体验的收视经验,各种感宫构成的整体的确大于部分之和。如增强声音效果,会影响到用户的视觉感受。

iPad的技术能达到模拟现实的效果,无论是从图像质量、响应速度还是声音。另外还有另外一个重要的元素就是尺寸约等于A4纸的一半(105×148.5mm),模拟一本书从视觉和物理尺寸上都是刚刚好,保证使用效率的同时兼顾视觉效果。而要在iPhone上模拟的这种效果就较差,为了使用效率从而舍弃写实的视觉。

不管是虚拟现实、写实主义还是拟物化,视觉上模拟真实的程序或高或低,但是模拟对于用户有什么好处呢?

从工业设计的角度看,产品原先为椅子、屏风、键盘之类的物质产品,形式追随功能。而ipad之类的电子产品属于非物质产品,形式和功能之间没有了必然联系。界面模拟实体可以作为物质向非物质的转变过程中使用的过度手法,帮助用户理解功能的逻辑。

当用户都已经熟悉了非物质产品时,这种表现形式将会得到进化。

……

以上仅算开个头,简单探究下写实主义的作用,接下来更重要的是如何写实,写实如何发展到写意呢?

来源:http://daichuanqing.com/index.php/archives/1373

时间: 2024-08-30 03:18:19

写实主义设计的相关文章

天气APP应用的几种主流设计趋势

  老一辈的天气预报,无论媒介是报纸.广播.还是电视,都让人感到厌烦." 济南,晴,十五度到二十七度.苏州,阴转多云,二十度到二十八度" 这谁听了能不烦?跟念经似的.但是近几年手机上的天气应用做的非常不错,设计师解决了这一传统问题,让天气预报变得有格调起来. 尽管每款系统都有自己内置的天气应用,但是第三方的设计师推动了天气应用的发展,让天气应用能够和用户的应用场景有所联系,让天气应用变得漂亮大方,现在几乎每个人手机上都有一款天气应用. 最显著的特征就是,案例中所有的天气应用都使用了纤细

动效设计的物理法则:动画的一切皆在于时间点和空间幅度(转)

动效作为当今提升网页感官效果的利器,在各种类型的网页中已经全面开花,如何做到自然流畅让用户感觉舒适的动画效果呢?今天就来跟大家聊一聊动效设计的物理法则,以及它是如何应用的. 首先来一发大师金句,迪士尼动画大师格里穆·乃特维克曾经说过: 动画制作和动效设计是本质相通的,我们需要为用户建立一种"视觉的真实",即动作是可信的,我们需要获得的不是照搬线下场景的写实主义,而是"可信度",要让用户感知到这个动作是成立的.这里,就要搬出高大上的物理学了! 物理学四大基本力--万有

诊断 Java 代码:设计轻松的代码维护

设计 本月,Eric Allen 解释了在使代码更易于维护的同时,避免和控制无理由的变化怎么会是保持代码健壮性的关键.他集中讨论了诸如函数样式代码编写之类的概念,以及标记字段.方法和类的方法来处理并防止可变性.Eric 还解释了本任务中单元测试和重构的角色,并提供了协助实现重构的两个工具.在相关论坛中与作者和其他读者分享您对本文的看法.(您也可以单击本文顶部或底部的"讨论",访问该论坛.)有效调试源自良好的编程.设计易于维护的程序是程序员面临的最困难挑战之一,其部分原因在于程序通常并不

ps设计小人国大创意效果

  ps设计小人国大创意效果! 加大脑洞拍摄出了这些作品,微博里很多人问我咋做到的~现在教程在这里啦~主要就是前期构思,后期细心,没有拍不好的片子,喜欢可以参考借鉴 分类: PS入门教程

ps设计中国水墨风简单的烟雾骏马海报效果

  ps设计中国水墨风简单的烟雾骏马海报效果!简单粗暴,几步即可完成,不管是景观.动物.还是人物都适用,非常棒的设计参考 分类: PS入门教程

摄影后期之王设计合成必备

  摄影后期之王设计合成必备,每条曲线对于后期都有重要的存在意义,求精而不求多,这几条曲线的意义比较重要,有兴趣的可以自己调调看 分类: PS入门教程 ps后期处理教程

25个巧用字体排版帅气的优秀网页设计

  虽然排版是网页设计 中极为重要的组成部分,但是绝大多数的网站并未在排版上做过专门的设计和调整. 事实上,在我看来我们日常访问的许多网站在排版设计上并无亮点,这也是为什么,当我们发现这些在排版设计上用心雕琢的网站的时候,会由衷地感受到喜悦和别样的幸福感. 如果你厌倦了无处不在的宋体.雅黑.Arial和Helventica,那么你应该会喜欢接下来的案例,这些巧用字体排版帅气的优秀网站会再次扩充你的网页收藏夹. 1. V02 Group 雅致的文字排版悬浮在半空中,和背景融为一体,这种设计除了众所

4个流程帮你快速搞定运营设计!

  请同学们留出3--5分钟,看完这条微博要用.前两天<我是歌手>失控,汪涵超强的救场能力让大家都看到他背后几十年的沉淀.同理,设计师想适应运营短且快的特点,持续高产,有一套可执行的流程非常重要.微博之后,更加精彩 >>> 在现如今的社会中,每天都在进行着一场场没有硝烟的商战.运营设计则是至关重要的一部分.那么怎么才能做出一个好的运营设计或者一个相对比较成功的运营设计呢?我们要知道设计的目的. 设计的目的是什么? 设计核心在于能够让用户在有限的时间内Get最有价值的信息,找到

交互设计中的5项视觉指导原则

  视觉是人的第一感观,它在影响用户行为方面起着决定性作用,视觉信息对产品的交互产生了深远影响. 来自UXPin的Jerry Cao,通过本文向我们解释了如何保持视觉与交互的协调. 我不想贬低文字的重要性,但也不想忽视视觉.两者是同等重要的交互设计元素.文字就是交互,但那些视觉元素(比如图标.菜单.图像等)才是用户实际上操作的东西.虽然有些可用性专家会提及Craigslist甚至Amazon,作为丑陋但可用(而且受欢迎)的网站案例.但毫无疑问,美感总会有所帮助. 情感是用户体验的关键:视觉设计优