当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 视觉设计也可影响产品的功能

心得技巧
固定、流动、弹性网页布局的利弊分析
网页设计中的tab应用的两种类型
50个漂亮的FLASH网站设计实例
好的网站文案 良好的用户体验
设计欣赏:张扬个性的名片网站设计实例
网页设计教程:网页模式窗口要适时使用
设计参考:23个精美的橙黄色调网站设计实例
优秀网站UI设计简单的和通用的可用性策略
设计参考:11个合理排版结构的新杂志网站设计
如何设计兼顾美观与可用性的网站购物车
网页设计理论:IE6必须下地狱
网站地图放到网页底部的好处和实例
WEB安全工具大收集
密码保护设置影响用户体验的几点因素
简单分析新闻网站二级新闻列表的表现形式
网页图片的点击区域设计的用户体验
WEB设计师需要什么样的网页字体?
HTML中的input type="reset"标签失效(不起作用)的可能原因。
修改网页中的FlashSWF文件的方法
网页设计制作试题及参考答案

心得技巧 中的 视觉设计也可影响产品的功能


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-03   浏览: 62 ::
收藏到网摘: n/a

近我注意到苹果公司的产品设计已经开始采用一种新的视觉欺骗方式使苹果的东西更小巧而漂亮。苹果通过对产品外观进行一些巧妙的处理,努力不让用户发现其产品在有些功能(或指标)并没有苹果宣传的那样好。通过这种巧妙的视觉欺骗使其推出的产品能更完美的出现在用户面前。

 

 

 

我认为这种新的产品设计理念很聪明(从商业角度来看),因为它会使你的产品看起来比实际更小巧。这里有两个例子。

 

 

 


苹果电脑的曲线,一方面使用平滑与对称的弧度使曲线更加柔和,另一方面却使用棱角分明的边线,使两者的对比十分鲜明。为什么这么设计?这么做会使你更多的留意较薄的边缘,如此设计,用户就会把薄的部分想象成该设备整体的厚度。

 

 


这样产生的视觉错觉想达到最好的效果就要从上往下看,而不是使视线和被观察物体平行然后去看。

 

 

 

下面是苹果公司旧版的白色MacBook边缘的对称的曲线:


 


下面是苹果新的一体式机身的MacBook Pro。我说过最直接明显的对比效果不要通过使用平行视角去看,使两种设计对比更清晰的观察方法是从上往下看,


 

 

下一张图片是我们从上往下看到的。水平放置的笔记本与用户视角有一定角度。不仅仅这样,一些设计元素,现在都被设计成薄形的条纹,而不是以前的圆形。看看这个新版MacBook Pro放在底部的红外接收器:通过这个新的条纹形状状设计,苹果进一步向用户强调了该产品十分轻薄-即:我们不能在这里安装一个圆圈形的设备,所以我们不得不设计出一个细条纹状的接收器。



 

 


另一个有趣的变化是苹果的显示器。围绕在屏幕两侧的铝边设计已经一去不返了,现在苹果的BOOK都采用反光度很棒的黑色玻璃材质,这么做的原因是:当屏幕关闭时,屏幕上(或者说屏幕加边框)显示的面积要比实际显示屏的面积大。在苹果公司大多数新的硬件产品中能带给用户此类视觉错觉的设计非常多。从iMac电脑,Cinema显示器,MacBook到iPhone。

 

 


我们可以从苹果的设计中学到什么呢?我觉得这种视觉设计欺骗可以用在我们设计的产品中。我们有办法和能力,利用相似的手法重新塑造一下我们的设计,以便强调我们产品的主要特点。

 

 

 

现在各大厂商一直在努力使其产品更薄或屏幕更大,当然还有更多相似的,例如更快,更强等等。

 

 

 


如上所说,视觉设计完全能给产品的功能带来正面或负面的影响。

 

 

 

来自:Dmitry
翻译:十牌