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

心得技巧
干净的组织有序的网页内容布局的8种技术
网页设计实例:超级下拉导航菜单
用户体验设计:找到可用性测试参与者
设计参考:互联网创业的战略能力
导航设计:选中状态应该高亮还是灰调
互联网语音交互技术产品特点
电子商务B2C网站注册登录的必要性
中国用户体验交互设计师何去何从?
用户体验设计实例:交互设计表格
交互设计:用户体验的时间尺度
版面设计中的一图多用设计技巧
月薪3000以下的网页设计师生存现状
购物网站的Banner广告条设计方法和技巧
用户体验设计优化:内容可访问性
游戏分段加载用户体验设计更有利于推广
产品设计师的提升:产品需求角色分析
设计经验:设计师的10条小贴士
设计师参考:十个简单好用的设计技巧
设计网页总结的10个小技巧
设计经验:如何利用色轮选择颜色搭配

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


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

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

 

 

 

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

 

 

 


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

 

 


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

 

 

 

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


 


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


 

 

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



 

 


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

 

 


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

 

 

 

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

 

 

 


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

 

 

 

来自:Dmitry
翻译:十牌