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

心得技巧
可用性web表单的设计开发指南
网站颜色论:创建属于自己的网站配色方案
UCD以用户为中心的设计在中国的发展
WEBJX收集25个漂亮的建设中的网站设计
2010年博客blog设计的有趣的趋势
设计参考:不同凡响的网站导航设计实例
为你的web设计增添令人赞叹的元素
表格变填空与冷冰冰的网页对话
设计之处:设计人员面试的博弈技巧
网站不是炫技场,设计要为内容服务
网页设计参考:20个漂亮的网站导航菜单设计实例
优秀设计应该具备的十条标准
视觉设计分析:浅谈信息可视化设计
网页设计师总结的对网页设计行业的感触
GUI设计:让用户快速准确地读懂符号和含义
基于google图表API的jquery组件全攻略:基础入门
交互设计:探讨内容和容器的关系
设计观点:公司中如何推行用户体验策略
设计观点:非设计人员对设计师的左右
网页制作教程:框架、布局、模块、列表和数据块

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


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

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

 

 

 

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

 

 

 


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

 

 


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

 

 

 

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


 


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


 

 

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



 

 


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

 

 


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

 

 

 

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

 

 

 


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

 

 

 

来自:Dmitry
翻译:十牌