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

心得技巧
良好的网站用户界面所必须的8个特性
设计师挖掘客户需求设计:围观的就是你
设计观点:设计师领导力的培养
交互设计探讨:为什么需要在新窗口打开网页
程序员职业发展:如何作技术型领导
设计经验:谈谈web的默认字体
设计标志:28个餐饮和食品类网站的logo标志
用户体验设计涉及的几个用户研究设计讨论
设计规划在产品设计前期是非常最要的
用户体验:符合中国国情的网页链接新窗口打开
网站导航用户体验设计:选中状态是高亮还是灰色
更好的用户体验:过滤器(Filter)的搜索
产品设计:打动用户的产品需求
用电话进行用户访谈的几点事项
用户体验:用户行为研究
用户研究:与众不同的心理学
懂得项目管理的设计师在团队协作中的优势
交互设计理论:我们眼中的交互设计
UE学习笔记:心智模型二分法探讨
利用简单的线条设计充满典雅风格的封面

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


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

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

 

 

 

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

 

 

 


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

 

 


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

 

 

 

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


 


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


 

 

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



 

 


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

 

 


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

 

 

 

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

 

 

 


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

 

 

 

来自:Dmitry
翻译:十牌